Comment concevoir un dépliant prêt à imprimer avec Photoshop et Illustrator

Dans ce tutoriel, nous allons créer du texte en 3D et l'intégrer dans un environnement naturel. Nous n'utiliserons aucun programme 3D, vous n'avez donc besoin que d'Adobe Illustrator et de Photoshop pour créer cet effet..

Aperçu de l'image finale

Regardez l'image que nous allons créer. 

Détails du tutoriel

  • Programmes: Adobe Illustrator, Adobe Photoshop
  • Difficulté: Intermédiaire

Étape 1

Nous allons ouvrir Adobe Illustrator (en utilisant CMJN comme paramètres de couleur) pour commencer à créer notre texte 3D..

Tapez le mot "Escape", (j'utilise la police Impact) et changez la couleur en bleu (# 1A98BB). Cette couleur sera plus facile à utiliser et correspondra à peu près à la couleur que nous utiliserons dans notre résultat final..

Étape 2

Généralement, nous utiliserions l'outil Extrusion et biseautage pour créer une version 3D de notre texte, mais comme Illustrator ne peut pas vraiment gérer ce que nous voulons faire, nous allons le créer nous-mêmes. (Voici ce que nous obtiendrions si nous utilisions l'outil Bevel & Extrude)

Cliquez sur votre texte et accédez à Type> Créer des contours. Maintenant, copiez le texte avec les touches Commande + C et Coller à la place avec les touches Commande + F. Assombrissez le texte à l’aide du curseur noir de la fenêtre Couleur..

Maintenant, nous allons réduire le texte et le garder au même endroit au même moment. Pour ce faire, nous allons cliquer sur notre texte sombre et maintenir les touches Alt et Maj enfoncées, puis insérer l'un des coins de la boîte..

Étape 3

