Advertisement
  1. Design & Illustration
  2. Designing

Poster un tour du siècle Vaudeville

Scroll to top
Read Time: 17 min

French (Français) translation by Jeane Jade (you can also view the original English article)

Dans ce tutoriel, nous allons apprendre comment créer une tour-de-la-siècle, le Vaudeville de l'affiche. Cette unique attrayant de style de la publicité a été populaire à la fin des années 1800 et au début des années 1900. Vous monsieur! Vous madame! L'étape de droite et de le préparer à être surpris comme nous le transport d'une image de deux amis dans le temps afin de créer une affiche publicitaire sans comparer!

Aperçu De L'Image Finale 

 Avant de commencer, jetons un coup d'oeil à l'image que nous allons créer. Comme toujours, le fichier Photoshop multicouches est disponible via notre Psdtuts+ Plus d'adhésion.

Introduction 

 Dans ce tutoriel, nous allons explorer plusieurs Photoshop compétences et les concepts, y compris: Rapidement pour isoler le sujet du fond; à l'Aide d'objets intelligents et imbriquées intelligent objets à garder votre conception de l'encombrement libre; la Main-teinte d'une image; la Compréhension de ce qui fait la réussite d'un spectacle affiche, à l'Aide de couleurs différents modes de fusion, et de la texture de vos images.  Nous allons également obtenir un peu d'histoire à propos de l'industrie du divertissement de plus de 100 ans. C'est un assez impliqués tutoriel, je vais donc donner quelques notes avant de commencer:

  1.  Ce tutoriel pour intermédiaire-avancé Photoshops utilisateurs, et suppose que vous avez des connaissances de base en couches et les outils disponibles.
  2. Si une tablette à stylet n'est pas nécessaire, d'avoir une main-teinte notre image beaucoup plus facile. 
  3.  Vous voulez avoir une belle, claire, haute résolution de l'image d'un visage pour obtenir les meilleurs résultats avec ce style.
  4.  Ce tutoriel est conçu pour être amusant, et je vous encourage à expérimenter. Donc, dans la plupart des cas, je ne vais pas donner de la couleur hex valeurs, d'accident vasculaire cérébral-largeurs, ou d'autres détails.  Plutôt qu'une peinture par numéros approche, je vais vous expliquer mon raisonnement derrière chaque étape et peut-être un peu de l'histoire, alors vous encourageons à trouver un effet que vous souhaitez.
  5. Le Vaudeville est un fascinant de la phase de divertissement Américain. Pour plus d'informations, vous pouvez lire au sujet de Vaudeville sur wikipédia. 

 Remarque: C'est un véritable affiche pour un véritable show que mon ami Barry et j'ai effectuer chaque mois. Le spectacle est sur un père et son fils l'art de la performance duo appelé la Bouche de l'Odyssée. Par le biais de pouvoirs au-delà de leur contrôle, ils ont été transportés à partir de l'année 1900 à l'année 2008.   Chaque mois, nous avons eu un autre épisode, qui suit leurs aventures, leur père et fils luttes, et leur quête de retour à la maison à l'année 1900. Le spectacle est totalement improvisé, et nous construisons l'histoire de chaque mois. 

Si vous êtes intéressés à en savoir plus à propos de la Bouche de l'Odyssée ou à la suite de l'histoire telle qu'elle se développe, veuillez consulter "La Bouche Odyssée de l'Expérience," à FuseBoxTheatre.com.  Vous y trouverez la chronique de leur aventure! Il n'y a rien d'autre comme ça là! Ok, nous allons commencer! 

Étape 1: Sélectionnez Votre Image 

 Pour réaliser un authentique effet pour cette affiche, nous avons besoin d'un portrait-photographie de style. Les sujets ont souvent un subtil sourire, ou même un regard vide. Il peut sembler un peu étrange, mais il est certainement quelque chose d'original et attrayant! 

 J'ai choisi une photo de moi et mon ami Barry qui a été prise spécialement pour le but de faire une affiche dans ce style.

Étape 2: Extraire les Sujets de l'arrière-plan  

Il y a beaucoup de façons de le faire. L'outil plume est fiable et sophistiqué, mais il y a des tonnes de l'outil plume tutoriels là-bas. Une autre approche, qui donne souvent des résultats similaires en moins de temps est d'utiliser l'outil Gomme d'arrière-plan. 

