Comment Concevoir une Affiche de Concert Créative

Bonjour les Coupeurs de Conception! Le tutoriel d’aujourd’hui nous vient de Simon, l’un des deux partenaires et designers du Studio Ace of Spade. À Simon !

Bonjour à tous! Je suis ravi de partager un autre tutoriel avec vous aujourd’hui. Les bons coups d’œil aux coupes de conception ont mis le paquet de polices Créatives Monster entre mes mains et m’ont regardé courir avec. Le tutoriel d’aujourd’hui est très complet, mais j’espère que vous y resterez, car vous devriez acquérir de nombreuses excellentes techniques.

Une des choses qui me passionnent maintenant que le printemps arrive enfin, c’est la saison des concerts. J’ai donc trouvé très approprié d’utiliser les polices de caractères étonnantes du paquet pour créer une fausse affiche de concert.

CE QUE NOUS CRÉONS:

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une image en particulier qui a touché une corde sensible était ces spécimens de Microbrass Ornement par Albatross Studio:

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

À partir de là, j’ai décidé d’inventer le groupe The Krakens, et de leur réserver un concert à 93 Feet East, une salle de concert populaire de Londres.

Après un peu de recherche, j’ai trouvé cette image étonnante sur Unsplash. Il est de Jonas Nilsson Lee, et représente un champ avec la mer en arrière-plan. Approprié pour que les krakens soient déchaînés.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

À partir de là, j’ai voulu donner à l’affiche une ambiance grunge, mais sans être accablant. Alors, en regardant à travers les polices de caractères de l’accord, Amorie Modella et BrushUp m’ont sauté dessus.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Saupoudrez quelques ressources supplémentaires sur le dessus, et nous nous ferons une affiche cool. Commençons, d’accord ?

ÉTAPE 1: CONFIGURATION DU DOCUMENT

Je travaille avec un canevas 11 « x17 » @ 300 dpi, dans Photoshop CC (mais toute version de Photoshop passée CS3 devrait faire l’affaire).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, il est temps d’ajouter quelques guides. J’ai des guides verticaux à 1″, 2″, 5″, 5.5″, 6″, 9″, et 10″, et des guides horizontaux à 1″, 2″, 8″, 8.5″, 9″, 15″, et 16″.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

ÉTAPE 2: CONSTRUIRE L’ARRIÈRE-PLAN

Pour commencer, nous devons construire l’arrière-plan. Nous placerons l’image, nous l’affûterons et nous y effectuerons un post-traitement.

Placement et netteté de l’image

Utilisez le fichier > Place embedded pour placer la scène de la mer en tant qu’objet intelligent dans votre document. J’ai aligné la limite supérieure gauche du champ avec le guide horizontal à 15 « .

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, nous utiliserons une technique que j’ai déjà partagée dans mon tutoriel de conception d’affiches rétro et grungy pour affiner un peu l’image. Il s’agit du filtre passe-haut.

Commencez par créer une copie de votre calque d’arrière-plan (Calque > Calque dupliqué ou CTRL/CMD+J).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Fixez-le au calque d’origine ci-dessous (CTRL / CMG + G). Notez que j’ai laissé les deux couches comme objets intelligents.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, exécutez le filtre passe-haut sur la copie de calque (Filtre > Autre > Passe-haut). J’utilise un rayon de 50 pixels.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois le filtre appliqué, placez le calque sur une lumière douce à 35% d’opacité. Le résultat est une image plus nette, ainsi qu’un contraste légèrement accru.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Extension de l’arrière-plan

L’image est en place, mais nous avons toujours une grande place ouverte en haut de notre affiche.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Pour remplir cet endroit, nous allons échantillonner une teinte bleue au bord de la végétation, et remplir un nouveau calque avec ce bleu. Nous placerons ensuite ce calque au bas de notre pile de calques.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