Mettez en surbrillance toutes les lettres, ouvrez votre Pathfinder (Maj + F9). Dans le menu déroulant Fenêtre (si vous ne l'avez pas déjà ouvert), cliquez sur l'icône Ajouter à la zone de forme. Cliquez sur Développer. Cela fera les deux mots "Escape" dans une forme.

Étape 4

Cliquez sur l'outil plume (P) et là où il y avait des coins et maintenant des zones en forme de "L", cliquez sur l'ancre d'angle pour la supprimer..

Étape 5

Après vous être débarrassé de toutes les zones "L" que vous pouvez exécuter avec Commande + F, ceci devrait vous permettre de retrouver votre texte original. Une fois que vous faites cela, vous remarquerez peut-être que certains des bords arrondis ne semblent pas corrects. Pour corriger ces bords arrondis, vous pouvez supprimer le texte original que nous venons de coller, cliquer sur l'outil Plume (P) et supprimer les points de la courbe jusqu'à obtenir un angle qui semble correct..

Étape 6

Nous sommes maintenant prêts à importer notre texte dans Photoshop. Créez un nouveau document (Commande + N). Nous allons traiter cela comme un motif de couverture. Nous allons donc modifier nos paramètres afin qu'ils soient de 8 pouces de largeur sur 10 pouces de hauteur et le paramètre de couleur CMJN. Nous allons changer notre résolution à 300 dpi, donc ce sera la qualité d'impression. Une fois que nous ouvrons notre document, nous souhaitons cliquer et faire glisser les guides à un demi-pouce de chaque bord (à l’aide de notre règle Command + R). Cela fonctionnera comme notre saignement.

Étape 7

Allez sur stock.xchng pour obtenir l'image que nous allons utiliser pour notre arrière-plan. Ouvrez l'image dans Photoshop, nous allons l'ajuster un peu pour répondre à nos besoins.

Étape 8

Allez à Image> Réglage> Remplacer la couleur. Cliquez sur la partie de la pelouse la plus jaune et utilisez la teinte pour la régler afin d'obtenir une apparence plus verte. Vous pouvez également réduire la saturation pour lui donner un aspect plus réaliste.

Étape 9

Faites glisser notre photo dans le document Photoshop que nous avons créé et redimensionnez-la pour qu'elle tienne dans la zone avec l'outil de transformation (Commande + T)..

Étape 10

Pour le fond, nous visons un aspect plus désaturé, nous allons donc ouvrir notre teinte / saturation avec Command + U et baisser la saturation à -20.

Étape 11

Maintenant, nous pouvons apporter notre texte. Nous allons commencer par faire apparaître le texte, puis la partie 3D, afin de pouvoir travailler avec chacun individuellement. Donc, copier et coller (Commande + C, Commande + V) chacun dans notre document Photoshop. Si vous ne redimensionnez pas le texte, ne faites pas de zoom avant ou arrière du document, les deux calques de texte doivent être parfaitement alignés..

Étape 12

Maintenant que vous avez le texte et l'image d'arrière-plan en place à l'endroit souhaité, nous pouvons commencer à ajouter de l'herbe.

Commençons par créer un nouveau dossier (en cliquant sur l'icône du dossier au bas de la palette des calques), nous l'appellerons "herbe", puis créerons un nouveau calque dans le dossier..

À l'aide de l'outil Rectangle de sélection carré (M), cliquez et faites glisser une zone autour de la moitié inférieure du document, sous la photo (assurez-vous qu'il n'y a pas d'espace blanc entre la photo et la zone) afin que la photo ne soit pas sélectionnée. Maintenant, cliquez sur la couleur de premier plan et cliquez sur l'herbe dans la photo jusqu'à ce que vous trouviez un vert foncé. Remplissez le rectangle que nous avons créé avec cette couleur.

Étape 13

Cliquez sur l'outil Pinceau (B) et remplacez le pinceau par le pinceau générique à une lame fourni avec Photoshop. Maintenant, cliquez sur la couleur de premier plan, puis cliquez sur l'herbe sur la photo d'arrière-plan. Faites la même chose avec la couleur de fond. Cela devrait vous donner deux verts différents mais similaires.

À l’aide de F5, ouvrez les paramètres du pinceau et ajustez la nuance de teinte dans l’onglet Dynamiques de couleurs à 20%.

Étape 14

Créez un nouveau calque (Commande + Maj + N) dans le dossier Herbe et commencez à peindre à partir du point où la photo d'arrière-plan se termine avec un pinceau de 125 pixels. Lorsque vous vous déplacez vers le bas du document, agrandissez la brosse (]) pour obtenir une brosse d’environ 200 pixels lorsque vous atteignez le bas. Cela devrait être rapide afin de laisser des trous pour les futures couches de couvrir.

Nous allons rendre cette couleur un peu plus foncée car elle sera sous une autre couche. Alors allez dans les courbes (Commande + M) et ajustez l’entrée à 47 et la sortie à 55.

Étape 15

Nous allons répéter l’étape 14, mais cette fois-ci, nous allons combler la plupart des autres trous manqués la première fois. Nous n'avons pas besoin d'ajuster les courbes sur cette couche d'herbe.

Étape 16

Créez un nouveau calque (Commande + Maj + N) dans le dossier Herbe. Maintenant, pour ajouter quelques reflets à l’herbe, nous allons utiliser notre brosse à herbe (B) avec la même couleur et peindre dans quelques zones seulement. Allez à nouveau dans les courbes (Commande + M) et ajustez l’entrée à 58 et la sortie à 39.

Étape 17

Nous allons créer un nouveau calque (Commande + Maj + N), au-dessus du lettrage, afin de pouvoir peindre de l'herbe de manière à donner l'impression qu'il est placé devant les lettres..

Une fois que vous avez peint l'herbe devant les lettres, créez un nouveau calque (Commande + Maj + N) et effectuez un léger passage d'herbe. Nous allons assombrir ce calque avec les courbes (Commande + M). Ajustez l'entrée sur 42 et la sortie à 56.

Étape 18

Maintenant que notre herbe est finie, nous allons commencer à travailler sur notre lettrage.

Créez un nouveau dossier appelé "visage du texte" et un nouveau dossier appelé "ombre du texte" placez le visage du texte et l'ombre du texte dans les dossiers correspondants..

Nous allons maintenant appuyer sur Commande + Cliquez sur le calque de la face de texte pour créer un contour de sélection autour de celui-ci, créer un nouveau calque dans le dossier "Face de texte" avec Commande + Maj + N et le remplir (Commande + Supprimer) avec # EDE6DA..

Étape 19

Allez dans le dossier "shadow de texte" et créez un nouveau calque (Commande + Maj + N).

Comme la lumière du soleil vient de la droite, comme vous pouvez le constater avec les arbres de la photo, nous devons créer la partie la plus brillante de notre texte à droite de chaque lettre. Pour créer nos points forts, nous allons utiliser l'outil Lasso polygonal (L) pour sélectionner les zones censées être mises en surbrillance, les zones qui seraient touchées par le soleil..

Étape 20

À l’aide d’un pinceau blanc arrondi à 90 pixels (B), avec une dureté de 0% et une opacité de 20%, commencez à appliquer des traits sur les zones sélectionnées. Changer le mode de fusion en superposition.

Pour supprimer la zone en excès, Commande + Cliquez sur le calque d’ombre du texte, Commande + Maj + I pour obtenir la sélection inverse, puis supprimez-le..

Étape 21

Maintenant, nous allons créer nos ombres de la même manière que nous avons créé les rehauts à l’étape 19. Une fois que vous avez sélectionné vos ombres, répétez l’étape 20, sauf que cette fois, nous allons utiliser un pinceau noir pour les zones les plus sombres..

Étape 22

Pour ajouter des ombres plus sombres et donner plus de contraste à nos lettres, nous allons répéter l'étape 21, mais au lieu de changer le mode de fusion en superposition, nous allons le changer en multiplier. En outre, il sera plus facile de changer le pinceau pour obtenir une opacité d’environ 5%. De cette façon, vous pouvez assombrir l’ombre lentement, et l’effet de fondu sera plus doux.

Étape 23

Le texte peut être beaucoup plus travaillé et avoir beaucoup plus de détails d'ombre / de surbrillance ajoutés, mais comme il s'agit d'un tutoriel, nous allons le laisser tel quel et commencer à travailler sur l'ombre, le texte jette sur l'herbe..

Créez un nouveau calque (Commande + Maj + N) et placez-le au-dessus du dossier "Herbe". En utilisant un pinceau noir 200px (B) avec une opacité de 100% et une peinture de dureté de 0% sous le texte, essayez de vous assurer que le noir ne passe pas trop sous l'herbe qui se trouve devant les lettres. Changer le mode de fusion en multiplier.

Étape 24

Nous pouvons maintenant commencer à aborder le visage du texte. Nous allons commencer par lui donner une ombre intérieure. Cliquez sur la première icône en bas de la palette des calques, puis sur Inner Shadow..

Maintenant, allez dans Biseautage et estampage, sur la première icône en bas de la palette des calques, et ajustez vos paramètres, quelque chose comme ce que j'ai. Ces deux paramètres donneront à la face du texte un contour.

Étape 25

Nous allons sur Commande + Cliquer sur le calque de la face de texte et en créer un nouveau avec Commande + Maj + N. À l’aide de l’outil Dégradé (G) avec un noir à 0% d’opacité, cliquez sur le côté gauche du texte et faites-le glisser. à droite. Cela devrait donner au texte un dégradé noir à droite. Baisser l'opacité jusqu'à 5%.

Étape 26

Avec la face de texte toujours sélectionnée, créez un nouveau calque (Commande + Maj + N) dans le dossier "face de texte", modifiez la couleur de votre avant-plan en jaune-orange (similaire à # FFC600) et créez un dégradé (G). est sur le bord supérieur des lettres. Changer le mode de fusion en superposition.

Étape 27

Créez un nouveau calque dans le dossier "texte", prenez un pinceau noir de 200 pixels (B) avec une opacité de 5% et une dureté de 0%, puis cliquez et faites glisser une ligne juste au-dessus de l'herbe. Cela nous donnera une ombre subtile juste au-dessus de l'herbe.

Étape 28

Maintenant, nous allons donner à notre texte une apparence altérée.

Dans le dossier "texte", créez un nouveau calque, puis, à l'aide de l'outil Rectangle de sélection carré (M), créez une zone qui couvre la "sortie". Remplir la case avec du noir.

Étape 29

Allez dans Filtre> Rendu> Fibres et ajustez vos paramètres à quelque chose comme ce que j'ai.

Étape 30

Désélectionnez la zone avec Commande + D et accédez à Filtre> Flou> Flou de mouvement. Commande + Cliquez sur la face du texte, puis sur Commande + Maj + I pour obtenir la sélection inverse, supprimez et modifiez le mode de fusion pour le multiplier avec une opacité de 5%..

Étape 31

Cliquez sur la deuxième icône au bas de la palette des couches pour ajouter un masque à notre couche de fibres. En utilisant un noir jusqu’à 0% de dégradé (G), cliquez et faites glisser de bas en haut pour que la moitié inférieure des fibres disparaisse du texte..

Étape 32

Et maintenant, pour terminer un peu, nous allons cliquer sur la quatrième icône en bas de la palette des calques et ouvrir la balance des couleurs..

Étape 33

Et maintenant, ouvrez le filtre photo sur la quatrième icône en bas de la palette des calques.

Étape 34

Maintenant que nous avons terminé, je vais ajouter quelques touches finales avec un pied de page qui saignera par-dessus bord..

Image finale

Et c'est tout! J'espère que vous avez apprécié la lecture de ce tutoriel.