La gomme d'arrière-plan fonctionne en comparant le contraste entre l'avant et l'arrière. La croix dans le milieu de la Gomme d'arrière-plan de l'outil doit être placé sur la couleur d'arrière-plan que vous souhaitez effacer.   Tout ce qui contraste fortement avec la couleur d'arrière-plan sera considéré comme le premier plan, et ne seront pas effacées. (Cet outil s'avère très pratique - en particulier pour isoler rapidement les cheveux!)

 Remarque: L'outil Gomme d'arrière-plan se trouve uniquement dans Photoshop CS3, donc si vous n'avez pas accès à ce logiciel, n'hésitez pas à utiliser votre favori méthode alternative de l'objet de l'extraction.

Étape 3: Convertir l'Image en Noir & Blanc 

 Avec vos sujets en toute sécurité extraite de l'arrière-plan, nous avons besoin de supprimer la couleur. Nous allons peindre nos propres couleurs à la main plus tard.  Il y a un certain nombre de moyens pour réaliser cette étape. Si vous avez Photoshop CS3, le nouveau Noir & Blanc commande Image > Réglages > Noir Et Blanc peut faire un bon travail. Image > Réglages > Désaturation peut aussi faire l'affaire, ou vous pourriez même simplement utiliser l'un des canaux de l'image en fonction du type de contraste que vous désirez. 

Étape 4: Séparer les Sujets 

 Nous sommes sur le point de commencer sur les plus impliqués partie du tutoriel, et afin de garder les choses propre et ordonnée, nous allons vous voulez séparer de nos sujets et de travailler avec eux sur des couches différentes. Dans mon cas, je veux changer la position de notre série de portraits, trop.

 Pour ce faire, vous pouvez simplement utiliser le Lasso ou le rectangle de sélection pour sélectionner l'un des sujets, puis les couper et les coller dans un nouveau calque.

Étape 5: Créer des Groupes pour Chaque Sujet 

 Je suis un grand fan des dossiers et des groupes dans Photoshop. Ils vous permettent de garder tout ensemble et le rendre facile pour le réaménagement de votre composition, même si vous avez beaucoup de couches et les effets. Nous allons faire un dossier pour chacun de nos sujets. Nos noms de personnages sont Carl et Carlyle, donc je vais les appeler en conséquence. 

Étape 6: Début de la Main-Teinte de l'Image  

C'est la plus longue partie du projet. Si vous avez une tablette à stylet, cette étape va devenir beaucoup plus facile, mais cela va prendre un certain temps. Si vous ne disposez que d'une souris, de préparer des lots d'effectuer un zoom avant et à l'attention des pixels de la peinture! 

Si vous êtes très habile avec les sélectionner la gamme de couleurs ou une couleur de remplacement des outils, qui peuvent être un moyen plus rapide pour accomplir cette tâche.   Vous pouvez également remplir un calque vide avec de la couleur et de l'utilisation des masques de calques pour masquer ou afficher la couleur de fusion. Mais pour nos fins, nous allons avoir du plaisir en seulement la coloration de droit par rapport à l'original. 

Vous devriez commencer par noter les régions de couleurs similaires à votre sujet - dans ce cas, nous avons le Chapeau, le Chapeau de la Bande, les Cheveux, le Visage, les Lèvres, les Yeux Blancs, des Iris, des Lunettes, et la Chemise. Créer un calque distinct pour chacune de ces couleurs régions au sein du groupe que vous avez créé pour ce sujet. 

 Pour la plupart de ces couches, nous allons souhaitez utiliser un mode de fusion de la Couleur. (Le Mode de Fusion déroulant situé en haut de la palette calques.) Maintenant, il nous suffit de choisir la couleur que nous voulons utiliser pour nuancer notre sujet, et de la peinture sur la zone correspondante.  L'image désaturée en dessous permettra de déterminer la quantité de mélange, de sorte que nous conservons toutes nos lumières et les ombres de l'image d'origine.

