Share
Dans ce didacticiel, nous allons apprendre à créer une affiche de Vaudeville au tournant du siècle. Ce style de publicité particulièrement attrayant était populaire à la fin des années 1800 et au début des années 1900. Vous monsieur! Vous madame! Préparez-vous à être émerveillé alors que nous transportons l'image de deux amis dans le passé pour créer une affiche publicitaire sans comparaison!
Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus.
Dans ce didacticiel, nous allons explorer plusieurs compétences et concepts importants liés à Photoshop, notamment: Isoler rapidement un sujet de l’arrière-plan; Utilisation d’objets intelligents et d’objets intelligents imbriqués pour que votre conception ne soit pas encombrée; Teinter à la main une image; Comprendre ce qui fait une affiche de spectacle réussie; Utilisation de différents modes de fusion des couleurs et texturation de vos images. Nous aurons également un peu d'histoire sur l'industrie du divertissement d'il y a plus de 100 ans. Ceci est un tutoriel assez compliqué, je vais donc vous donner quelques notes avant de commencer:
Remarque: Ceci est une vraie affiche pour un vrai spectacle que mon ami Barry et moi effectuons chaque mois. L'émission parle d'un duo d'art performance père et fils appelé Mouth Odyssey. Par des pouvoirs indépendants de leur volonté, ils ont été transportés de 1900 à 2008. Chaque mois, nous assistons à un épisode différent, qui suit leurs aventures, les difficultés de leur père et de leur fils et leur quête du retour à la maison pour 1900. spectacle est complètement improvisé, et nous construisons l'histoire chaque mois.
Si vous souhaitez en savoir plus sur Mouth Odyssey ou suivre l’histoire à mesure que celle-ci se développe, visitez «L’expérience Mouth Odyssey» sur le site FuseBoxTheatre.com. Vous y trouverez la chronique de leur aventure! Il n'y a rien d'autre comme ça là-bas! Ok commençons!
Pour obtenir un effet authentique sur cette affiche, nous avons besoin d’une photographie de style portrait. Les sujets auront souvent un sourire subtil, voire un regard vide. Cela peut sembler un peu étrange, mais il y a définitivement quelque chose d'extraordinaire et de séduisant!
J'ai sélectionné une photo de moi-même et de mon ami Barry qui a été prise spécifiquement dans le but de faire une affiche de ce style..
Il y a plusieurs façons d'accomplir ceci. L'outil plume est fiable et sophistiqué, mais il existe une multitude de didacticiels sur les outils plumes. Une autre approche qui donne souvent des résultats similaires en moins de temps consiste à utiliser l'outil Gomme d'arrière-plan..
La gomme de fond fonctionne en comparant le contraste entre Contexte et premier plan. Le réticule au milieu de l'outil Gomme d'arrière-plan doit être placé sur la couleur d'arrière-plan que vous souhaitez effacer. Tout ce qui contraste fortement avec la couleur de fond sera considéré premier plan, et ne sera pas effacé. (Cet outil s'avère très pratique - en particulier pour isoler rapidement les cheveux!)
Remarque: L'outil Gomme de fond ne se trouve que dans Photoshop CS3. Si vous n'avez pas accès à ce logiciel, n'hésitez pas à utiliser votre autre méthode préférée d'extraction de sujet..
Avec vos sujets extraits en toute sécurité de l'arrière-plan, nous devons supprimer la couleur. Nous allons peindre nos propres couleurs à la main plus tard. Il y a plusieurs façons d'accomplir cette étape. Si vous avez Photoshop CS3, la nouvelle commande Noir et blanc sous Image> Réglages> Noir et blanc peut faire du bon travail. Image> Réglages> Desaturate peut aussi faire l'affaire, ou vous pouvez simplement utiliser l'un des canaux d'image en fonction du type de contraste souhaité.
Nous sommes sur le point de commencer la partie la plus impliquée du didacticiel et, afin de garder les choses ordonnées et ordonnées, nous voudrons séparer nos sujets et travailler avec eux sur différentes couches. Dans mon cas, je veux vraiment échanger les positions de nos portraits, aussi.
Pour ce faire, vous pouvez simplement utiliser le rectangle de sélection au lasso ou rectangulaire pour sélectionner l'un des sujets, puis couper et coller dans un nouveau calque..
Je suis un grand fan de dossiers et de groupes dans Photoshop. Ils vous permettent de tout garder ensemble et permettent de réorganiser facilement votre composition, même lorsque vous avez beaucoup de calques et d’effets. Faisons un dossier pour chacun de nos sujets maintenant. Nos noms de personnages sont Carl et Carlyle, je les nommerai en conséquence.
C’est la partie la plus longue du projet. Si vous avez une tablette à stylet, cette étape deviendra beaucoup plus facile, mais cela prendra encore un certain temps. Si vous n’avez qu’une souris, préparez-vous à de nombreux zooms et à une peinture minutieuse au pixel!
Si vous connaissez très bien la gamme de couleurs sélectionnée ou les outils de remplacement de couleur, cela peut constituer un moyen plus rapide de le faire. Vous pouvez également remplir un calque vide de couleur et utiliser des masques de calque pour masquer ou révéler la couleur à mélanger. Mais pour nos besoins, nous allons nous amuser en colorant juste l'original.
Vous devriez commencer par noter les régions de couleur similaire dans votre sujet - dans ce cas, nous avons le chapeau, le bandeau, les cheveux, le visage, les lèvres, les yeux blancs, l'iris, les lunettes et la chemise. Créez un calque séparé pour chacune de ces régions de couleur au sein du groupe que vous avez créé pour ce sujet..
Pour la plupart de ces couches, nous allons utiliser un mode de fusion des couleurs. (La liste déroulante Mode de fusion se situe en haut de la palette des calques.) Nous allons maintenant choisir la couleur que nous souhaitons utiliser pour teinter notre sujet et peindre sur la zone correspondante. L'image désaturée située en dessous déterminera la quantité de fondu, de sorte que nous conservons tous nos rehauts et ombres de l'image d'origine..
Répétez cette procédure pour chaque zone de couleur. Cette étape est hautement subjective. Testez donc l'opacité, la nuance de couleur et le mode de fusion jusqu'à obtenir l'effet de votre choix pour chaque zone de couleur. Par exemple, sur cette image particulière, j'ai utilisé un mode de fusion multiplié avec une opacité définie à 100% pour le chapeau, mais un mode de fusion normal et une opacité de 46% sur la bande de haubans..
J'ai également changé la couleur des yeux pour les faire ressortir - les yeux sont de véritables capteurs d’attention, en particulier sur les affiches. Pour cela j'ai utilisé un mode de mélange de couleur sur l'iris de l'œil, et j'ai utilisé Lighten sur les blancs.
Les couleurs que vous choisirez dépendront de votre image initiale et de l'effet que vous souhaitez obtenir. En général, nous recherchons des couleurs passées qui donnent à l’image un aspect vieilli, mais comme ces affiches à l’ancienne étaient des illustrations, il est recommandé de prendre un peu de liberté de création. L’objectif ici est simplement de produire quelque chose qui vous plaise - il n’ya ni bon ni mauvais!
Ci-dessous, une image montrant les éléments peints à la main sans la couche de photo à mélanger. Désactiver la photo peut être un bon moyen de vérifier que toutes les idées dont vous avez besoin sont couvertes..
D'accord! Nous avons maintenant une belle photo de portrait teintée à la main. Nous commençons à accumuler beaucoup de couches - le temps de créer des objets intelligents! Cliquez avec le bouton droit de la souris sur le groupe contenant les calques de votre sujet teinté à la main, puis choisissez Convertir en objet intelligent. Vous pouvez modifier l'objet intelligent à tout moment en double-cliquant sur sa vignette dans la palette d'aperçu des calques..
Il était rare de voir la tête flotter sur ces vieilles affiches - les sujets étaient généralement enfermés dans un cadre de portrait elliptique qui donnait un air de distinction ainsi qu'un poids visuel supplémentaire. Pour nos décors de portrait, nous allons utiliser l'outil Ellipse et couper les images du personnage à l'intérieur.
Pour découper une image sur une autre, placez notre objet portrait intelligent au-dessus de l'ellipse, puis appuyez sur la touche Alt et cliquez dessus. entre l'objet intelligent et la forme que nous voulons couper. Vous verrez le curseur changer pour indiquer que les deux calques peuvent être découpés.
Pour ajouter de la texture à l'image, nous découpons une ancienne texture de papier sous le sujet, mais à l'intérieur du cadre de l'ellipse. Il y a des tonnes de vieilles textures de papier gratuites - prenez votre favori!
Pour donner plus de profondeur à l'image, nous ajoutons un trait et une ombre interne à l'ellipse qui encadre notre sujet, ainsi que des dégradés radiaux derrière le personnage. J'ai ajouté une petite ombre portée à l'objet intelligent du personnage pour le faire ressortir encore plus, ainsi qu'un filtre Gaussian Blur Smart pour masquer tous les détails fins visibles à partir de l'image haute résolution d'origine.
La raison pour laquelle nous brouillons l'image ici est que le style que nous recréons est un style illustré à la main. Notre photo source était en haute résolution et trop de détails subtils étaient visibles. Un flou gaussien d'environ un pixel prend soin de ceux-ci, alors que nous commençons à obtenir le look doux que nous recherchons.
Une autre bonne chose à propos de l'utilisation des objets intelligents est que nous pouvons utiliser des filtres intelligents. Les filtres intelligents appliquent des effets à l’image de manière non destructive, afin que vous puissiez les ajuster ultérieurement si vous le souhaitez..
À l’époque du Vaudeville, il n’existait pas de blogues ni de sites Web. La seule forme de personnalisation des artistes-interprètes consistait à s’assurer que leurs noms apparaissaient bien en regard de leurs images sur les affiches. Souvent, les actes seraient des frères ou des soeurs, des jumeaux ou une famille entière. La présentation des noms, en particulier des noms de famille, a permis de renforcer la connexion entre les individus et le spectacle..
Les plaques signalétiques ici sont simplement des rectangles arrondis avec un trait subtil. Pour la police de la plaque signalétique, nous utilisons Copperplate Gothic Bold. Vous pourriez probablement être encore plus orné avec les plaques signalétiques que ce que je reçois ici, mais ce tutoriel contient déjà suffisamment d'étapes.!
Ces vieilles affiches de Vaudeville présentaient souvent plusieurs artistes. Suivez le même processus que ci-dessus pour créer un autre portrait de personnage..
Une façon de gagner du temps à cette étape consiste à utiliser la même palette de couleurs, formes et plaques signalétiques que celles utilisées pour le premier caractère. Il suffit de les dupliquer, de remplacer l'image, la couleur et de modifier le nom si nécessaire. Convertir en un objet intelligent lorsque vous avez terminé.
Les choses commencent à se redresser et nous voulons que tout reste simple au plus haut niveau. Alors maintenant que nous avons notre portrait complet avec effets, cliquez avec le bouton droit de la souris sur le haut de ce groupe et convertissez-le en objet intelligent, comme avant. Maintenant, nous avons des objets intelligents imbriqués!
Maintenant, le travail acharné est terminé et nous sommes prêts à commencer à composer l'affiche elle-même..
Ouvrez un nouveau document avec Fichier> Nouveau. Sélectionnez le préréglage de papier américain et définissez le format sur Tabloïd. Si vous souhaitez imprimer votre affiche, assurez-vous que votre résolution est de 300 dpi et que votre mode de couleur est CMJN. Si vous souhaitez simplement l’afficher en ligne, choisissez la résolution 72dpi et le mode couleur RVB. Faites glisser votre portrait Smart Objects dans le nouveau document.
Afin de mieux ancrer nos portraits, nous devons créer un arrière-plan. Voici deux rectangles arrondis avec de grands traits dans des teintes plus claires ou plus sombres que la couleur de fond principale. Le rectangle vert se trouve à l’intérieur du bronzage pour créer un effet de double tapis. J'ai choisi des couleurs qui vont bien avec les couleurs des portraits du personnage.
Ça commence à aller mieux, mais ça ne se sent pas assez vieux. Nous pouvons y contribuer en ajoutant des textures de papier plus anciennes (tout le monde devrait en avoir une collection!).
Dans ce cas, j'utilise en fait une combinaison de trois textures de papier différentes: une texture fibreuse, une texture froissée et une avec une impression d'un étrange papier peint à fleurs. Les couches de papier sont placées tout en haut de notre pile de couches, définies avec un mode de fusion et de multiplication, et sont ajustées en fonction de leur goût. La plupart des textures de ce type nécessiteront une opacité faible, par exemple 10-30%.
Pour éviter les conflits de redistribution, j'ai laissé les textures de papier haute résolution dans le fichier PSD final. Vous pouvez ajouter les vôtres ou télécharger un grand nombre de superbes textures de papier à partir d'endroits comme SXC ou DeviantArt..
En fonction de la couleur de la texture de votre papier et de la teinte souhaitée de votre image finale, vous souhaiterez peut-être désaturer vos textures de papier avant de poursuivre. Deux des textures que j'ai utilisées ont en fait ajouté une nuance brune subtile bienvenue à l'affiche, aussi je ne les ai pas désaturées. Le troisième papier, celui ridé, que je devais désaturer parce qu’il était rouge et avait un impact négatif sur la qualité de l’image.
À l'époque du Vaudeville, il y avait presque toujours un promoteur dans les coulisses de chaque grand acte; une sorte d'agent de talent qui bâtit sa réputation sur la qualité des actes présentés (et parcourant souvent de longues distances pour découvrir des actes de plus en plus impressionnants et inhabituels). Les informations sur le promoteur ou le présentateur figuraient généralement en bonne place près du haut des affiches en tant que marque..
Nous utilisons ici la police Rockwell Extra Bold pour le texte "FUSEBOX THEATER presents". Les deux calques de texte ont un trait subtil qui leur permet de se démarquer.
Le titre de notre spectacle est "Mouth Odyssey" - un nom étrange qui en dit long sur le marketing axé sur la curiosité de l’époque. Nous avons également ajouté une certaine déformation du texte aux éléments individuels afin de souligner le sentiment d'étrangeté et le fait que les choses ne sont pas à leur place. Cela convient ici, car nos personnages ne sont pas à leur place dans la période actuelle..
Nous utilisons une police appelée VonFont pour le texte "Mouth Odyssey". Ce texte a également un trait subtil pour se démarquer, ainsi qu'une combinaison d'effets Text Warp: Bend est défini sur + 52%, une distorsion horizontale sur -37% et une distorsion verticale sur -18%. Bien sûr, ce ne sont que les réglages que j'ai utilisés pour obtenir l'effet que je souhaitais. La chaîne de texte peut ne pas être nécessaire pour vous - jouez avec elle et voyez ce que vous proposez!
Ces vieilles affiches avaient souvent de longues descriptions verbeuses de la série. Loin des slogans trop simplistes actuels de trois mots définis dans Helvetica Bold. Ce langage marketing à l’ancienne est conçu pour attirer le lecteur avec la description. Amusez-vous avec cette partie, et n’ayez pas peur d’être verbeux, allez-y à fond! Comme ci-dessus, nous utilisons ici VonFont avec un trait subtil.
Ceci est une affiche pour un spectacle que Barry et moi avons présenté il y a quelque temps. Pour amener les gens à venir voir le spectacle, nous avons dû ajouter des informations claires sur la date et l'heure du spectacle, les informations sur le lieu et le site Web. Notez le poids visuel appliqué à chaque élément ici - nous voulons d’abord que le spectateur remarque la fin du spectacle. Si le temps leur convient, ils continueront à lire sur le site, l'adresse et le site Web pour plus d'informations..
Ainsi, les informations les plus importantes sont les plus importantes et viennent en premier, puis les polices deviennent plus petites au fur et à mesure que les informations deviennent plus spécifiques..
Et maintenant, le moment que vous attendiez tous. Leurs incomparables contorsions vous réchaufferont l'esprit. Leurs problèmes père-fils vont brouiller les cœurs. En 1900, ils sont coincés dans une guerre du temps et ils sont ici pour jouer en direct pour vous ce soir. Voici, ces plus magnifiques pourvoyeurs d’hilarité et d’émotion. Mouth Odyssey, le seul feuilleton dramatique Vaudevillian à voyager dans le temps et au monde!
Si vous êtes intéressé par l'histoire de Mouth Odyssey ou si vous souhaitez suivre l'évolution de la série en décembre, lisez davantage sur Mouth Odyssey ici, et consultez The Mouth Odyssey Time-Travel Log sur fuseboxtheatre. .com.
J'espère que vous avez aimé apprendre à créer votre propre affiche de Vaudeville du tournant du siècle. Je voudrais remercier Psdtuts + pour toutes les excellentes ressources qu’il fournit à la communauté des concepteurs. Merci également aux lecteurs et aux contributeurs de faire partie de cette communauté et de soutenir le travail créatif! Ceci est mon premier tutoriel pour PDSTUTS et je suis impatient d’en écrire d’autres dans le futur. Tous commentaires serait grandement apprécié!
Abonnez-vous au fil RSS Psdtuts + pour les meilleurs tuts et articles Photoshop sur le Web.
Accentsconagua