La couleur que j’ai échantillonnée est #acc5ce.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Maintenant, pour nous débarrasser de cette ligne, nous allons tirer parti de la puissance des masques de calque. Ajoutez simplement un masque de calque au calque de la photo d’origine (Calque > Masque de calque > Tout révéler avec le calque approprié sélectionné).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Cela fait, vous pouvez simplement peindre le masque de calque avec un gros pinceau doux pour faire disparaître la limite. Mais c’est un peu fastidieux. J’utilise l’outil de dégradé pour aller un peu plus vite. Assurez-vous de commencer votre dégradé sous la ligne que vous cherchez à masquer.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Le dégradé que j’ai utilisé est un simple dégradé noir à blanc, de haut en bas.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois cela fait, passons au traitement de l’image un peu.

Post-traitement de l’image

La « recette » de post-traitement que j’utilise ci-dessous n’est qu’une parmi d’autres. N’hésitez pas à modifier l’image différemment!

Tout d’abord, nous allons « abaisser la température » de l’image en utilisant un calque de réglage du filtre photo.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

J’utilise le filtre de refroidissement LBB, avec une densité de 15%.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, nous émulerons un effet de traitement croisé en utilisant un calque d’ajustement de courbe. Ajoutez simplement un calque de courbe et basculez le préréglage de processus croisé (RVB) dans le menu déroulant.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

L’effet est assez fort, j’ai donc choisi de réduire l’opacité de ce calque à 50%. Vous pouvez également noter que j’ai étiqueté chaque calque d’ajustement avec ce qu’ils accomplissent.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, nous émulerons une saturation vintage sur l’image. Ajoutez simplement un calque de réglage de teinte / Saturation à l’image et amenez la saturation à -25.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, nous allons « augmenter la température » de l’image avec un autre calque de réglage du filtre photo. J’utilise le préréglage du filtre chauffant (LBA), à une opacité de 25%.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, nous allons « estomper » un peu l’image. Utilisez un calque de réglage de couleur unie et remplissez-le avec #4e4e4e. Ensuite, changez son mode de fusion en Écran à 15% d’opacité.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Un peu de ménage

Avant de passer à la dernière partie de l’accumulation d’arrière-plan, j’aimerais suggérer d’organiser un peu nos calques. Voici une vue de ma structure: la photo et ses calques associés sont dans leur propre groupe de calques, tout comme les calques pour le post-traitement.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Textures !

Il est temps d’ajouter quelques textures à notre arrière-plan. Ça lui donnera un peu plus de profondeur et de substance. Voici les textures que vous devriez avoir sous la main:

  • BB_AntiqueEnvelope_04 par Dustin Schmieding
  • Taches de café Texture 02 par SixRevisions

Commencez par placer BB_AntiqueEnvelope_04.jpg dans votre document. J’ai placé, tourné et dimensionné le mien pour que la couture au milieu soit hors du cadre.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois la texture en place, pixellisez-la, désaturez-la (CTRL/CMD + MAJ + U) et affûtez-la plusieurs fois à l’aide du filtre > Affûtez > Affûtez.

Notez que vous pouvez garder le flux de travail non destructif en utilisant des couches d’ajustement.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, nous utiliserons les niveaux (CTRL / CMD + L) pour faire ressortir certains détails des textures. Nous utiliserons une valeur de 75 pour les tons sombres, 0,75 pour les tons moyens et 225 pour les tons clairs.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois les réglages effectués, changez le mode de fusion du calque en Lumière douce à 50% d’opacité.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

La texture suivante que nous utiliserons est la texture des taches de café 02. J’ai placé, tourné et dimensionné le fichier pour qu’il couvre toute la toile.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Après cela, en suivant le même processus que ci-dessus (désaturation, affûtage et niveaux), nous introduisons les taches dans la conception. Le mode de fusion du calque est une lumière douce à 25% d’opacité.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Encore un peu de ménage, et nous sommes prêts à passer au reste de l’affiche.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

ÉTAPE 3: LE BADGE

Le badge central avec la pieuvre est facile à construire, mais il faudra rapidement quitter Photoshop pour Illustrator.

Saisir les éléments dans Illustrator