Étape 7: Continuer de la Main-Teinte de l'Image 

 Répétez cette procédure pour chaque couleur de la zone. Cette étape est très subjectif, donc expérimenter avec l'opacité, la couleur de l'ombre, et le mode de fondu jusqu'à obtenir un effet que vous souhaitez pour chaque région de couleur.  Par exemple, sur cette image, j'ai utilisé un Mode de Fusion Multiplier avec une Opacité de 100% pour le chapeau, mais j'ai utilisé un Mode de Fusion Normal et une Opacité de 46% sur le chapeau de la bande.

 J'ai aussi changé la couleur des yeux pour les rendre pop - yeux sont d'une grande attention grappins, en particulier sur les affiches. Pour cela, j'ai utilisé un mélange de mode de Couleur de l'Iris de l'oeil, et j'ai utilisé Éclaircir sur les blancs.

 Les couleurs que vous choisissez dépend de votre image initiale et l'effet que vous souhaitez obtenir. En général, nous sommes à la recherche pour les couleurs passées qui font de l'image se sentir âgés, mais parce que ces vieux style des affiches ont été illustrations, en prenant quelque liberté créatrice est encouragée.  Le but ici est simplement de produire quelque chose qui vous plaît - il n'y a pas de bonne ou mauvaise!

 Ci-dessous est une image montrant peintes à la main les éléments sans la photo de la couche de fusion. Désactivation de la photographie peut être une bonne façon de vérifier pour vous assurer que vous avez couvert toutes les idées que vous avez besoin pour couvrir.

Étape 8: Convertir le Portrait d'un Objet dynamique 

 Ok! Maintenant, nous avons une belle, teintée à la main portrait. Nous commençons à accumuler un grand nombre de couches - le temps de faire quelques objets intelligents! Cliquez-droit sur le groupe de la tenue de couches pour votre teintée à la main l'objet, puis choisissez Convertir en Objet dynamique. Vous pouvez modifier l'objet dynamique à tout moment en double-cliquant sur sa vignette dans les couches aperçu de la palette. 

Étape 9: Ajouter Le Portrait De Milieux 

 Il était rare de voir la tête flottante sur ces vieilles affiches - les sujets étaient généralement placé dans un vélo elliptique cadre portrait qui donne un air de distinction ainsi que d'autres visuels du poids. Pour notre portrait, toile de fond, nous allons utiliser l'outil Ellipse et clip le caractère des images à l'intérieur.

 Pour couper une image à l'autre, nous plaçons notre portrait intelligent objet au-dessus de l'ellipse, puis appuyez sur la touche Alt enfoncée et cliquez sur les objets intelligents et la forme que nous voulons clip. Vous verrez le curseur change pour indiquer que les deux couches peuvent clip.

Étape 10: Ajouter de la Texture et de la Profondeur pour le Portrait 

 Pour ajouter de la texture de l'image, nous clip un vieux papier texture en dessous de notre sujet, mais à l'intérieur de l'ellipse image. Il ya des tonnes de vieux gratuit des textures de papier, là - prenez votre favori!

 Pour donner plus de profondeur à l'image, nous allons ajouter un contour et ombre interne à l'ellipse de cadrage notre sujet, ainsi que certains les dégradés radiaux derrière le personnage. J'ai ajouté une petite ombre portée au caractère les objets intelligents pour le faire sortir encore plus, et un Flou Gaussien filtre Intelligent pour cacher toute la finesse des détails qui sont visibles à partir de l'original en haute résolution de l'image.

 La raison pour laquelle nous le flou de l'image ici est que le style de re-création est un dessin à la main illustré de style. Notre source photo a été à haute résolution, et de trop nombreux détails subtils étaient visibles.  Un Flou Gaussien d'environ un pixel prend soin de ceux bien, comme nous commençons à atteindre la douce nous sommes après.

 Une autre bonne chose à propos de l'utilisation d'objets intelligents, c'est que nous pouvons utiliser les filtres. Les filtres dynamiques d'appliquer des effets à l'image de manière non destructive, de sorte que vous pouvez les modifier plus tard si vous le désirez.

Étape 11: Ajouter Des Plaques Signalétiques 

 Il n'y avait pas de blogs ou de sites web dans le Vaudeville ère, de sorte que la seule forme de l'image de marque pour les artistes était de faire en sorte que leurs noms apparaissent en bonne place à côté de leurs images sur les affiches.  Souvent, les actes des frères ou des sœurs, des jumeaux, ou de toute une famille. Indiquant les noms, en particulier les noms de famille, a contribué à l'application de la connexion entre les individus et le spectacle.

