Share
Comme il s’agit de la semaine du design graphique ici sur Envato Tuts +, examinons quelques principes de base du graphisme et jetons un œil à l’esthétique de l’affiche de boxe d’aujourd’hui.
Créer un aspect rétrograde n’est pas une nouveauté, mais il ya certaines choses à surveiller lorsque vous imitez le graphisme de toutes les décennies. Nous nous inspirerons du design des affiches des années 1960, en particulier des affiches de boxe de cette époque. Commençons!
Trouvez d'autres designs d'affiche sur le marché Envato.
Ce billet est le quatrième jour de notre session de conception graphique. Sessions créatives "Session Day 3Session Day 5"Comme pour tout projet de conception, vous devrez choisir le support qui véhiculera votre message. Nous allons garder les choses simples en créant un A3 Si vous concevez pour l’impression sur du papier ou sur une toile, vous devrez sans doute définir une zone de fond perdu et / ou une zone de stockage. Cela varie généralement d'environ 3 à 5 mm.
C'est une très bonne pratique d'esquisser quelques idées avant de vous asseoir devant l'ordinateur. Je sais que l'ordinateur permet une expérimentation illimitée, mais cela ne permet pas forcément de trouver la meilleure solution et peut entraîner beaucoup de perte de temps sans trouver un résultat clair..
Bien sûr, pour ce type de projet, nous aurons besoin de vieux papier. Trouvez celui que vous aimez ou procurez-vous celui-ci auprès de sxc.hu (bravo à Andrew C pour le raccordement sur cette image). Importez le papier dans votre document de travail et redimensionnez-le en conséquence.
Comme le stock de papier date des années 1960 (pas vraiment, mais c'est ce que nous visons), il ne semblerait pas aussi ancien, alors ajoutez quelques Couches d'ajustement pour régler ce problème. J'ai utilisé un Niveaux (Couche> Nouvelle couche de réglage> Niveaux)…
… Et teinte / saturation (Couche> Nouvelle couche de réglage> Teinte / Saturation). Cela vaut la peine d’organiser votre palette Calques au fur et à mesure. Sélectionnez donc tous vos calques et regroupez-les..
Nous pouvons maintenant commencer à construire le design de l'affiche à partir du croquis original. Cela accélère le processus, mais ne vous sentez pas bloqué dans votre esquisse initiale. Si vous avez une meilleure idée une fois que vous êtes à l'ordinateur, allez-y.
J'ai reçu deux boxers classiques avec Peltz Boxing Promotions, un grand merci à Russell pour cela. Vous devrez vous procurer des boxeurs sur iStockphoto ou, mieux encore, prendre vos propres photos..
Pour les besoins de ce tutoriel, je ferai référence aux Boxers par leurs noms de couches: "MONROE" et "KATES". Dans les années 60, il n'y avait pas d'ordinateurs sophistiqués chargés de logiciels coûteux, donc tout était rendu à la main (couper-coller). Pour honorer cela, faites une coupe approximative de vos deux combattants à l'aide de l'outil Plume, essayez d'imiter comment vous les découperiez à la main..
Collez-les dans le document de travail et redimensionnez-les pour les adapter à la composition. Équilibrer les combattants tonalement en ajustant les niveaux, ils doivent être exposés de la même manière. Désaturer "MONROE" et "KATES" (Image> Réglages> Désaturer) et enfin régler le Mode de fusion des calques des deux couches à Multiplier.
Aller à Voir> Règles et allumez-les. Faites glisser deux règles de la zone de la règle supérieure vers le bas et deux de côté. J'ai tiré le premier horizontal pour 224 mm et à côté de 305 mm. J'ai tiré les deux verticales pour 146,6 mm et 147 mm.
Sélectionnez le Outil Rectangle et le mettre à Couches de forme au lieu de Les chemins. Définissez la couleur de premier plan sur # e45050 et tracez deux rectangles comme indiqué. Il est préférable d'utiliser des couleurs moins saturées car des couleurs très vives n'auraient pas pu être imprimées. Puis définissez leur Modes de fusion des calques à Multiplier.
Sélectionnez le rectangle à gauche et allez à Édition> Transformation libre. Appuyez et maintenez Commande-Shift puis faites glisser le point central de la Boîte de délimitation à transformation libre comme indiqué ci-dessous. Répétez le processus pour l'autre rectangle.
Nous allons maintenant utiliser les rectangles pour masquer les zones "MONROE" et "KATES" dont nous n’avons pas besoin. Sélectionnez "KATES" et ajoutez un masque de calque. ensuite Commande-clic sur la vignette du rectangle de droite pour en faire une sélection. En travaillant sur le masque de calque "KATES", remplissez simplement la sélection en noir. Répétez cette procédure pour "MONROE".
Auparavant, avant que l’impression ne soit avancée, elle n’était pas aussi précise et les plaques utilisées pour confectionner différentes couleurs pouvaient - et l’avaient souvent - mal alignées pour créer des superpositions ou des espaces. Nous allons l'imiter en dissociant les masques de calque "MONROE" et "KATES" (cliquez sur l'icône de maillon de chaîne entre les Vignette de couche et Masque de calque vignette) et en déplaçant le Masques de calque en utilisant le Outil de déplacement.
Il est maintenant temps de commencer à créer du texte. Les capitales de bloc étaient populaires à l'époque et souvent surexploitées. Ils ont gardé les choses propres et étaient plus faciles à mettre. Ils ont également plus d'autorité que les minuscules et s'adaptent à la nature du médium et du sport annoncé..
Sélectionnez le Outil de type et cliquez sur la toile. Tapez le texte affiché ou créez vos propres noms si c'est plus amusant. J'ai utilisé BentonSans qui est une version moderne de la police Sans Serif avec quelques touches classiques. Le prénom doit être plus petit que le nom de famille, configurez-le comme indiqué.
Utilisez une version condensée de la même police pour contraster avec le prénom, ce qui lui donne un aspect plus grand. Augmentez la taille par rapport à celle du prénom d'environ 2,5 fois. Ouvrez le suivi à peu près 25 et mettre le Kerning à Métrique.
Faites pivoter le texte pour faire correspondre les rectangles que vous avez dessinés, 10,1 degré devrait le faire. La composition dans les années 1960 n'était pas aussi précise que vous pouvez le faire avec un ordinateur aujourd'hui. Pour obtenir un effet inégal, nous pouvons jouer avec le Kerning en positionnant le Outil texte entre les personnages. Légèrement ajuster le Kerning entre quelques lettres pour le rendre imprécis.
Faites le même processus pour le nom de l'adversaire. Dans la même police condensée, écrivez "Champion" et "Challenger" sur de nouvelles couches. Ils devraient être plus petits que les prénoms des Boxers, je les ai faits 32,37 pt par rapport à 44,31 pour les prénoms et 101,53 pour le nom de famille
Nous allons faire une petite fonctionnalité du texte "VS" en le plaçant dans un flash circulaire qui se détache des rectangles. Utilisez le Outil Ellipse (situé derrière l’outil Rectangle) défini sur Couches de forme dessiner un cercle de couleur. Utilisez le même rouge que vous avez fait pour les rectangles. Commande-clic sur la vignette de la couche "CIRCLE" pour créer une sélection et aller à Sélectionnez> Modifier> Développer. Développer ceci par 20 pixels ou alors.
Sélectionnez l'un de vos "RECTANGLE" Masque de calque des vignettes et remplir votre sélection chargée en noir. Faites de même pour l'autre couche de formes "RECTANGLE".
Une des caractéristiques de l’Affiche de boxe des années 1960 est l’affirmation selon laquelle le combat n’est pas disponible sur les cinémas à la maison ni sur les téléviseurs. Alors dessine un noir (# 0b0c0c, pas tout à fait noir) Couche de forme circulaire et empiler du texte dessus. Définir la forme circulaire Mode de fusion des calques à Multiplier. Le texte serait généralement justifié de manière centralisée pour une largeur définitive, en utilisant la taille et la largeur des caractères pour assurer la sécurité des côtés au lieu d’augmenter le crénage ou le suivi..
Dessinez un autre calque de forme rectangulaire en haut de l’affiche et définissez le Mode de fusion des calques à Multiplier. Utilisez le même noir que pour le flash "NO HOME TV".
Dessinez un rouge en bas et réglez-le sur Multiplier. Maintenant, ajoutez Masques de calque à toutes vos couches de forme rectangulaires.
Sélectionnez le calque PAPER et utilisez le Outil Baguette Magique sélectionner la zone blanche autour du papier.
Puis parcourez tous vos calques de forme rectangulaire en sélectionnant le Masques de calque et remplissant de noir solide.
Comme "MONROE" dépasse également le bord du papier, vous devrez également le masquer. Il vous restera une forme d’affiche usée.
Il est maintenant temps de commencer à construire les titres. Les affiches elles-mêmes servent généralement du sensationnalisme, souvent des bagarres comme Le plus grand que le monde ait jamais vu ou d'autres réclamations absurdes. Nous continuerons d'utiliser Benton (ou la police San Serif que vous avez utilisée) pour tous les textes d'information..
Pour renforcer votre texte, essayez d’ajouter un Style de calque de trait (Calque> Style de calque> Contour) au texte. Cela adoucit les bords et diminue légèrement la lisibilité, je ne le recommanderais donc pas pour une conception d'affiche contemporaine..
J'ai ajouté un sponsor pour montrer comment travailler un titre, un slogan ou un standfirst. Dans ce cas, le slogan est une devise directement liée au fictif "Grill" dont "Big Al" est le propriétaire. La règle générale consiste à utiliser deux types différents, le titre étant plus gros que le tag, mais ces règles sont constamment modifiées..
Essayez d’utiliser des polices d’accent pour séparer les majuscules très carrées. Il est généralement déconseillé d’utiliser une police d’accent semblable à celle de votre corps. Sélectionnez donc un Serif ou un Block-serif pour effectuer le travail. Le point essentiel d’une police d’accent est de contraster mais de compléter votre police de corps..
j'ai choisi URW Antiqua ce qui est une bonne police d'affichage. Les polices d’affichage sont moins préoccupées par la lisibilité que par l’utilisation du type associé à un espace négatif pour former des relations entre le mot et les images. Bien saisir la typographie est extrêmement important en graphisme.
Lorsque vous travaillez avec le type d’affichage, n’ayez pas peur de manipuler les caractéristiques des polices pour répondre à vos besoins. J'utilise toujours Benton (BentonSansCond Black pour "Fracas" et "Caracas" BentonSansExtraComp Bold pour "Le" et "Dans"), mais j'ai augmenté l'échelle verticale pour permettre un impact maximum.
Je ne peux pas augmenter la largeur de l'affiche, je ne veux pas non plus doubler le texte. Alors aussi, pour maximiser l’impact du titre dans un espace restreint, j’ai augmenté la Échelle verticale à 116%, J'ai réduit les mots d'article (les mots qui introduisent des noms sont appelés articles) et ai ajusté la Décalage de base alors ils sont assis entre les mots importants. J'avais aussi besoin de décaler les boxeurs d'un geste, encore une fois, n'ayez pas peur de déplacer des éléments jusqu'à ce qu'ils fonctionnent bien ensemble.
Créer un calque Groupe appelé "TICKET / VENUE INFO". Faites glisser deux guides verticaux pour délimiter les limites de l’information. Le faire en pleine largeur détournerait trop le titre et les noms des boxeurs.
Ajoutez du texte de pied de page pour vous asseoir sur le rectangle rouge au pied de l’affiche. Nous avons maintenant un espace clair et précis à remplir avec toutes les informations relatives au lieu et aux billets. Dans cet espace, la date doit également entrer. Vous devez organiser les informations en termes d’importance. Je vais donner la priorité à la date et au lieu.
Faites glisser deux guides horizontaux de la règle en haut pour marquer les limites de votre texte. Commencez à créer le texte de date, notez que chaque partie du texte est sur son propre calque pour permettre une flexibilité maximale. C’est un bon exemple de texte d’affichage utilisant l’espace négatif et les lettres pour créer une date plus dynamique sur le plan visuel. Utilisez le Outil Ligne dessiner un 14 pixels ligne à côté de la date.
Cette zone risque de devenir très carrée avec des capitales de blocs denses. Pour casser cette zone, utilisez une police plus graphique, dans ce cas une police de script appelée Bello.
Il existe d'autres moyens d'éviter un bloc impénétrable de texte en bloc. Utilisez des poids de police et une mise à l'échelle verticale / horizontale à votre avantage. Mettez en surbrillance des informations importantes en les rendant trop volumineuses et lourdes. Vous pourriez passer beaucoup de temps à équilibrer cette section, mais c'est assez bon pour l'instant..
Maintenant que les éléments de présentation sont complets, effectuez un zoom arrière et regardez la composition dans son ensemble. Nous visons une esthétique des années 1960, donc ça va si les choses ne s'alignent pas parfaitement. Aller à Calque> Rasteriser> Tous les calques. Ensuite, appliquez systématiquement tous les Masques de calque en sélectionnant chacun à son tour et aller à Couche> Masques de couche> Appliquer.
Une fois la composition terminée, nous allons commencer à dégrader l’image et à lui appliquer une fausse finition des années 1960. C'est là que ça devient un peu délicat. Sélectionnez tous les calques de forme noirs et les calques de texte noirs et fusionnez-les. Appelez ça "BLACKTEXT". Faites la même chose pour tous les calques contenant du texte blanc et appelez le calque résultant "WHITETEXT".
Faites de même pour les calques contenant du texte rouge et enfin pour tous les calques de forme rouges..
Votre Couches palettedevrait ressembler à la mienne
Appliquer un Flou gaussien de 4 pixels "REDTEXT", "WHITETEXT" et "BLACKTEXT".
Puis appliquez un Smart Sharpen à 386% avec un 44,3 rayon. Ce processus adoucit les bords du texte et lui donne l’impression que l’encre a été absorbée un peu plus dans le papier. Vous devrez réappliquer la couleur # e45050 à "REDTEXT" car la netteté a détruit la couleur.
Désactivez la visibilité de la couche "WHITETEXT". ensuite Commande-clic sur sa vignette de calque pour faire une sélection. Sélectionnez "BLACKTEXT" et effacer la sélection, faites la même chose sur "REDSHAPES".
Sélectionnez "REDSHAPES" et appliquez un Flou gaussien de 4 pixels à cela. Puis lancez un Smart Sharpen filtrer comme indiqué.
Courir une seconde Smart Sharpen avec un beaucoup plus grand Rayon de pixel. Cela donne l'impression que de l'encre s'est accumulée sur les bords de l'impression.
Sélectionnez tous les calques sauf le groupe "ARRIÈRE-PLAN" ou le calque "Arrière-plan" lui-même.. Fusionner les couches et changer le Mode de fusion des calques à Multiplier. Sélectionnez le groupe "FOND" et appuyez sur Command-E pour les fusionner sur une couche.
Vous êtes maintenant prêt à le grunge de votre manière préférée. J'ai utilisé le filtre 3 Mr Retro Machine Wash sur le paramètre Dusted, mais toute brosse grunge ou sale fera l'affaire. Il est à noter que j'ai allégé le papier et que je suis un peu plus désaturé.
L'image finale est ci-dessous et j'espère que vous avez apprécié ce tutoriel. Vous pouvez voir la version plus grande ici.
Ce billet est le quatrième jour de notre session de conception graphique. Sessions créatives "Session Day 3Session Day 5" Besoin d'une affiche ou d'un flyer pour votre prochain événement? Ensuite, vérifiez la sélection incroyable sur Envato Elements. Abonnez-vous pour débloquer l'accès à des milliers de ressources moyennant un abonnement mensuel!
Créez une soirée inoubliable avec ce formidable flyer de nuit de combat. Ce modèle présente un design rétro dans un fichier A4 A4 pratique. Mettez simplement à jour la photo et le texte pour profiter de ce dépliant en quelques minutes!
Accentsconagua