Share
Ce didacticiel mettra l'accent sur l'efficacité et la flexibilité de votre flux de travail. Lorsque vous travaillez en tant que designer ou artiste dans un contexte commercial, vous devez non seulement faire preuve de créativité, mais vous devez également être capable de créer des fichiers vous permettant de revenir en arrière et d'apporter facilement des modifications. Apprenez à améliorer le flux de travail de Photoshop tout en reconstruisant une couverture de magazine composée de flèches et de lignes.
Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus.
Très probablement, vous suivrez les instructions de quelqu'un lorsque vous travaillerez de manière professionnelle et vous ne saurez jamais ce que ce client ou ce directeur artistique va demander. Lorsqu'ils vous lancent une balle courbe, vous ne voulez pas avoir à revenir en arrière et tout refaire car vous n'avez pas construit votre fichier de manière ordonnée. Vous devez faire les choses de la manière la plus efficace possible. Vous devrez également sortir des sentiers battus pour résoudre les problèmes rapidement.
Nous allons recréer une vieille couverture de magazine qui, à première vue, n’est pas trop difficile à faire, mais si vous commettez l’erreur de commencer avant de planifier, vous finirez rapidement par une impasse. doivent recommencer.
Jetons un coup d'oeil à l'illustration que nous allons recréer. Vous le voyez ici. Il est tiré de la couverture du magazine Juana Gaita, qui célèbre actuellement son 50ème anniversaire.
Alors, quelles étapes envisagez-vous de devoir recréer cela? Je peux vous dire maintenant que vous ne pourrez pas penser à tout. Vous devez toujours traiter de petits détails au fur et à mesure, mais faisons de notre mieux. Voici quelques détails que je peux prévoir avoir à traiter:
Maintenant, avec les observations ci-dessus, nous pouvons trouver un moyen rapide et rationnel de créer ce modèle. Commençons par les lignes. Créer un nouveau document qui est environ 2000px par 1300px. Dans les préférences, accédez à la section Guides, Grille, Tranches et Nombre. Ensuite, réglez votre grille à toutes les 80px avec 8 subdivisions..
Allumez maintenant votre grille en allant dans Affichage> Afficher> Grille (Commande + '). Puis sélectionnez l'outil Rectangle (U), assurez-vous que l'option Créer des chemins est cochée dans la barre de propriétés. Tracez un tracé rectangle correspondant à la largeur d’une des subdivisions de la grille. Maintenant, appuyez sur Command + T et transformez le chemin afin qu'il ait la même largeur, mais étendez la hauteur bien au-delà de la hauteur de la toile..
Alignez votre chemin afin qu’il se trouve à côté d’une des lignes principales de la grille. Assurez-vous que l'option Aligner sur la grille est activée dans le menu Afficher pour qu'elle soit exacte. Maintenant, avec l'outil Plume (P), maintenez la commande enfoncée tout autour du chemin. Appuyez ensuite sur Commande + C pour copier, Commande + V pour coller, puis sur Commande + T pour transformer. Puis déplacez le nouveau sur la prochaine ligne de la grille principale. Répétez l'opération jusqu'à ce que vous obteniez quelque chose qui ressemble à l'image ci-dessous. Lorsque vous atteignez le bord du canevas, sélectionnez tous les chemins et déplacez-les vers la gauche, en veillant à les aligner sur la grille, puis continuez..
Maintenant, sélectionnez tous les chemins avec l'outil Plume et appuyez sur Commande + T. Dans la barre de propriétés, entrez 45 dans la case Angle et appuyez sur Entrée. Créez maintenant un nouveau calque de réglage de la couleur unie avec les tracés et remplissez-le de noir. Dupliquez ce calque, puis appuyez sur Command + T. Cliquez ensuite avec le bouton droit de la souris dans la zone de transformation et sélectionnez Retourner horizontalement. Maintenant, nous avons nos deux ensembles de lignes perpendiculaires.
Remarque: La raison pour laquelle nous avons créé les lignes en noir et non la couleur que nous souhaitons réellement, c'est parce que nous construisons actuellement un masque que nous utiliserons plus tard pour créer la couleur. C'est à cause de ce que j'ai remarqué dans l'observation numéro trois où les couleurs sont inversées. Cela fera plus de sens plus tard, mais sachez que nous construisons un masque.
Zoomez afin de voir les pixels où les lignes se croisent. Créez un guide en cliquant sur la règle située en haut de votre document et en la faisant glisser. Si vous ne voyez pas de règle, appuyez sur Commande + R et elle apparaîtra. Alignez le guide afin qu’il se trouve exactement à l’endroit où les lignes se croisent. Maintenant, zoomez un peu. Ensuite, créez un autre guide au même endroit, ne le déplacez que de quatre cases. Assurez-vous que chaque guide se trouve à peu près au même endroit. Ce sera important de garder les choses alignées plus tard.
Maintenant, organisons un peu notre palette de calques en séparant les deux calques "Ligne" dans leurs propres groupes. Sélectionnez l'un des calques "Ligne". Ensuite, allez à Calque> Nouveau> Groupe de calques. Faire la même chose pour l'autre.
Nous ne voulons pas que l’espace négatif de chacun de ces groupes soit transparent. Créez donc un nouveau calque de réglage des couleurs unies et remplissez-le de blanc. Dupliquez ce calque blanc et placez l'un d'eux dans chaque groupe juste sous le calque "Ligne". Maintenant, vous ne devriez voir qu'un seul ensemble de lignes à la fois.
Nous sommes maintenant tous configurés pour créer le motif en zigzag avec les lignes. Sélectionnez l'outil Rectangle (U) et créez un chemin rectangle qui suit les guides que vous avez créés. Assurez-vous que Snap est activé. Maintenant que le chemin est mis en surbrillance dans la palette Chemins et que le groupe "Ligne" le plus haut est mis en surbrillance dans la palette des calques, sélectionnez Calque> Masque vectoriel> Chemin actuel. Si vos guides étaient alignés correctement, vous devriez obtenir une forme de zigzag parfaite.
Nous avons maintenant besoin d’un autre zigzag dans la moitié inférieure du document. Cliquez sur le masque vectoriel que vous avez sur le groupe supérieur. Avec l'outil Plume (P), maintenez la touche Commande enfoncée tout en faisant glisser le long du chemin, appuyez sur Commande + C pour copier, sur Commande + V pour coller, puis sur Commande + T pour transformer. Abaissez le nouveau chemin jusqu'à ce que le deuxième zigzag s'aligne parfaitement.
Vous devez également vous assurer que les deux chemins du masque vectoriel sont à égale distance. L'outil Règle (I) est utile ici et se cache sous l'outil Pipette (I). Avec la règle, cliquez simplement et faites glisser. La distance entre les deux points sera affichée dans la palette d'informations..
Nous sommes maintenant prêts à créer les barres horizontales. À ce stade, nous avons tout ce dont nous avons besoin pour les créer. Cliquez sur le masque de vecteur dans le groupe "Ligne" supérieur. Ensuite, dans la palette des chemins, faites glisser le chemin qui dit "Masque vectoriel du groupe 1" vers le bouton Nouveau chemin au bas de la palette..
Avec le nouveau chemin sélectionné dans la palette, créez un nouveau calque de réglage inversé au-dessus des deux groupes "Lignes". Il s’aligne parfaitement avec les zigzags car nous avons utilisé les mêmes chemins que nous avons utilisé pour faire les zigzags..
Faisons maintenant la forme de la flèche. Zoomez sur l'un des points de rencontre des lignes. Avec l'outil Crayon (P), cliquez avec le bouton droit de la souris sur le point de rencontre des lignes pour créer un nouveau chemin. Maintenant, tout en maintenant la touche Maj enfoncée pour contraindre le tracé, cliquez sur les différents points nécessaires pour créer la forme de la flèche..
Toutes les lignes doivent être parfaitement droites ou à un angle de 45 degrés, si vous maintenez la touche Maj enfoncée. Vous devrez sans doute revenir en arrière et ajuster certains points. Pour ce faire, appuyez simplement sur Commande + cliquez sur un point. Ensuite, utilisez les touches fléchées pour le déplacer. Voici quelques exemples de la façon dont ma flèche s’aligne. Je l'ai fait rouge juste pour que vous puissiez mieux le voir.
Avec le chemin de flèche sélectionné, créez un nouveau calque de réglage d'inversion au-dessus du précédent. Alignez la forme de la flèche à l’un des endroits qu’elle devrait être. Ce serait le bon moment de faire référence à l'original pour voir où vont les choses. Il devrait être assez facile de les aligner si vous avez configuré Snap. Continuez à dupliquer le calque "Inverser la flèche" et à placer les différentes flèches là où elles devraient être. Il y a total total, plus celui qui est un calque de réglage de la couleur unie.
Il reste encore un petit détail à corriger avant de pouvoir créer un masque avec cette œuvre d'art. Remarquez comment les lignes interfèrent avec le devant des flèches. Si vous examinez l'illustration d'origine, vous remarquerez qu'il n'y a pas de lignes à l'avant des flèches. C'est une reparation facile.
Ouvrez l'un des groupes "Ligne". Cliquez ensuite sur le calque "Ligne". Appuyez sur le bouton Ajouter un masque de calque et un masque apparaît à côté du masque vectoriel. Maintenant, avec le masque de calque en surbrillance, nous pouvons simplement peindre les lignes avec un pinceau noir là où nous ne les voulons pas. Répétez cette étape pour l'autre couche "Lignes".
Cette technique de double masque est un épargnant dans la vie réelle car nous n’avons pas à supprimer les lignes vectorielles. Cela signifie que toutes les informations vectorielles sont encore intactes au cas où nous aurions besoin de revenir en arrière et de changer quelque chose ultérieurement..
Nous sommes enfin prêts à ajouter de la couleur! Comme je l'ai déjà dit, nous allons utiliser ce que nous avons créé en tant que masque pour créer un calque de réglage des couleurs unies. Commencez par créer un calque de réglage de la couleur unie au-dessus de tous les autres calques, à l'exception de la flèche de couleur unie. Faites-en la couleur que vous voulez. Ce sera la première couleur de votre design.
Désactivez la flèche de couleur unie et le calque de couleur unie que vous venez de créer pour que vous puissiez voir le dessin ci-dessous. Ensuite, dans la palette des canaux, faites glisser le canal rouge sur le bouton Nouveau canal pour le dupliquer. Maintenant, chargez la sélection du canal en maintenant la touche Commande + en cliquant sur la vignette du canal. Créez un autre calque de réglage des couleurs unies juste au-dessus du précédent. Ensuite, choisissez votre deuxième couleur, de préférence une couleur complémentaire à votre première couleur. Allumez toutes les couches et votre design est en couleur.
Pour terminer, j'ai ajouté un calque de texture. Vous pouvez voir comment faire dans le tutoriel sur les affiches psychédéliques des années 60.
Nous avons maintenant un fichier PSD relativement simple compte tenu de la complexité de la conception. La partie la plus importante de la construction de ce fichier est que nous pouvons revenir très facilement à l’une des étapes ci-dessus. J'espère que ce tutoriel a permis de mieux comprendre comment un flux de travail professionnel est réalisé dans Photoshop..
Accentsconagua