Share
Dans ce projet, nous allons vous guider tout au long du processus de création d’une affiche avec un message environnemental fort. Vous allez utiliser Photoshop pour assembler l'illustration, puis ajouter le texte et les graphiques avec InDesign pour produire des illustrations sans erreur. De nombreuses photos utilisées dans ce tutoriel sont disponibles gratuitement pour les membres Premium Psd. Commençons!
Nous avons accordé une licence personnelle gratuite aux membres Psd Premium pour la plupart des images PhotoDune utilisées dans ce didacticiel. Ils sont accessibles dans les fichiers source de votre téléchargement premium. Si vous n'êtes pas un membre premium, vous pouvez télécharger les images utilisées dans ce tutoriel ci-dessous. Vous trouverez également un modèle, des images supplémentaires et l'illustration prête à imprimer InDesign dans le dossier source..
Chaque image commence sa vie en tant que concept avant de pouvoir être réalisée. Avant de commencer, j'aimerais parler de la façon dont j'aborde un bref exemple typique. Si vous travaillez dans le commerce, vous serez probablement commissionné parce que votre style correspond au cahier des charges. En fonction de votre relation de travail, il suffit parfois d'un e-mail ou d'un appel téléphonique pour commencer à travailler.
Certains clients ou directeurs artistiques peuvent demander l’approbation d’un concept préliminaire approximatif. C’est ici que vous devez faire preuve de discernement lorsque vous passez des heures à rassembler des éléments susceptibles d’être rejetés ou à un simple croquis. J'ai opté pour le un peu des deux. L'esquisse ci-dessous a été réalisée à l'aide d'un stylo et d'une tablette et utilisée comme modèle pour l'illustration finale..
Créez un nouveau fichier Photoshop à la taille de découpe du poster: 21 cm x 29,4 cm, définissez la résolution sur 300 dpi, le mode couleur sur RVB et le contenu du fond sur blanc..
Appuyez sur Cmd / Ctrl + point-virgule pour afficher les guides et Cmd / Ctrl + R pour afficher les règles. Alignez maintenant les guides sur les quatre bords de votre toile.
Appuyez sur Maj + Cmd / Ctrl + I pour accéder à la boîte de dialogue Taille du canevas. Assurez-vous que le point d'ancrage central est mis en surbrillance, puis augmentez les champs Hauteur et Largeur de 6 mm et conservez la couleur de l'extension Toile en blanc. Après avoir cliqué sur OK, votre canevas présente un fond perdu de 3 mm sur tous les bords nécessaires à votre imprimante..
Ouvrez le fichier "Scamp.jpg" dans le dossier "source" et maintenez la touche Maj enfoncée tout en faisant glisser la vignette du calque dans votre nouveau canevas pour créer un nouveau calque. Nommez-le "rugueux" et réduisez son opacité à 30%.
N'oubliez pas que cette couche est un guide, vous devez donc basculer sa visibilité lorsque vous travaillez dans le projet..
Ouvre les mains Pour extraire l’image de l’arrière-plan blanc, définissez d’abord l’outil Baguette magique (W) sur Ajouter à la sélection, une tolérance de 15, puis cochez les options Anti-alias et Contiguous dans la barre des options. Maintenant, sélectionnez tout le fond blanc.
Choisissez un outil de sélection, puis cliquez sur le bouton Raffiner le contour dans la barre des options. Dans la fenêtre suivante, choisissez Sur noir (B) dans le menu déroulant Mode Vue. Ce mode donnera la meilleure prévisualisation pour les halos blancs indésirables. Ensuite, copiez ces paramètres et cliquez sur OK.
Vous verrez maintenant un nouveau calque masqué apparaître et la visibilité du calque d'origine désactivée. Effectuez un zoom avant et vérifiez que vous êtes satisfait des résultats de la commande Raffiner le bord. À ce stade, vous pouvez modifier le masque en peignant avec du blanc (pour révéler) ou du noir (pour cacher) avec un petit pinceau (B) réglé à environ 50 duretés si nécessaire..
Lorsque vous êtes satisfait, faites glisser la vignette du masque dans la corbeille située au bas de l'onglet Calques, puis cliquez sur Appliquer dans la fenêtre suivante..
L'étape suivante consiste à éliminer la plante en saillie. Prenez une gomme à bords arrondis (E), à nouveau réglée sur environ 50 duretés. Effectuez un zoom avant et supprimez la zone la plus proche de la main, mais suivez la forme de la main, comme indiqué en haut du screengrab. Augmentez maintenant le diamètre de votre pinceau et retirez le reste.
Si vous ne souhaitez pas supprimer définitivement les pixels, effectuez cette partie du masque avant de l'appliquer à l'étape précédente..
Nous devons maintenant nous débarrasser de la feuille restante recouvrant le pouce. Utilisez l'outil Lasso pour dessiner une sélection approximative, comme indiqué. Appuyez sur Maj + F6 pour ouvrir la fenêtre Feather, entrez 10px et cliquez sur OK. Maintenant, appuyez sur Cmd / Ctrl + J pour copier la sélection dans un nouveau calque, puis tapez sur les flèches de votre clavier pour déplacer le calque vers le haut, comme indiqué..
Remarque: si vous trouvez les "fourmis en marche" agaçantes, appuyez sur les touches Cmd / Ctrl + H pour masquer la visibilité de la sélection. N'oubliez pas de désélectionner lorsque vous avez terminé..
Continuez à sélectionner Plume et copiez d'autres zones du calque "Copie d'arrière-plan" pour recouvrir la feuille..
Lorsque vous êtes heureux, cliquez sur toutes les vignettes de votre couche de correctif en maintenant la touche Maj enfoncée, puis appuyez sur les touches Cmd / Ctrl + E pour les fusionner. Maintenant, appuyez sur Cmd / Ctrl et cliquez sur la vignette "Copie d’arrière-plan" pour créer une sélection basée sur un calque. Assurez-vous que la vignette de la couche supérieure est en surbrillance dans l’onglet Couches, appuyez sur les touches Maj + Cmd / Ctrl + I pour inverser la sélection et appuyez sur la touche Suppr pour supprimer le chevauchement..
Fusionnez la couche supérieure vers le bas, puis utilisez la brosse de correction ponctuelle (J) pour corriger les petits défauts et l’outil de correction (J) sur les grandes surfaces. Voilà, votre image de la main doit être parfaitement extraite et retouchée de manière experte..
Ajoutez les mains à votre fichier de projet sous le "Rough". Nommez le calque "Mains", puis appuyez sur Cmd / Ctrl + T pour accéder à Transformer et agrandir / positionner sur le bord droit du canevas. Maintenant, choisissez Calque> Tapis> Supprimer la frange et entrez 1px pour supprimer les halos de bords blancs qui pourraient se cacher. Ensuite, nous augmenterons un peu le contraste; Choisissez Niveaux dans l’icône Créer un nouveau calque de réglage au bas de l’onglet Calques. Dans la fenêtre suivante, activez l'icône de double sonnerie pour découper l'ajustement sur le calque cible et copier ces paramètres..
Conseil: étant donné que ce projet est destiné à l’impression commerciale, certaines couleurs à l’écran ne seront pas identiques. Ces couleurs sont appelées hors gamme. Votre moniteur crée des couleurs en mélangeant la lumière rouge, verte et bleue (RVB), tandis que votre imprimante crée des couleurs en utilisant des encres absorbant la lumière de couleur cyan, magenta, jaune et noire (CMJN). Ces pigments ont une capacité beaucoup plus limitée. reproduire la couleur. Pour remédier à cela, travaillez en mode RVB (pour accéder à tous les filtres, etc.) et appuyez sur les touches Cmd / Ctrl + Y pour obtenir des couleurs d'épreuve - vous éviterez ainsi toute mauvaise surprise lors de l'impression du travail..
Modifiez maintenant le même calque avec un ajustement Teinte / Saturation. Abaissez la saturation principale à -14, puis les rouges (du menu déroulant) à -19..
Cliquez sur votre échantillon de premier plan pour ouvrir le sélecteur de couleurs, choisissez # ecf5f9, ciblez le calque "Arrière-plan" et appuyez sur Alt / Opt + Suppr / Retour arrière pour remplir la nouvelle couleur..
Appuyez sur D pour réinitialiser les couleurs de votre avant-plan / arrière-plan sur leur couleur noir et blanc par défaut. Ajoutez l'image du nuage en tant que nouveau calque au-dessus du "Fond" et agrandissez comme indiqué. Nommez ce calque "Ciel", réduisez l'opacité à 79%, puis ajoutez un masque de calque. Définissez l’outil Dégradé (G) sur Avant-plan sur Transparent, puis choisissez Linéaire et cochez Dither / Transparence dans la barre d’options. Ciblez le masque de calque et maintenez la touche Maj enfoncée, comme indiqué par la direction et la longueur de la flèche..
Placez un réglage d’exposition non découpé (pour affecter tous les calques sous-jacents) au-dessus du "Ciel" et appliquez les paramètres suivants..
Ajoutez maintenant un autre ajustement de la balance des couleurs non coupé au-dessus du précédent et réduisez le rouge moyen à -25..
Ouvrez "Moss.JPG" à partir du dossier "source". Le petit détail de ce rocher recouvert de mousse fournira le cadre idéal pour nos animaux miniatures. Tout d’abord, sélectionnez Filtre> Netteté> Netteté intelligente et copiez ces paramètres..
L'arrière-plan étant plus complexe, utilisez l'outil Sélection rapide (W) pour sélectionner la pierre, puis utilisez l'outil Rectangle de sélection (M), défini sur Soustraire de la sélection pour couper la partie inférieure. Appliquez maintenant les paramètres d'affinement du contour suivants.
Lorsque vous êtes heureux, retirez et appliquez le masque au calque dupliqué.
Ajoutez la roche isolée en tant que nouvelle couche sous le "Rough", nommez-la "Land", puis Transformez / positionnez-la afin qu'elle soit bien ajustée entre vos mains. Ajoutez maintenant un masque et utilisez une sélection de supports naturels par défaut et de brosses à contour doux / moyen de Photoshops pour intégrer l'environnement dans les mains..
Remarque: mon masque est affiché isolément à droite du screengrab pour plus de clarté..
Attachez un réglage des niveaux sur "Land" et réglez les curseurs point noir / milieu comme ci-dessous pour augmenter le contraste.
Ensuite, ajoutez un réglage de la balance des couleurs au même calque, augmentez le ton moyen / Cyan et réduisez le bleu comme indiqué..
Ouvrez l’iceberg et utilisez l’Outil de sélection rapide (W) pour faire une sélection autour de la glace, puis Lissez-vous de 1px et copiez-le dans le presse-papiers.
Collez comme un nouveau calque sous le "Rough", nommez-le "Glace", puis redimensionnez / positionnez-le sur le côté droit du terrain. Ajoutez un masque et utilisez un assortiment de brosses d'opacité différente pour fondre la neige dans la végétation.
Découpez un réglage des niveaux sur la "glace" et copiez ces paramètres.
Ajoutez la cascade au sommet de la pile, puis redimensionnez / positionnez-la juste en dessous de la banquise. Ajoutez un masque, puis appuyez sur Cmd / Ctrl + I pour inverser le masque en négatif. Maintenant, utilisez une variété de pinceaux blancs pour le fondre doucement dans la scène.
Ouvrez l'arbre. Cette fois, nous utiliserons une méthode différente pour supprimer le fond blanc. Allez à Sélection> Gamme de couleurs, puis cliquez n'importe où sur le fond blanc. Vérifiez le bouton Inverser, réglez le curseur Fuzziness sur 52 et cliquez sur OK..
La sélection étant active, accédez à la fenêtre Raffiner le contour et appliquez les mesures suivantes..
Effectuez un zoom avant et examinez soigneusement le nouveau calque pour détecter les trous noirs que la sélection de la gamme de couleurs peut avoir inclus dans le tronc de l'arbre. Si vous en voyez, peignez-les sur le masque avec un petit pinceau blanc.
Remarque: pour afficher votre masque en taille réelle, cliquez tout simplement sur sa vignette dans le panneau Calques..
Appliquez le masque, puis ajoutez l’arbre à votre fichier de travail comme indiqué. Nommez-le "Arbre", puis masquez soigneusement la base du tronc. Ensuite, coupez les calques de réglage des niveaux et de la balance des couleurs pour augmenter le contraste et intensifier les verts..
Nous voulons que les niveaux affectent le tronc et les branches et que la balance des couleurs affecte les feuilles; peignez donc chaque masque de réglage pour limiter leurs effets (indiqué au bas du screengrab)..
Ajoutez un nouveau calque appelé "Retoucher". Définissez l’outil de tampon de clonage (S) sur Actuel et inférieur et désactivez l’option de clonage de réglage. Maintenant, utilisez un assortiment de brosses naturelles et de contours doux pour ajouter plus de roches et de végétation, puis clonez au-dessus de la fente du glacier..
Ouvrez le groupe d'animaux, puis créez une sélection rectangulaire autour du gorille et copiez-la dans le presse-papiers.
Pour extraire avec succès des sujets délicats tels que la fourrure d'un fond uni, nous utilisons un canal ou un masque de densité. Allez à Image> Calculs, dans la fenêtre suivante, copiez ces paramètres pour créer un canal composite constitué du canal bleu, puis cliquez sur OK..
Accédez à l'onglet Canaux et vous verrez le nouveau canal ("Alpha 1") en bas. Activer la visibilité du canal composite RVB supérieur. Assurez-vous «Alpha 1» du canal cible, utilisez un pinceau blanc pour peindre le lion.
Désactivez la visibilité du canal composite, puis avec "Alpha 1" le calque cible, appuyez sur Cmd / Ctrl + L pour accéder à la boîte de dialogue Niveaux et définissez le curseur de point blanc sur 277 pour supprimer le gris pâle du fond..
Par défaut, le blanc agit en tant que zones de canal sélectives. Appuyez sur Cmd / Ctrl + I pour inverser le canal en négatif, puis Cmd / Ctrl-cliquez sur la vignette pour créer une sélection de canal..
Maintenant, activez le canal composite RVB supérieur et copiez la sélection dans le Presse-papiers.
Collez la sélection sous le "Rough", redimensionnez-la et nommez-la "Gorilla". Masquez les pieds du gorille pour révéler des brins d'herbe, puis fixez un réglage des niveaux pour augmenter le contraste à l'aide de ces paramètres..
Générez une sélection basée sur un calque à partir du gorille et ajoutez-y un nouveau calque appelé "Ombre de gorille". Modifiez le mode de fusion sur Multiplier, réduisez à la verticale le point de contrôle central, maintenez les touches Cmd / Ctrl enfoncées et inclinez-vous vers la droite pour créer une ombre portée. Ensuite, appliquez un flou gaussien de 3px.
Maintenant, nous allons casser la douceur de l'ombre avec un grain. Définissez votre couleur de premier plan sur le noir, puis sélectionnez Filtre> Esquisse> Réticulation et copiez ces paramètres..
Pour une ombre réaliste, masquez le bord droit avec un dégradé linéaire allant du noir au transparent, puis masquez les zones saillantes de la main gauche selon les besoins..
Utilisez le même processus pour ajouter un calque d’ombre moulé sous le "Arbre". Ensuite, extrayez l’éléphant en utilisant les techniques que vous avez apprises et placez-le sous le "Rough". Redimensionnez / positionnez comme indiqué et nommez-le "éléphant". Découpez un réglage de niveaux, puis ajoutez un calque d'ombre de fonte.
Répétez le processus de découpe sur le lion et placez-le sous le "Rough". Découpez un réglage de niveaux, puis ajoutez un calque d'ombre.
Isolez et ajoutez le lemme et le toucan dans l'arbre. Découpez un ajustement des niveaux sur le "lemme", puis ajoutez un calque d'ombre.
Enfin, extrayez et placez les pingouins et le vautour, puis ajoutez les ombres voulues. Voilà les éléments de base de la composition terminée.
Asseyez-vous et étudiez votre image et voyez où davantage d'ombres sont nécessaires. J'en ai ajouté deux autres: un lancé par l'arbre sur l'éléphant et un sur le lion, comme indiqué. Vous pouvez également utiliser les sélections inversées de vos calques d'animaux pour supprimer tout chevauchement d'ombre..
A ce stade, j'ai décidé de donner un peu plus de forme au calque "Arbre". Faites une sélection lâche sur le dessus avec l'outil Lasso (L), puis sélectionnez 1 fois par 2. Maintenant, accédez à Warp via Transform et ajustez le maillage comme indiqué. Vous devrez également modifier le masque de réglage des niveaux découpés en conséquence..
Téléchargez et installez ces brosses nuage. Créez un nouveau calque sous les "mains" appelé "nuages supplémentaires". Définissez la couleur de votre avant-plan sur blanc, puis utilisez ces pinceaux en tamponnant.
Découpez un autre réglage des niveaux sur "Hands" et copiez ces paramètres. Maintenant, faites glisser un dégradé de trait noir (G) transparent vers le transparent (G) comme indiqué pour limiter l’effet à la moitié inférieure..
Effectuez le cas échéant d'autres clonages sur un nouveau calque nommé "Retouche 2" situé sous le "Modèle"..
Ensuite, nous appliquerons une technique non destructive d'esquive et de gravure pour ajouter du surbrillance et de l'ombre. Tout d’abord, ajoutez une nouvelle couche appelée "Esquiver et graver" en dessous de "Rough". Appuyez sur Maj + F5 et sélectionnez 50% de gris dans le menu déroulant Contenu, puis appuyez sur OK. Maintenant, si vous changez le mode de fusion du calque en Lumière douce, le gris disparaîtra..
À partir de là, créez une sélection à partir des "mains", définissez l'outil Pinceau (B) sur 30% d'opacité et peignez avec du noir pour créer une ombre sur la moitié inférieure. Répétez cette technique en peignant dans une sélection de "l'Arbre", puis peignez en blanc pour créer des reflets. J'ai modifié le mode de fusion du calque en mode Normal dans le screengrab pour plus de clarté..
Utilisez la même technique de peinture de sélection de calque pour créer des ombres et des rehauts utilisant respectivement le noir et le blanc. Le calque terminé est affiché à droite.
Conseil: si vous faites une erreur et que vous devez rétablir 50% de gris, remettez le calque en mode normal et sélectionnez le gris à l’aide de la pipette (I) ou utilisez le sélecteur de couleurs pour définir les 128 champs RVB sur 128, puis peignez à fond. 100% d'opacité.
Voici le calque remis en mode de lumière douce. Si vous sentez que l'effet est trop fort, baissez le calque Opacité pour compenser - j'ai utilisé 90%.
Pour finir, nous ajouterons un peu de netteté. Placez un calque vide sous le "Rough" et nommez-le "Netteté". Choisissez maintenant Image> Appliquer l'image, assurez-vous que l'option Mélange est définie sur Normal et cliquez sur OK. Cette commande crée un seul calque composite. Choisissez maintenant Filtre> Autre> Passe-haut, définissez le rayon sur 3,1 px et cliquez sur OK..
Enfin, redéfinissez le calque sur Lumière douce. C'est le fichier en couches terminé, alors assurez-vous d'appuyer sur Enregistrer!
Dans la dernière partie de ce projet, nous utiliserons InDesign pour créer l’illustration de l’affiche. Pour que les tailles de fichier restent gérables, aplatissez votre illustration, cliquez sur OK dans la fenêtre suivante et sur Enregistrer sous un fichier .TIFF..
Lancez InDesign et créez un nouveau document A4 avec ces paramètres, puis cliquez sur OK..
Sélectionnez Afficher> Grilles et guides et activez Afficher les guides, Verrouiller les guides de colonne, Aligner sur les guides et les guides intelligents, puis Afficher> Extras> Afficher les bords du cadre. Maintenant, appuyez sur Cmd / Ctrl + D pour localiser et placer votre fichier .TIFF. Activez l'icône en haut à gauche du localisateur de points de référence et définissez les deux coordonnées sur les repères de fond perdu (-3 mm). Ensuite, sélectionnez Affichage> Performances d'affichage> Affichage haute qualité, puis nommez le calque par défaut "Image placée"..
Allez dans l'onglet Nuancier et utilisez le menu déroulant en haut à droite pour sélectionner Nouvelle nuance de couleur, puis décochez le bouton Nom avec valeur de couleur et nommez-le "Noir Shiner". Assurez-vous que le type de couleur est défini sur Traiter et que le mode couleur est CMJN. Entrez maintenant 40% Cyan, 1% Magenta, 1% Jaune et 100% Noir. L'ajout de 40% de cyan à la dégradation des couleurs crée un noir plus profond ou plus riche.
Verrouillez votre calque "Image placée", puis ajoutez un nouveau calque appelé "Graphiques". Saisissez l'outil Texte (T), accrochez une zone de texte dans le guide supérieur et ajoutez l'en-tête principal coloré en "Noir luisant" à l'aide de cette police. Allez dans Fenêtre> Sortie> Attributs et avec le texte en surbrillance, décochez Overprint Fill. À ce stade, j’ai décidé d’omettre le deuxième sous-titre plus petit que j’avais inclus dans mon croquis car j’ai senti que le message était assez clair..
Remarque: des erreurs sont souvent commises pour le texte en noir, comme il est généralement surimprimé, mais si le texte dépasse une certaine taille, vous pouvez voir l’image ou l’élément derrière le texte. La raison de 1% Magenta et Jaune est un système sécurisé, au cas où le RIP des imprimantes n'est pas configuré correctement et évite la possibilité d'une surimpression de texte en noir et de panneaux au lieu de masquer les éléments qui se cachent derrière..
Utilisez l'outil Rectangle (M) pour aligner un cadre sur le fond perdu rempli de "Noir luisant". Cela doit également être défini sur Supprimer les couleurs sous-jacentes dans le panneau Attributs. Maintenant, ajoutez la ligne de balise à blanc dans votre choix de police. J'ai utilisé FFDin.
Alignez un autre cadre de texte du guide de gauche sur la gouttière centrale. Maintenant, allez dans Type> Remplir avec du texte de substitution (Ce texte sera remplacé par du texte une fois que le dessin est approuvé). Cliquez sur l'icône en forme de croix rouge à la droite de la zone et indiquez une seconde zone de texte pour rediffuser le texte. Les guides intelligents aideront votre nouvelle zone de texte à correspondre à la profondeur de la première.
Style de votre corps le texte requis - j'ai utilisé FFDin à nouveau à 9pt sur 11pt. Tapez cette petite apparence sur un fond pâle doit être colorée avec le noir par défaut d’InDesign et définie sur Surimpression dans le panneau Attributs..
Mettez en surbrillance le premier paragraphe et appliquez une casquette initiale, comme indiqué dans la barre des options..
Prenez l'outil Ellipse (E) et ajoutez un cadre circulaire d'environ 25 mm de diamètre. Appuyez sur Cmd / Ctrl + D et localisez le "Logo.pdf" dans le dossier "source". Cliquez maintenant sur le bouton Adapter le contenu au cadre dans la barre des options et enclenchez le logo comme indiqué..
Une fois le logo sélectionné, choisissez> Fenêtre> Habillage du texte et appliquez les paramètres suivants pour forcer le texte à s’articuler autour du logo. Si l'habillage du texte interfère avec la ligne de balise blanche, sélectionnez son cadre de texte, appuyez sur les touches Cmd / Ctrl + B et cochez le bouton Ignorer l'habillage du texte..
Un fichier .PDF basse résolution peut maintenant être envoyé pour approbation par le client, puis lorsque le texte est en place, une autre épreuve est envoyée pour la validation finale. La dernière étape consisterait en un fichier PDF prêt à imprimer utilisant le paramètre prédéfini de votre imprimante ou le paramètre prédéfini intégré InDesigns PDF / X-1a2001..
Maintenant que vous avez travaillé sur ce projet, pourquoi ne pas créer votre propre version d’une affiche environnementale percutante. Vous pouvez même utiliser différents animaux tels que des créatures marines par exemple?
Accentsconagua