Les plaques signalétiques ici sont simplement des rectangles à coins arrondis avec une subtile de l'avc. Pour la plaque signalétique de la police, nous sommes à l'aide de Cuivre Gothique Gras.   Vous pourriez probablement obtenir encore plus fleuri avec les plaques signalétiques des que je suis arriver ici, mais ce tutoriel a déjà assez de étapes de!

Étape 12: La Main-Teinte De Notre Autre Personnage 

Ces vieux Vaudeville affiches souvent en vedette plusieurs artistes interprètes ou exécutants. Suivez le même processus que ci-dessus pour créer un autre portrait du personnage. 

 Une façon de gagner du temps sur cette étape consiste à utiliser la même palette de couleurs, de formes et de plaques signalétiques que celle utilisée pour le premier caractère. Juste de les dupliquer, de remplacer l'image, la couleur, et de modifier le nom si nécessaire. Convertir en Objet dynamique lorsque vous avez terminé.  

Étape 13: Convertir la Totalité d'un Portrait dans un Objet dynamique 

 Les choses commencent à empiler vers le haut à nouveau, et nous voulons garder tout simple au plus haut niveau.  Alors, maintenant que nous avons notre portrait complet avec des effets, cliquez-droit sur le haut de ce groupe et de le convertir en Objet dynamique, tout comme avant. Maintenant, nous avons imbriqué objets intelligents!

Étape 14: Commencer la Composition de l'Affiche 

Maintenant, le travail dur est fait, et nous sommes prêts à commencer à composer le véritable affiche de lui-même. 

 Ouvrir un nouveau document avec Fichier > Nouveau. Sélectionnez le Préréglage des états-UNIS de Papier et de définir la Taille de Tabloïd. Si vous souhaitez imprimer votre affiche, assurez-vous que votre résolution est de 300 dpi et votre mode de couleurs CMJN.  Si vous êtes juste de l'afficher en ligne, choisissez la résolution 72dpi et de la couleur en mode RVB. Faites glisser votre portrait Objets Intelligents dans le nouveau document.

Étape 15: Ajouter une Couleur de toile de Fond 

 Dans notre série de portraits avec plus de succès, nous devons créer un arrière-plan. Voici deux rectangles arrondis avec de grands coups de briquet ou des teintes plus foncées que la couleur d'arrière-plan.   Le rectangle vert est à l'intérieur de la tan ici pour créer un double-tapis effet. J'ai choisi des couleurs qui allait bien avec les couleurs du personnage pour les portraits.

Étape 16: Ajouter Un Peu De Texture 

 Il commence à être mieux, mais il ne se sent pas assez vieux. Nous pouvons vous aider qu'en ajoutant un plus vieux des textures de papier (tout le monde devrait avoir une collection de ces!).

 Dans ce cas, je suis en fait en utilisant une combinaison de trois différentes textures de papier - fibreuse, ratatinée, et avec un peu étrange d'un papier peint à fleurs d'impression sur elle.  Le papier couches sont placés sur le dessus de la couche de la pile, avec un Mode de Fusion Multiplier, et est l'opacité ajusté à votre goût. La plupart des textures de ce type nécessitent une faible opacité, par exemple de 10 à 30%.

 Pour éviter la redistribution des conflits, j'ai quitté la haute résolution des textures de papier de la version finale du fichier PSD. Vous pouvez ajouter vos propres, ou de télécharger un certain nombre de grands textures de papier provenant d'endroits comme SXC ou DeviantArt.

En fonction de la couleur de votre papier texture et la teinte souhaitée de votre image finale, vous pouvez désaturer vos textures de papier, avant de poursuivre.   Deux des textures que j'ai utilisé en fait ajouté un accueil subtile teinte brune à l'affiche, donc je n'ai pas désaturer. Le troisième document, la ridée, j'ai eu à désaturer parce qu'il était rouge et avait un impact négatif sur la qualité de l'image.