Allons de l’avant et créons un document dans Illustrator qui a les mêmes spécifications que notre toile Photoshop. Notez le mode couleur RVB.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Utiliser les mêmes modes de taille et de couleur nous permet de commencer à jouer directement avec les tailles et les couleurs dans Illustrator, sans craindre de divergence entre les deux documents que nous avons.

Une fois dans Illustrator, assurez-vous que votre panneau de Glyphes est visible. Si ce n’est pas le cas, faites-le apparaître en utilisant le menu Window > Type > Glyphs.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, choisissez les ornements de microbrasserie de police de caractères et saisissez le symbole de la pieuvre. Démarrez un nouveau bloc de texte, puis double-cliquez simplement sur le glyphe dans le panneau Glyphes. Taille très grande (au moins 500 points).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, nous devrons saisir ce cadre circulaire parmi les extras fournis avec la famille de types Amorie. Vous pouvez soit les récupérer dans le panneau Glyphs, soit dans le fichier Illustrator pratique (AMORIE_EXTRAS-Frames.ai ) inclus dans le forfait. J’ai choisi le plus tard.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Copiez-le et collez-le dans votre document Illustrator, et commencez à jouer avec les tailles.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois que vous êtes satisfait de la relation de taille entre le cadre et la pieuvre, il est temps de préparer les éléments vectoriels à intégrer dans Photoshop.

Amener les vecteurs dans Photoshop

Tout d’abord, développez l’apparence de l’objet texte octopus. Faites simplement un clic droit sur le personnage et choisissez l’option Créer des contours.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Faites tous les ajustements de taille que vous jugez nécessaires maintenant, car ils seront beaucoup plus ennuyeux à gérer une fois dans Photoshop.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois cela fait, copiez et collez simplement chaque élément individuellement dans Photoshop, en tant qu’objets intelligents. Cela nous permettra de jouer avec chaque élément indépendamment les uns des autres, et de conserver leurs caractéristiques vectorielles si nous devions affiner leurs tailles.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Je suis également allé de l’avant et j’ai donné à ces deux leur propre groupe de couches, car les choses se compliqueront un peu plus tard.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Création du badge lui-même

Tout d’abord, nous devons attribuer une couleur aux éléments du badge. Je suis allé de l’avant et j’ai échantillonné l’un des bruns sombres du champ. Je suis allé dans le coin inférieur droit et j’ai choisi #302b2c, une teinte rouge-brun plus foncée.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois la couleur choisie, vous devez double-cliquer sur la vignette de l’objet intelligent de la pieuvre. Cela ouvrira l’objet intelligent dans Illustrator, où vous devrez changer sa couleur en brun que vous venez d’échantillonner.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois que vous avez terminé, enregistrez votre modification (CTRL / CMD + S), fermez l’objet intelligent et revenez à Photoshop pour admirer le résultat.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Suivez le même processus pour le cadre.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Création de la superposition de couleurs mal enregistrée

