Créez cette affiche, basée sur un concours de skate vert, utilisant à la fois Photoshop pour réunir les éléments et Illustrator pour assembler l'illustration finale prête à être imprimée..
Je suis récemment tombée sur le travail de l'illustratrice Chrissie Abbott et j'ai tout de suite été frappée par son habile utilisation de la combinaison d'images rétro et modernes et par son utilisation de couleurs vives et éclatantes. Dans ce tutoriel, je vous expliquerai comment créer une affiche pour un événement sportif extrême utilisant un style similaire..
Le thème de l'affiche est basé sur un concours de skate vert. Toutes les images, telles que l'espace, les montagnes et le vol, sont donc pertinentes et proviennent de ma propre collection de magazines vintages et de sites Web classiques, libres de droits, ainsi que de images disponibles gratuitement gracieuseté de la NASA. J'aimerais également remercier le photographe de surf / skate Paul Frost de m'avoir gentiment autorisé à utiliser sa photo de skateur.
En ce qui concerne les techniques, vous découvrirez comment créer des repères de fond perdu et de rognage dans Photoshop et Illustrator. Vous maîtriserez également Illustrator Éclaireur et Chemin de décalage commandes pour créer un lettrage fleuri cool. Enfin, vous réunissez tous ces éléments avec Photoshop et assemblez l'illustration finale prête à être imprimée dans Illustrator..
Vous trouverez le fichier PSD de Photoshop dans un répertoire intitulé "source" inclus dans le fichier ZIP que vous avez téléchargé. Vous voudrez peut-être parcourir le document brièvement avant de commencer. Vous trouverez également des images pour compléter le didacticiel, ainsi que les illustrations Illustrator terminées et prêtes à l’impression..
Vous aurez également besoin des images, textures, brosses et polices suivantes:
Lancez Photoshop et définissez la couleur de fond sur le noir. Créez un nouveau document portrait A4 (21 cm x 29,7 cm) à 300 dpi en mode RVB, puis définissez le contenu de l'arrière-plan sur Couleur d'arrière-plan..
Maintenant, appuyez sur Commande + Y pour activer les couleurs d'épreuve - cela vous permet de travailler en mode RVB tout en affichant un aperçu en CMJN - cela évitera tout décalage inattendu des couleurs lorsque le document est finalement converti en CMJN pour une impression commerciale..
Assurez-vous que l'option Aligner et aligner sur les repères / limites de document est sélectionnée (située sous Afficher). Maintenant, tirez sur les guides et fixez-les aux quatre bords de la toile. Ensuite, allez à Image> Taille du canevas (Option + Commande + C). Ajoutez 6 mm aux champs Largeur et Hauteur, puis sélectionnez le point d’ancrage central et définissez la couleur de l’extension Canvas sur Arrière-plan..
Il s'agit d'une excellente technique pour ajouter rapidement des fonds perdus et des guides à tout document. il supprime également le travail de calcul consistant à placer manuellement des guides via le menu Affichage.
Chargez les pinceaux d'espace, puis créez un nouveau calque. Sélectionnez un violet foncé (# 642b65) et utilisez l'outil Pinceau (B) pour commencer à peindre le ciel. Ajoutez une autre couche et utilisez un rose (# ec4296) pour ajouter plus de tourbillons galactiques. N'oubliez pas de faire pivoter et de retourner vos pinceaux pendant que vous travaillez, pour éviter les répétitions.
Nous allons utiliser beaucoup de couches tout au long de ce tutoriel - prenez donc l'habitude de les nommer. Ajoutez maintenant vos calques dans un dossier de groupe et étiquetez-le "SKY".
Peignez des couches supplémentaires en utilisant du blues (# 3e5e7e et # 2376a1). Maintenant, chargez les brosses de nuage et utilisez-les pour créer l'effet de ciel.
Ajoutez du pinceau plus clair en utilisant le jaune (# ffef50) et le blanc, toujours sur des calques séparés. Si vous sentez que vous avez surchargé de travail dans certaines zones, n'hésitez pas à utiliser l'outil de gomme (E) au besoin.
Ouvrez l'éditeur de dégradé et chargez la bibliothèque d'effets spéciaux. Maintenant, sélectionnez Russell's Rainbow et modifiez la couleur comme indiqué, puis cliquez sur le bouton Nouveau pour l'enregistrer..
Ajouter un nouveau calque "Rainbow" dans le dossier. Définissez votre nouveau dégradé sur Radial et Maj-glisser du centre de votre toile. Ajoutez un masque de calque, puis définissez les couleurs de votre avant-plan / arrière-plan par défaut en appuyant sur ré sur votre clavier. Maintenant, faites glisser un dégradé linéaire du premier plan vers l'arrière-plan sur le masque pour masquer la moitié inférieure de l'arc-en-ciel. Ensuite, définissez le calque Mode de fusion sur Écran et déposez l’opacité à 45%..
Cliquez sur le menu déroulant Créer un nouveau calque de remplissage ou de réglage et sélectionnez un réglage Courbes en haut de la pile. Cliquez pour ajouter deux points d'ancrage, en utilisant les paramètres indiqués - si vous devez réinitialiser la courbe, maintenez Option et le bouton Annuler devient un bouton Réinitialiser..
Ouvrez le fichier "Skater.jpg" à partir du dossier "source". Cette image a été gracieusement offerte par Paul Frost, veuillez donc respecter ses droits d'auteur et ses restrictions d'utilisation. Sélectionnez l'outil de recadrage (C) et supprimez la moitié inférieure. Maintenant, définissez l'outil Plume (P) sur les chemins et attachez-le soigneusement autour du patineur (indiqué en magenta). Ne transpirez pas sur les cheveux, fixez-les simplement à l'intérieur. Nous allons y remédier dans les prochaines étapes..
Définissez l'outil Plume sur Soustraire de la zone du chemin pour tracer le sous-chemin interne (de nouveau affiché en magenta). Effectuez maintenant un zoom avant et affinez les deux trajectoires en appuyant sur la touche Commande pour accéder à l'outil de sélection directe et réglez les points de direction / d'ancrage individuels en fonction des besoins..
Basculez dans la palette des canaux et parcourez chaque canal pour déterminer lequel contient le meilleur contraste entre le patineur et l’arrière-plan. Dans ce cas, c'est le bleu. Dupliquez-le en faisant glisser sa vignette sur l'icône Créer un nouveau canal.
Ensuite, appuyez sur Commande + L pour accéder à la boîte de dialogue Niveaux et utilisez les paramètres indiqués ci-dessous..
Tout en maintenant la touche Commande enfoncée, cliquez sur la vignette de votre chemin pour générer une sélection. Puis, avec votre cible dupliquée et votre jeu de blancs comme couleur de premier plan, cliquez sur Supprimer pour remplir la sélection de noir. Appuyez maintenant sur les touches Maj + Commande + I pour inverser la sélection et utilisez un gros pinceau blanc à bords durs pour peindre l'arrière-plan - en laissant les cheveux du patineur intacts..
Ciblez le canal composite RVB supérieur et désactivez la visibilité du canal dupliqué. Passez maintenant à la palette des calques et déposez-en un nouveau.
Ensuite, nous allons réparer la queue manquante du skateboard. Étendez votre toile vers la gauche à l'aide de l'outil Recadrer. Ensuite, tracez un chemin fermé où la queue devrait être. Effectuez une sélection basée sur le chemin, puis utilisez l’outil de tampon de clonage (S) défini sur Actuel et inférieur pour ajouter la zone manquante. Il est toujours bon de procéder à des retouches sur un nouveau calque, juste au cas où tout irait mal.
Une fois que vous avez terminé, cliquez sur la vignette du calque de retouche tout en maintenant la touche Commande enfoncée pour générer une sélection, puis ciblez le canal dupliqué et remplissez la sélection active de noir - nous avons maintenant un masque vierge du patineur..
Générez une sélection à partir du canal, inversez-le, ciblez le canal composite et revenez à la palette des calques. La sélection étant toujours active, aplatissez l'image et copiez-la dans le presse-papiers..
Ajouter un nouveau dossier dans votre document de travail et étiquetez-le "SKATER". Collez la sélection dans le dossier et appuyez sur Commande + T pour transformer. Dupliquez le calque, puis sélectionnez Filtre> Convertir pour les filtres dynamiques. Maintenant, allez dans Filtre> Autre> Passe-haut et faites glisser le curseur Rayon vers 60,0 px. Enfin, définissez le calque "Skater Copy" sur Hard Light.
Ensuite, déposez un réglage de niveau au-dessus du calque "copie du patineur" en utilisant les paramètres indiqués..
Définissez les couleurs de votre avant-plan / arrière-plan sur # ec4296 / # ffef50. Ajoutez maintenant un calque d’ajustement de dégradé de carte en sélectionnant le préréglage Avant-plan / Arrière-plan. Réduisez maintenant l'intensité en définissant le mode de fusion du calque d'ajustement sur Couleur..
Nous devons maintenant insérer ces ajustements dans le calque "Skater" d'origine. Pour ce faire, maintenez la touche Option enfoncée tout en déplaçant votre curseur entre les vignettes des calques "Carte de dégradé" et "Niveaux". Lorsque votre curseur se transforme en icône représentant un double cercle, cliquez pour couper le calque supérieur. Répétez l'opération pour les couches restantes comme indiqué.
Enregistrez, puis aplatissez le fichier et appuyez sur Maj + Commande + S pour enregistrer au format TIFF..
Lancez Illustrator et créez un nouveau document portrait A3 CMJN. Avec vos règles visibles (Commande + R), zoomez sur le coin supérieur gauche et faites glisser le point d'origine des règles vers le bord supérieur gauche de la planche graphique. Ensuite, définissez le remplissage et le contour de la barre d'outils sur aucun, puis sélectionnez l'outil Rectangle (M) et cliquez n'importe où sur la planche graphique. Dans la fenêtre suivante, entrez une largeur de 216 mm et une hauteur de 303 mm. Pour simplifier les choses, vous pouvez basculer en mode Plan en appuyant sur Commande + Y..
Ajoutez un autre rectangle avec une largeur de 210 mm et une hauteur de 297 mm. Sélectionnez les deux rectangles et cliquez sur les icônes de centre Alignement horizontal et vertical. Maintenant que les deux objets sont toujours sélectionnés, utilisez le localisateur de points de référence pour les positionner au point mort par rapport à la planche d’art (X: 148.5mm et Y: -210mm)..
Appuyez sur Option + Commande + Point-virgule pour déverrouiller vos guides et tirez sur un guide vertical. Une fois le guide sélectionné, utilisez à nouveau le localisateur de points de référence pour le positionner de manière centrale (X: 148,5 mm). Maintenant, utilisez la même commande clavier pour verrouiller les guides.
Sélectionnez le rectangle externe et appuyez sur Commande + 5 pour convertir en guide, puis sélectionnez le rectangle interne et accédez à Objet> Zone de recadrage> Créer. Vous avez maintenant des guides de fond perdu / centraux et des repères de coupe précis.
Ensuite, choisissez Fichier> Importer, cochez l'option Lien et naviguez jusqu'au fichier TIFF que vous avez enregistré à l'étape 17. Activez les guides intelligents (Commande + U) pour qu'ils se positionnent dans la zone de guidage externe, puis vérifiez ses coordonnées à l'aide du localisateur de points de référence..
Étiquetez le calque par défaut "Illustration de base" et verrouillez-le. Ajoutez un autre calque appelé "Graphiques" et cliquez sur la toile à l'aide de l'outil Texte (T) pour ajouter le texte "grand" à l'aide du bouton MDRS-FDO1 Police de caractère. Alignez de manière centrale en appuyant sur Commande + Maj + C, puis définissez la taille du point sur 165 et le suivi sur 147.
Maintenant, prenez l'outil de sélection (V) et Option + Maj-glisser vers le bas pour dupliquer, puis modifiez le libellé en "air".
Sélectionnez les deux lignes de texte, puis appuyez sur Maj + Commande + O pour créer des contours. Maintenant, prenez l'outil de sélection directe (A) et supprimez les deux points des deux lettres "i". Ensuite, maintenez la touche Maj enfoncée et faites glisser l’ascendeur du «b» vers le haut et la jambe du «r» vers le bas, comme indiqué..
Ouvrez la palette Pathfinder et utilisez le menu déroulant pour sélectionner Créer une forme composée, puis appuyez sur le bouton Développer. Ensuite, allez dans Filtre> Styliser> Coins ronds et entrez 4mm dans la fenêtre suivante.
Copiez certaines formes épanouies du Le vecteur iStock s'épanouit. Sinon, n'hésitez pas à créer vos propres formes ornées.
Remplissez de blanc le petit motif (indiqué en bas à droite à l'étape précédente) et utilisez une combinaison des outils Ciseaux (C) et Outils à couteau pour couper et supprimer des points. Maintenant, redimensionnez, retournez / faites pivoter, copiez et positionnez-vous autour des lettres comme indiqué.
Utilisez l'outil de sélection directe pour placer les points en position, en suivant les contours du lettrage. Lorsque vous êtes satisfait, sélectionnez Tout et créez à nouveau la forme / l’extension composée. Ensuite, allez à Objet> Chemin> Chemin décalé et entrez 2mm dans la fenêtre suivante. Maintenant, donnez à la forme offset un trait de 2 points et un remplissage égal à zéro.
Remplissez de blanc les fioris restants et placez-les autour du chemin extérieur, comme indiqué.
Utilisez la même technique que celle décrite à l'étape 25 pour éliminer les zones non désirées. Vous pouvez également ranger les points finaux en maintenant la touche Maj enfoncée en cliquant dessus avec l'outil de sélection directe, puis en allant dans Objet> Chemin> Moyenne ou en appuyant sur Maj + Commande + J.
Continuez à dupliquer, retourner et faire pivoter les fioritures pour décorer votre lettrage jusqu'à ce que vous soyez heureux.
Sélectionnez Tout, puis double-cliquez sur l'outil de mise à l'échelle (S) et entrez 80% dans la fenêtre suivante. Avec tous les chemins toujours sélectionnés, allez à nouveau sur Chemin décalé, mais entrez cette fois une valeur de 5 mm..
Donnez à la nouvelle forme un remplissage de C = 75, M = 68, Y = 67 et K = 90. Nous allons éventuellement coller cette oeuvre dans Photoshop. Cette dégradation des couleurs est donc l'équivalent du noir dans Photoshop..
Appliquez la fonction Créer une composition / élargir la trajectoire à la nouvelle forme. Maintenant, appuyez sur Commande + Maj + touche gauche du support pour envoyer à l'arrière, puis sélectionnez Tout et copier dans le presse-papiers.
Rouvrez votre fichier stratifié Photoshop, ajoutez un nouveau dossier sous le "SKATER" et nommez-le "VECTOR SHAPES". Collez maintenant l'en-tête Illustrator en tant qu'objet dynamique dans le nouveau dossier en acceptant l'invite Placer. Ensuite, transformez -30 degrés et appuyez à nouveau sur l'invite Placer.
Créez un nouveau document CMJN Illustrator, puis ajoutez un rectangle de 40 mm sur 100 mm et remplissez-le avec C = 5% et M = 80%, comme indiqué..
Ensuite, allez à Objet> Transformer> Transformer chaque (Option + Maj + Commande + D) et entrez 40mm dans le champ Déplacement horizontal, puis cliquez sur le bouton Copier.
Remplissez la deuxième forme avec M = 45% et Y = 100%. Maintenant, appuyez sur Commande + D pour répéter la transformation et remplir la troisième forme avec Y = 100%.
Sélectionnez l'outil Polygone (situé dans le menu déroulant de l'outil Rectangle) et cliquez sur la planche de travail. Dans la fenêtre suivante, entrez un rayon de 120 mm et 3 dans les champs Côtés, puis faites pivoter la forme de 180 degrés..
Maintenant, utilisez l'outil de sélection directe pour déplacer Maj-glisser juste au-dessus de la base des blocs.
Sélectionnez Tout, puis sélectionnez Objet> Distorsion d'enveloppe> Créer avec le premier objet (Maj + Commande + C), puis copiez la forme entière dans le Presse-papiers..
Revenez dans votre fichier PSD et collez-le en tant qu'objet intelligent, sous le texte principal du dossier "VECTOR SHAPES". Désactivez temporairement la visibilité du dossier "SKATER" et transformez la forme afin qu'elle rayonne depuis le centre. Dupliquez le calque et allez dans Edition> Transformation> Retourner horizontalement, puis positionnez-vous du côté opposé du canevas, comme indiqué..
Ajoutez maintenant des cercles de vecteurs dans le dossier "VECTOR SHAPES" à l'aide de l'outil Ellipse (situé dans le menu déroulant de l'outil de forme personnalisée) et remplissez-les de noir. Ajoutez d'autres formes, mais utilisez # ec4296 et # ffef50. Ensuite, passez à Illustrator et dissociez la forme du nuage (de la Le vecteur iStock s'épanouit), puis remplissez avec du blanc et Coller en tant qu’objet dynamique. Dupliquer, retourner horizontalement, puis empiler les calques de forme comme indiqué.
Ouvrez "Moon.jpg" à partir du dossier "source" et faites glisser une sélection à l'aide de l'outil Ellipse de sélection (M). Ne vous inquiétez pas si vous ne sélectionnez pas la lune pour la première fois avec précision - utilisez la commande Sélection> Modifier> Développer ou Réduire en conséquence, ainsi que les touches de direction de votre clavier pour déplacer la sélection en place et copier..
Ajoutez un nouveau dossier intitulé "OBJECTS 1" au-dessus du dossier "SKY" et collez-y la sélection. Positionnez-le en haut à gauche, en saignant la toile et transformez-le comme indiqué. Changez maintenant le mode de fusion en Color Dodge.
Ouvrez le Montagne image et allez dans Filtre> Extraire (Option + Commande + X). Utilisez une petite brosse en vous rappelant d'utiliser l'option Mise en évidence intelligente sur toutes les zones bien définies pour les isoler du ciel..
Lorsque vous avez terminé, faites-le glisser dans votre fichier de travail en tant que nouveau calque au-dessus de la "Lune" et nommez-le "Montagnes". Transformez et positionnez comme indiqué - vous pouvez également supprimer temporairement l'opacité du dossier "VECTOR SHAPES" pour faciliter le positionnement..
Générez une sélection à partir du calque "Montagnes", puis ciblez le calque vecteur arc-en-ciel de gauche. Ensuite, allez à Calque> Masque de calque> Masquer la sélection.
Ajoutez un masque au calque "Montagnes", puis faites glisser un dégradé linéaire noir à blanc tout en maintenant la touche Maj enfoncée, depuis le bas de la zone de dessin. Maintenant, maintenez la touche Option enfoncée tout en sélectionnant un calque de réglage de niveaux. Dans la fenêtre suivante, cochez Utiliser le calque précédent pour créer un masque de découpage et entrez les paramètres indiqués..
Ouvrez le fichier "Telescope.jpg" du dossier "source" et isolez-le à l'aide de l'outil Plume (indiqué en magenta), sans oublier les sous-chemins internes. Vous n'avez pas à vous soucier d'être précis à 100% ici, car vous réduirez l'image à l'étape suivante..
Lorsque vous avez terminé, générez une sélection basée sur le chemin, Copiez> Coller en haut de la pile dans le dossier "OBJECTS 1" et nommez-le "Astronome". Transformez et positionnez en bas à gauche, puis clippez un réglage de niveaux comme indiqué..
Clip le Astéroïde image en utilisant l'outil Plume - en utilisant votre jugement autour des zones d'ombre, puis Copier dans le presse-papier.
Collez la sélection en tant que nouvelle couche en haut dans le dossier "OBJECTS 1" et nommez-la "Rock". Transformez et positionnez-le à la droite du genou du patineur, puis fixez un réglage des niveaux comme indiqué..
Ouvrez le fichier "UFO.psd" dans le dossier "source" et faites-le glisser comme nouveau calque dans le dossier "OBJECTS 1" et nommez-le "soucoupe volante". Transformez et positionnez-vous sur la lune, puis clippez un réglage de niveau comme indiqué..
Ouvrez le premier Oiseau, Ajoutez ensuite un nouveau calque pour effectuer des retouches. Saisissez l'outil Tampon de duplication et réglez-le sur Actuel et inférieur. Maintenant, utilisez un petit pinceau à bords doux pour éliminer l'objet dans la gueule de l'oiseau..
Une fois que vous avez terminé, aplatissez-vous, puis sélectionnez Sélection> Plage de couleurs et réglez le curseur Fuzziness sur environ 96..
Ensuite, sélectionnez Sélection> Affiner le bord (Option + Commande + R) et utilisez les paramètres indiqués..
Ajoutez un nouveau dossier intitulé "OBJECTS 2" au-dessus du dossier "SKATER", déposez l'oiseau dans un nouveau calque et nommez-le "Oiseau 1." Découpez un réglage des niveaux comme indiqué, puis utilisez l'outil de gravure (O), défini sur Tons moyens pour assombrir l'aile comme indiqué..
Dupliquer l'oiseau et son calque de réglage, puis retourner / transformer l'oiseau sur le tibia du patineur.
Ouvrir le second Oiseau et utilisez les mêmes techniques pour l'isoler. Ajoutez-le en tant que nouveau calque en haut de la pile dans le dossier "OBJECTS 2" et étiquetez-le "Bird 3". Maintenant, coupez un réglage des niveaux comme indiqué.
Isoler le Ballon en utilisant la technique avec laquelle vous êtes le plus à l'aise et déposez-la en haut dans le dossier "OBJECTS 2" et nommez-la "ballon". Transformez / positionnez en haut à droite, puis clippez un réglage de niveaux comme indiqué.
Ouvrez le premier Astronaute et tracez un chemin extérieur à l'aide de l'outil Plume (indiqué en magenta) et en omettant la sangle de la main gauche.
Maintenant, réglez votre stylo sur Soustraire de la zone du chemin pour créer le sous-chemin interne (à nouveau en magenta). Lorsque vous avez terminé, générez une sélection basée sur le chemin et copiez.
Collez le nouveau calque dans le dossier "OBJECTS 2", appelez-le "Astronaut 1" et Transform / position comme indiqué..
Définissez maintenant vos couleurs de premier plan / arrière-plan sur # ec4296 / # ffef50 et coupez un réglage de dégradé de couleurs dans le nouveau calque à l'aide du préréglage Premier plan / Arrière-plan. Adoucissez l'effet en définissant le mode de fusion du calque d'ajustement sur Couleur et en diminuant l'opacité à 50%..
Découper la seconde Astronaute et transformer / position comme indiqué, puis étiqueter en conséquence. Découpez maintenant le même ajustement de dégradé que l’étape précédente..
Rendons l'illustration avec des textures grungy; commencez par ajouter un nouveau dossier en haut de la pile de couches et nommez-le "GRUNGE". Ouvert IMG_4680.JPG du Markerboard textures et allez dans Image> Faire pivoter la toile> 90 degrés CW. Ensuite, appuyez sur Commande + I pour inverser.
Glissez / déposez la texture dans le nouveau dossier et nommez-le "Distress 1." Ensuite, transformer pour couvrir le fond et définir le mode de fusion sur Lumière douce et l'opacité sur 51%..
Ouvrez "IMG_4702.JPG" à partir du même dossier de texture et effectuez une nouvelle rotation de 90 degrés dans le sens anti-horaire. Ajoutez-le en tant que nouveau calque dans le même dossier, redimensionnez-le et nommez-le "Distress 2." Maintenant, changez son mode de fusion en lumière douce et diminuez l'opacité à 85%.
Ouvrez le dossier "Torn_paper.jpg" à partir de "source" et sélectionnez Tout> Copier. Dans votre fichier de travail, passez à la palette des canaux et ajoutez un nouveau canal en cliquant sur l'icône Créer un nouveau canal. Maintenant, collez la sélection dans le nouveau canal.
Cliquez sur le nouveau canal tout en maintenant la touche Commande enfoncée pour générer une sélection à partir des zones blanches, puis ciblez le canal composite RVB supérieur et revenez à la palette des calques. Ajoutez un nouveau calque supérieur dans le dossier "GRUNGE" et remplissez la sélection active avec # 9b9f91. Maintenant, réglez le mode de fusion à l’écran, l’opacité à 56% et nommez-le "Détresse 3."
Ajoutez un masque au dossier "GRUNGE" et utilisez un pinceau noir à bord doux pour masquer les zones intrusives..
<