Étape 17: Ajoutez Des Informations Sur Le Présentateur 

 Dans les jours de Vaudeville, il n'y avait presque toujours un promoteur derrière les coulisses de chaque acte; une sorte de talent de l'agent qui a construit sa réputation sur la qualité des actes qu'ils ont présentées (et ils sont souvent en voyage loin pour découvrir de plus en plus impressionnant et inhabituel actes).  Informations sur le promoteur ou le présentateur a été généralement mis en évidence près du haut des affiches comme une forme de l'image de marque.

 Ici, nous sommes à l'aide de la police Rockwell Extra Bold pour le "coffret à fusibles THÉÂTRE présente" du texte. Les deux couches de texte ont un subtil trait qui leur permet de se démarquer.

Étape 18: Ajouter une accrocheuse Afficher le Titre 

 Le titre de notre spectacle est Bouche "Odyssée" - un drôle de nom qui parle à la curiosité-driven marketing de l'époque.  Nous avons également ajouté un peu de texte chaîne pour les éléments individuels de souligner le sentiment d'étrangeté et que les choses sont hors de l'endroit. C'est ici, parce que nos personnages sont hors de place, dans la période actuelle.

Nous sommes à l'aide d'une police appelée VonFont pour la Bouche "Odyssée" du texte.   Ce texte dispose également d'un subtil coup pour l'aider à se démarquer, ainsi que d'une combinaison de Texte, des effets de déformation: Bend est réglé sur +52%, Déformation Horizontale à -37%, et la Déformation Verticale de -18%.  Bien sûr, ce sont juste les réglages que j'ai utilisé pour obtenir l'effet que je voulais. Texte de la courbure peut ou peut ne pas être nécessaire par vous - jouer avec elle et voir ce que vous venez avec!

Étape 19: Ajouter une Verbose Afficher la Description 

 Ces vieilles affiches avaient souvent long, verbeux descriptions du spectacle. Bien loin aujourd'hui simpliste trois mots slogans mis en Helvetica Gras. Ce vieux style de langage marketing est conçu pour attirer le lecteur dans la description.  Amusez-vous avec cette partie, et n'ayez pas peur d'être bavard et aller totalement sur le dessus avec une hype! Comme ci-dessus, nous voici à l'aide de VonFont avec une subtile de l'avc.

Étape 20: Ajout D'Afficher Des Informations 

 C'est un véritable affiche pour un spectacle de Barry et j'ai effectué il y a peu. Afin d'amener les gens à venir voir le spectacle, nous avons dû ajouter des informations claires sur l'affichage date et heure, lieu d'information et le site web.  Notez le poids visuel appliqué à chaque élément ici - nous d'abord ce que le spectateur d'avis quand le spectacle est en cours. Si le temps travaille pour eux, puis ils vont continuer la lecture pour le Lieu, l'adresse et le site web pour plus d'informations.

Donc, l'information la plus importante est le plus grand et vient d'abord, puis les polices de caractères plus petits que l'information devient de plus en plus spécifiques. 

Conclusion 

 Et maintenant, le moment que vous attendiez tous. Leur incomparable contorsions va réchauffer votre esprit. Leur père-fils problèmes sera boggle votre cœur. Aspiré dans un time-warp dans l'année 1900, et maintenant ils sont là pour jouer en live pour vous ce soir. Voici, ceux qui sont le plus magnifique des fournisseurs de rire et d'émotion. Le seul pays au monde entièrement improvisé temps à voyager Vaudevillian série dramatique, de la Bouche de l'Odyssée!

 Si vous êtes intéressé par l'histoire derrière la Bouche Odyssée - ou si vous souhaitez garder une trace sur le scénario de l'exposition, car il évolue jusqu'en décembre, en savoir plus sur la Bouche Odyssée ici, et découvrez La Bouche Odyssée Temps-carnet de Voyage à fuseboxtheatre.com.

imageimageimage

Merci pour la Lecture! 

 J'espère que vous avez aimé apprendre comment faire de votre propre tour-de-la-siècle, le Vaudeville de l'affiche. Je tiens à dire merci à Psdtuts+ pour toutes les grandes ressources qu'ils fournissent la communauté du design.  Aussi, merci aux lecteurs et contributeurs pour faire partie de cette communauté et en soutenant le travail créatif! Ceci est mon premier tutoriel pour PDSTUTS et j'ai hâte d'écrire plus dans l'avenir. Tout commentaire serait grandement apprécié!

Abonnez-vous à la Psdtuts+ de Flux RSS pour le meilleur Photoshop tutoriaux et articles sur le web.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.