Cette étape est un peu délicate. Revenez au document Illustrator dans lequel nous expérimentions à l’origine les relations de taille. Désactivez le cadre dans le panneau calque. Ensuite, procédez à la copie (CTRL / CMD + C) et collez en place (CTRL / CMD + F) une copie de la pieuvre.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Éteignez la copie supérieure de la pieuvre.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, saisissez l’outil Pinceau Blob (MAJ + B). Vous aurez envie de remplir les reflets de la pieuvre, comme ci-dessous (je peins en rouge pour que vous puissiez voir). Vous pouvez modifier la taille du pinceau en double-cliquant sur l’icône de l’outil. Le but n’est pas de peindre une forme parfaitement lisse, mais quelque chose qui se sentira assez comme fait à la main.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois que vous avez fait la forme à votre goût, fusionnez-la avec la pieuvre en utilisant la fonctionnalité Unite de l’outil Pathfinder (Fenêtre > Pathfinder). Sélectionnez à la fois la pieuvre et la forme que vous venez de peindre, puis appuyez sur le bouton Unir, et vous aurez terminé.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Faites glisser la forme nouvellement créée sous la copie restante de la pieuvre, rallumez-la et admirez le résultat. Les deux s’alignent toujours, et il semble que les reflets de la pieuvre aient été colorés en rouge.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Revenez à votre document Photoshop. Échantillonnez un bleu plus foncé de la photo originale. Je suis allé dans la zone inférieure gauche de l’image et j’ai eu #384d69.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Basculez la forme de surbrillance que nous avons créée dans Illustrator sur cette couleur.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois cela fait, collez la forme dans Photoshop en tant qu’objet intelligent, sous le calque octopus que vous y avez.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Pour le rendre désaligné, il vous suffit de le décaler à l’aide des flèches du clavier (avec l’outil de déplacement actif, bien sûr – V). Je l’ai compensé 4 fois vers le bas et 4 fois vers la gauche.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Pour créer l’effet off-registered du cadre, vous devrez d’abord créer un nouvel objet intelligent via copy (via le menu contextuel obtenu en cliquant sur le calque). Si vous dupliquez simplement l’objet intelligent, les modifications que vous apporterez à l’un d’eux seront répliquées sur toutes ses autres instances.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Une fois cela fait, faites glisser la copie sous le premier cadre et changez sa couleur via Illustrator pour le même bleu que celui que vous avez donné au point culminant de la pieuvre.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, compensez-le de la même manière que vous compensez le surbrillance de la pieuvre (l’effet hors registre d’une couleur doit rester cohérent tout au long de la pièce).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

En ajoutant le trait autour de la pieuvre et son point culminant

La touche finale du badge est un petit écart entre la pieuvre et le badge (et leurs points saillants respectifs). Pour ce faire, créez une sélection autour de la pieuvre en CTRL/CMD + CLIQUEZ SUR la vignette de son calque.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, sélectionnez > Modifier > Développer pour agrandir la sélection de 25 pixels.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Inversez la sélection (CTRL/ CMD + MAJ + I) et ajoutez un masque de calque à l’objet intelligent cadre brun foncé. Il correspondra à la sélection que nous avons faite et montrera l’écart.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Répétez les mêmes étapes, mais en utilisant les calques de surbrillance pour afficher l’écart sur le cadre décalé.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Nous avons nous-mêmes un élément central assez astucieux. Maintenant, sur le type!

ÉTAPE 4: LE TYPE

Quelle est la copie?

Avant d’ajouter du type à notre affiche, accordons-nous sur une copie. L’élément titre devrait être le nom du groupe : The Krakens.

Nous devrons également ajouter le nom du lieu (93 Feet East, Londres, Royaume-Uni), une date (17 avril 2015) et des frais de couverture (£ 10).

Le nom du groupe sera également écrit en pinceau, tandis que les informations supplémentaires seront écrites en gras Amorie Modella. Les lignes qui encadrent les informations supplémentaires proviennent du fichier vectoriel Amorie extras:lines (AMORIE_EXTRAS-Lines.ai ). Tous les éléments de type sont colorés dans #302b2c.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Le titre

Comme vous l’avez vu ci-dessus, il est écrit en deux parties. Le « Le », qui est tourné à 90° dans le sens inverse des aiguilles d’une montre, et le « Krakens. »Commencez par écrire les deux parties et les mettre en relation l’une avec l’autre.

J’ai écrit « Krakens » 174 points gros, et « Le » 90 points gros.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Maintenant que cela est fait, il est temps de profiter des nombreux personnages alternatifs que Brush Up a. Cela évitera de répéter une lettre de manière identique, ce qui donne au type une véritable ambiance « manuscrite ».

Par exemple, sélectionnez le deuxième « K » et appuyez sur le bouton Alternatives stylistiques dans votre panneau de type.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Il en résulte un « K » différent à afficher.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

En répétant ce processus, changeons le « E » dans « Krakens » pour qu’il soit différent de celui de « The. »

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Rallumez les guides et vérifiez qu’il n’y a pas de problème d’espacement ou de placement que vous souhaitez résoudre à ce stade. Une fois que vous êtes heureux, il est temps de passer aux informations supplémentaires pour le concert.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Le lieu

Avant de pouvoir commencer, il semble que je doive apporter un peu l’élément de badge dans ma toile, donc j’ai vraiment de la place pour ajouter les informations supplémentaires.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Nous ajusterons à nouveau l’espacement une fois que tous les éléments seront là, mais j’aime travailler avec un peu de place au moins.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

J’ai écrit 93 Pieds à l’Est / Londres • Royaume-Uni sur deux lignes. Amorie Modella Bold est fixée à 78 points, avec une avance de 72 points. La copie est alignée à gauche et placée sur le côté inférieur gauche de la toile.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

La date et les frais de couverture

J’ai écrit le 17 avril 2015 / Billets £ 10 avec la même taille et les mêmes valeurs principales. Le principal changement est que cette fois, le bloc de texte est aligné à droite et placé en bas à droite de la pièce.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ajustons un peu plus ce bloc de texte. Tout d’abord, mettons le « th » en exposant.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ensuite, en utilisant la même fonctionnalité d’alternance stylistique qu’auparavant, veillons à ce que les caractères ne se répètent pas à l’identique (faites attention aux « A » et « E » par exemple).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Un peu de ménage en couche:

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Oh, et ensuite, assurez-vous que vos blocs de texte sont bien alignés, à la fois verticalement à leurs extrémités respectives du titre, et entre eux. N’hésitez pas à utiliser le menu Calque > Aligner pour rendre cela plus rapide.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Nous pouvons enfin ajouter les diviseurs pour encadrer les blocs d’informations supplémentaires. Rendez-vous à AMORIE_EXTRAS-Lines.ai , et prenez l’un des séparateurs.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Collez des copies sous forme d’objets intelligents autour des informations du lieu. Vous pouvez simplement en coller un à partir du fichier Illustrator, puis en faire des doublons dans Photoshop.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

N’hésitez pas à retourner et / ou à faire pivoter les séparateurs, afin que le fait qu’ils soient des copies les uns des autres ne saute pas aux yeux des téléspectateurs.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Répétez avec les informations de date et de couverture (n’oubliez pas d’ajuster la largeur en conséquence).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

C’est également le bon moment pour vous assurer que les séparateurs sont également de la couleur appropriée. Si vous venez de dupliquer un objet intelligent à travers la pièce, il vous suffit de changer l’un d’eux en #302b2c, et vous serez prêt à partir.

Ajustements globaux

Avec tout cela, nous sommes sur le point de terminer notre mise en page.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Il est temps d’ajuster les différents éléments les uns par rapport aux autres avant d’aller plus loin. Dans mon cas, cela signifie casser un peu le badge.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

N’oubliez pas de regarder également la pièce avec les guides éteints, car votre perception pourrait changer.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

ÉTAPE 5: PLUS DE TEXTURES!

Il est temps de faire la deuxième et dernière passe de textures. Ceux-ci, en étant appliqués à l’affiche dans son ensemble, participeront à tout lier dans un ensemble cohérent.

Nous suivrons le même processus que pour l’arrière-plan: placer, dimensionner, rastériser, désaturer, aiguiser et améliorer le contraste.

Veuillez noter: Je collectionne et crée activement des textures depuis trois à quatre ans, et ma bibliothèque est assez grande (40 Go et plus). Je connais très bien ma bibliothèque de textures, et généralement je peux choisir celles que j’utiliserai sur un projet à l’avance en fonction du résultat souhaité. La plupart de ceux ci-dessous sont certains que je n’ai pas créés moi-même. Notez que les deux qui sont à moi font partie du pack que je vends sur mon magasin de marché créatif, La Boutique.

Notez que vous aurez également besoin d’une action Ps de la part des bonnes personnes de Go Media que j’appelle « Aged 2. »Vous pouvez le télécharger dans cet article (et lire le tutoriel sur l’affiche si vous vous sentez si enclin). Si vous ne souhaitez pas lire le tutoriel, vous pouvez également essayer ce lien direct vers celui-ci.

Saisir les différentes ressources

Voici les textures que vous devrez avoir sous la main pour reproduire les effets que j’ai obtenus:

  • VV_MicroscopicBurnedFilm_10 par Dustin Schmieding
  • L’effet du peintre #7 par Startextures
  • VV_GrindhouseTexture_07.jpg du pack de textures Grindhouse chez Valleys dans le Vinyle
  • Film Delta 3200 – 120 – très poussiéreux de JakezDaniel
  • Comme la fuite #8 du pack de fuites de lumière libre chez Spoon Graphics
  • .trop poussiéreux. texture du film par missAliénation – stock
  • photocopie par clarisaponcedeleon
  • photocopie-noise-textures-sbh-001.jpg et photocopie -bruits-textures-sbh-004.jpg du pack de texture de bruit de photocopie à la boutique

Avec ceux-ci prêts, commençons.

Application des textures

Ouvrir et placer VV_MicroscopicBurnedFilm_10.jpg dans votre document.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

La rastériser, la désaturer et l’aiguiser, avant de passer à des niveaux (CTRL/CMD+L). J’utilise les valeurs ci-dessous.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Finaliser en réglant le calque sur Lumière douce à 35% d’opacité.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

La prochaine étape est la texture de l’effet du peintre #7. Ouvrir et placer painter-s-effect-snb-07-4416485295_a78f2da722_o.jpg (yay noms de fichiers Flickr) dans votre document.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ajustements de niveaux.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Blending mode: soft light @ 50% opacity.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Next: VV_GrindhouseTexture_07.jpg

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Suivant: delta _ 3200 ___ 120 _ film ___ très _poussiéreux _ par _jakezdaniel – d5milqk.jpg (yay noms de fichiers DeviantArt). Il est dimensionné de sorte qu’aucun des numéros de bord du film n’apparaît, mais pas tourné.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Pas besoin de jouer avec les niveaux. Il suffit de mettre le mode de fusion à l’écran à 50% d’opacité.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Suivant: Comme la fuite #8. Place 8.jpg dans votre canevas, et changez le mode de fusion du calque en écran à 100% d’opacité.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Suivant: .trop poussiéreux. texture du film. Place _ trop _ poussiéreux __ film _ texture _ par _ missaliénation _ stock – d3bxobe.jpg dans votre toile.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Mode de fusion: multiplication à 100% d’opacité

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Suivant: photocopie_by_clarisaponcedeleon_-_deviantart.jpg. Vous devrez légèrement déformer cette texture pour qu’elle recouvre entièrement votre toile.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Notez les paramètres de niveaux particuliers, en abaissant la sortie blanche sur la texture.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Mode de fusion: lumière douce à 25% d’opacité.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Un peu de ménage:

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Le cas des textures de bruit de photocopie

Les deux textures du pack de textures de bruit de photocopie ne sont pas utilisées comme superpositions, mais plutôt collées dans des masques de calque pour résister au type et au badge.

Le processus pour coller une texture dans un masque de calque est super simple:

  1. Ouvrez votre texture.
  2. Copiez son contenu.
  3. ALT/OPTION + CLIQUEZ sur la vignette du masque de calque dans lequel vous souhaitez coller la texture. Cela vous montrera le contenu du masque de calque et vous permettra de le modifier. Assurez-vous de désactiver le petit maillon du masque de calque pour pouvoir déplacer la texture sans déplacer l’élément le long de
  4. Effectuez les modifications que vous jugez nécessaires (taille, placement, netteté, niveaux, etc.)
  5. Admirez le résultat

Commençons par photocopy-noise-textures-sbh-001.jpg. Ajoutez un masque de calque au groupe de calques contenant votre badge. C’est le cadre de nom dans mon document. Assurez-vous que le lien entre le masque de calque et le groupe de calques est désactivé.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

ALT/OPTION + CLIQUEZ sur le masque de calque pour accéder à son contenu. Notez comment le masque de calque est mis en surbrillance.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Photocopie ouverte – noise-textures-sbh-001.jpg, et copiez-le et collez-le dans le masque de calque.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Aiguisez-le et inversez-le (CTRL/CMD+I).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Utilisez des niveaux pour augmenter le contraste.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Notez comment le résultat sera légèrement différent de l’aperçu donné par les niveaux. C’est probablement dû à la haute résolution de notre document.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Cliquez sur la vignette du calque octopus et admirez le résultat. Ajustez à nouveau les niveaux si nécessaire.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Nous suivrons le même processus et collerons photocopy-noise-textures-sbh-004.jpg dans un masque de calque attaché au groupe de calques contenant tous les éléments de type.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Cela fait, voici une comparaison avant / après de l’effet sur le titre. C’est très subtil, mais cela participe à l’ambiance générale.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

ÉTAPE 6: RÉGLAGES DE LUMINOSITÉ

L’affiche est assez sombre. Si sombre en fait, qu’on ne peut pas très bien lire les détails de la pieuvre.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Ma solution: changer la teinte bleue utilisée pour les reflets décalés. Vous voudrez rester dans une gamme de niveaux de luminosité et de saturation qui pourraient être présents dans l’image d’origine, de sorte que le bleu ne semble pas à sa place dans la pièce finale.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Passer de #384d69 à #54769b aide, mais il semble que nous pourrions en faire un peu plus. Changeons aussi un peu la teinte brune du type, en #474042.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Après avoir changé tous les éléments brun foncé, nous sommes dans un meilleur endroit.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Mais cela ne suffit pas. J’ai donc ajouté un calque de réglage de l’exposition en haut de ma pile de calques, pour éclaircir un peu plus les choses. Je viens de changer la valeur d’exposition à +0.25, ce qui est suffisant pour faire une différence visible.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

ÉTAPE 7: TOUCHES FINALES

Avec l’affiche en place, il est temps d’utiliser l’action Photoshop que j’ai mentionnée lors de l’application des textures globales.

Tout d’abord, créez une copie fusionnée de tous vos calques en haut de votre pile de calques. Il existe un raccourci clavier pratique pour cela: CTRL / CMD + MAJ + ALT / OPTION + E. Assurez-vous simplement que votre couche la plus supérieure est sélectionnée lorsque vous faites cela.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Après un peu d’organisation des calques, vous devriez avoir quelque chose comme ma pile de calques. J’ai appelé la maquette de copie fusionnée et je lui ai donné son propre groupe de calques.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Dupliquez le calque de maquette et renommez la copie en 2 ans. Courez les 2 ans.action atn que vous avez téléchargée plus tôt sur la couche.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Le résultat sera cette version très bruyante de l’affiche. C’est comme une mauvaise copie couleur de l’affiche.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Changez simplement le mode de fusion des calques en lumière douce à 25% d’opacité. Cela ajoutera un peu de ce bruit à la pièce et augmentera légèrement le contraste.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Créez une autre copie fusionnée en haut de votre pile de calques. Renommez-le en demi-teintes et faites de ce calque un objet intelligent (Filter > Convert pour les filtres intelligents).

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Appliquons un filtre couleur demi-teinte à cette couche supérieure (Filtre > Pixellisation > Couleur demi-teinte.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Changez le mode de fusion du filtre en Lumière douce à 100% d’opacité en double-cliquant sur cette petite icône dans votre palette de calques.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Changez le mode de fusion du calque en couleur plus claire à 50% d’opacité.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Puisque l’effet a été trop estompé, nous allons simplement augmenter la taille des points en demi-teinte. Double-cliquez sur le nom du filtre dans la palette des calques.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Il suffit de changer la valeur du Max. rayon à 14 pour un effet plus prononcé.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Cerise sur le gâteau : un dernier calque de Teinte/Saturation, qui est coupé au calque en demi-teinte (CTRL/CMD +G avec le calque en surbrillance dans la palette des calques). Avec une valeur de -75, il va participer à adoucir la distorsion des couleurs apportée par l’effet de demi-teinte.

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Et on a fini !

 Tutoriel de démonstration de Monster creative font bundle

 Tutoriel de démonstration de Monster creative font bundle

Dernières notes

Write a Comment

Votre adresse e-mail ne sera pas publiée.