Share
Mes clients me demandent souvent de créer des scénarios impossibles, des paysages étranges et des images surréalistes pour leurs projets; des images qui ne seraient pas possibles dans la vie réelle. C'est dans de telles situations que la manipulation de photos devient un puissant outil de conception. Dans le tutoriel d'aujourd'hui, je vais vous montrer comment concevoir une jaquette de CD à l'aide de plusieurs techniques de manipulation de photos, comment garder les couches de texte critiques modifiables pour toute modification future et comment rendre une maquette rapide à l'aide du filtre Point de fuite. Commençons!
Pour gagner du temps, vous pouvez télécharger toutes les images suivantes avant de commencer..
Cette fois, nous allons créer une manipulation de photos inspirée du poème classique d’Edgar Allan Poe, "Le corbeau". Cela ne doit pas être interprété comme une représentation graphique du poème, mais simplement comme une adaptation tordue illustrant la solitude de l'homme qui a perdu sa bien-aimée Lenore. Imaginez ceci comme un projet de livre audio ou une couverture d'album d'un groupe de rock.
Commencez à créer le document; une couverture de CD standard est de 4,75 x 4,75 pouces. Créez donc un document dans ces dimensions. Si vous voulez réellement imprimer cela, vous devez travailler sur une résolution de 300 pixels ou plus par pouce, mais cette fois, je règle le document à 200 dpi en raison de la taille des photos..
Une fois que vous avez défini votre résolution d'image, affichez vos règles (Command + R) et ajoutez des repères aux bordures du document. Comme il s'agira d'un dessin imprimé, vous devez ajouter une marge de sécurité. Allez à Image> Taille du canevas et changez la dimension à 4,85 x 4,85 pouces Ancre: Centre.
Le poème entier se déroule dans la salle du narrateur, ouvrez l'image "Salle vide" dans Photoshop et enregistrez-la sous un nom descriptif tel que "Room.psd". Cette image est large et notre conception devrait être un carré parfait. Nous devrons l'étirer sans le déformer. C’est assez simple, commencez par dessiner un Guide en essayant de délimiter un carré à gauche, puis en utilisant l’Outil de sélection de rectangle de sélection rectangulaire (M), sélectionnez le côté droit de l’image, copiez-le et collez-le en le faisant correspondre au côté droit du segment. le guide. Puis utilisez le contrôle de transformation libre (V) et maintenez la touche Commande (Ctrl) enfoncée pour déformer la zone collée et faire correspondre les lignes de mur horizontales de la pièce..
Afin de rendre la réduction aussi polie que possible, ajustez les niveaux de "Couche 2" comme indiqué dans l'image ci-dessous. Je l'ai fait en 2 tours mais vous pouvez essayer de le faire en un seul. Ajoutez ensuite un masque de calque> Masquer tout et remplissez le masque avec un dégradé horizontal (blanc - noir). Cette étape rendra la réduction presque parfaite.
Dans le fichier "Room.psd" à l’aide de l’outil Rectangle de sélection (M), sélectionnez le côté droit de l’image et appuyez sur Commande (Ctrl) + Maj + C pour copier toutes les couches de la sélection (ceci afin d’éviter l’aplatissement l'image et vous aide à garder cette partie du travail modifiable pour d'autres modifications au cas où). Ensuite, collez-le dans le document principal dans un nouveau calque nommé "Room".
Il est maintenant temps d'ajouter l'un des personnages principaux, le gars. Pour cela, saisissez l'image du gars assis et ouvrez-la dans Photoshop, puis utilisez une technique quelconque pour sélectionner la forme du gars (j'utilise l'outil Lasso polygonal). Copiez la sélection et collez-la dans le document principal. Cliquez ensuite sur Edition> Transformation> Retourner horizontalement pour l’adapter à l’éclairage de la scène. Ceci est très important car, trop souvent, vous n’avez pas assez d’argent pour prendre vos propres photos, vous devez utiliser des actions et choisir la bonne image n’est pas facile. Utilisez l'outil de transformation gratuite pour réduire la taille du gars. Nommez la couche "Guy".
Puisque je ne veux pas d’une scène 100% réaliste, mais dramatique; nous ajouterons plusieurs niveaux d'ombres, le premier étant l'ombre de la pièce. Créez un nouveau calque nommé "Room Shadow"; en utilisant un gros pinceau souple (Couleur: # 151610, Taille: 300px Opacité et Flux 50%), peignez tout le côté droit de la scène, puis réglez le mode de fusion sur Multiplier et son opacité à 75%.
Ouvrez l'image du tabouret, sélectionnez sa forme et collez-la dans le document principal; nommez cette couche "chaise". Encore une fois, vous devez le retourner horizontalement afin de faire correspondre les lumières.
Saisissez l'outil Graver, sélectionnez "Mec" et gravez tout son côté droit pour augmenter l'intensité des ombres. Ensuite, saisissez l'outil Éponge par défaut et désaturez les zones les plus claires. Faites de même avec le calque "Chair".
Ouvrez l'image "Crow1" à partir des ressources et sélectionnez sa forme en utilisant n'importe quelle technique (je l'ai fait avec l'outil Lasso polygonal), copiez-la et collez-la dans un calque nommé "Raven". Retournez-le horizontalement et redimensionnez-le un peu, rendez le corbeau plus gros que le gars. Placez-le à côté de la porte de la chambre.
Ajoutez ensuite un masque de calque au calque "Raven" à l'aide de l'outil Rectangle de sélection. Pour ce faire, tracez un rectangle sur la forme de la porte et remplissez la zone de noir. De cette façon, nous allons créer l'illusion d'un corbeau entrant dans la porte sans détruire l'image..
Ouvrez le fichier "Pile of Books", sélectionnez la forme et collez-la dans un nouveau calque nommé "Books", redimensionnez-la et placez-la juste au-dessus du calque "Chair", puis gravez son côté droit..
Notre corbeau est très joli, mais ce n'est pas tout à fait correct. Pour résoudre ce problème, nous devrons le manipuler un peu en lui donnant une nouvelle tête. Ouvrez l'image "Crow 2" à partir des ressources et sélectionnez uniquement sa tête. Collez-le, retournez-le et redimensionnez-le dans un nouveau calque nommé "Tête" au-dessus du "calque Crow", puis utilisez la même technique que celle présentée à l'étape 3 de ce didacticiel. Fusionnez la tête avec le corps. mais au lieu d'utiliser un dégradé, utilisez un pinceau noir. Si nécessaire, supprimez certaines zones de la tête du calque "Crow".
Etant donné que les ailes de l'oiseau font souffler l'air, nous allons ajouter un livre ouvert à cause de la brise. Ouvrez l'image "Ouvrir le livre" à partir des ressources, extrayez uniquement le premier livre ouvert et collez-la dans un nouveau calque du document principal intitulé "Ouvrir le livre". Enfin, ajoutez autant de livres que vous le souhaitez. Rappelez-vous toujours de graver le bon côté d'eux.
Dupliquez le calque "Raven" à l’aide de l’outil Transformation libre pour le déformer; en le rendant plus large. Ensuite, dans Teinte / Saturation (Commande (Ctrl) + U), diminuez la valeur de Luminosité à -100. Allez dans Filtre> Flou> Flou gaussien, rayon 8px pour estomper l'ombre et réduire l'opacité du calque à 50%.
Nous allons appliquer cette technique sur presque tous les objets de la scène, c'est assez facile. Créez un calque derrière l'objet associé, dans ce cas, le calque "Raven" et nommez-le "Raven Shadow" (comme nous l'avions déjà fait à l'étape précédente), puis utilisez un gros pinceau sombre et doux (# 110C06) pour peindre une ombre. Créez ensuite un nouveau calque nommé "Front Shadow" et peignez les ombres sur l'objet associé, dans ce cas le corbeau. Puis, en utilisant un gros et doux Eraser (E) Opacity and Flow 50%, supprimez certaines zones de l’ombre avant où vous pensez qu’il devrait y avoir plus de lumière. Essayez de regrouper les calques d'ombre et l'objet principal dans un dossier afin de garder les calques organisés.
Répétez la technique d'ombre précédente, mais cette fois avec le calque "Ouvrir un livre". Si vous le souhaitez, vous pouvez utiliser l'outil Smudge sur le calque d'ombre pour mieux le fusionner avec l'arrière-plan..
Tout comme pour le calque "Raven" de l'étape 14, dupliquez le calque "Guy", réduisez sa légèreté et son opacité, puis peignez les ombres avant et arrière et veillez à prendre un soin particulier à l'ombre sous ses baskets..
En utilisant la même technique, peignez les ombres du calque "Chaise" et des livres supplémentaires au sol. Ne tentez pas une fois encore de créer un résultat réaliste, mais dramatique. N'hésitez donc pas à ajouter autant d'ombres que vous le souhaitez. mais essayez toujours de ne pas rendre l'image trop sombre.
En utilisant un pinceau sombre plus grand (n ° 110C06), peignez tout le pourtour de la pièce en un nouveau calque nommé "Ombres avant" quelque part au-dessus du calque "Pièce". Enfin réduire son opacité à 50%.
Ce mec est vraiment obsédé par son amour perdu Lenore, comment pouvez-vous représenter un tel sentiment dans une image muette? C'est assez difficile n'est-ce pas? C'est pourquoi j'ai décidé d'ajouter le mot "Lenore" peint plusieurs fois au mur. Pour cela, créez un nouveau document (n'importe quelle taille, avec un fond gris neutre (# A0A0A0) et utilisez des polices dessinées à la main (vous pouvez trouver plusieurs polices gratuites sur dafont.com) et écrivez le mot "Lenore" partout. Puis appuyez sur Commande (Ctrl) + A pour tout sélectionner et sur Commande (Ctrl) + Maj + C pour copier une version aplatie de l'image.
Créez un nouveau calque nommé "Mots du mur" au-dessus des calques "Salle" ou du dossier "Salle". Ensuite, allez dans Filtre> Point de fuite. Sur la fenêtre du point de fuite, tracez les plans nécessaires pour placer les mots au mur. Si vous n'êtes pas familier avec le filtre de point de fuite, vous devriez peut-être lire d'abord les commandes suivantes: Utilisation du filtre de point de fuite pour maquiller une carte de visite ou créer une maquette impressionnante d'une boîte de texte grunge.
Une fois que vous avez créé les plans, collez le presse-papiers à cet endroit, faites-le glisser et redimensionnez-le jusqu'à ce que vous ayez une belle apparence. Ce n'est pas un processus facile, alors n'hésitez pas à essayer autant de fois que nécessaire avant de poursuivre..
Une fois que vous avez placé le texte de manière appropriée, changez le mode de fusion du calque "Mots du mur" en Superposition.
Conseil: Windows 7 et le filtre de point de fuite ne fonctionnent pas correctement. Pour une raison quelconque, Aero de Windows est en conflit avec le moteur de point de fuite. Par conséquent, si vous utilisez W7 et que votre système tombe en panne soudainement, essayez de changer l'apparence du bureau sur "Windows 7 Basic".
À l'aide de l'outil Lasso polygonal, sélectionnez les zones sans murs (porte et fenêtre) avec le calque "Mots muraux" sélectionné, puis supprimez la sélection. Puis changez son opacité à 50%.
Puisque notre corbeau vole, nous devrons ajouter un effet de mouvement, c'est assez facile. Dupliquez le calque "Raven" et placez-le au-dessus de l'original. Allez dans Filtre> Flou> Flou de mouvement, définissez Angle: 0º et Distance 20px et cliquez sur OK, puis avec l'outil Gomme ou en utilisant un masque de calque, supprimez certaines parties du calque de flou comme indiqué dans les images ci-dessous..
Prenez le morceau de papier des ressources, extrayez-le du fond blanc et collez-le dans un nouveau calque au-dessus de tous les autres de notre document principal. À l'aide de l'outil Warp (Édition> Transformation> Warp), déformez le morceau de papier comme indiqué dans l'image ci-dessous. Répétez cette étape autant de fois que vous le souhaitez avec différents papiers volants. Les mettre tous dans un dossier.
Fusionner le dossier de papier volant et désaturer le calque résultant. Utilisation de l'outil Graver pour assombrir les ombres sur le papier lui-même. Ensuite, en utilisant notre même technique d’ombre, ajoutez deux calques d’ombre, un sur le devant et l’autre sur le dos, peignez des ombres à l’aide d’un pinceau foncé. Enfin, vous pouvez répéter le processus de l'étape 22 afin d'ajouter un effet de flou de mouvement..
Placez tous les calques dans un dossier nommé "Art".
A l'aide du caractère "Trajan", ajoutez le titre de la couverture, placez tous les calques de titre dans un dossier et nommez-le "Titre", puis cliquez avec le bouton droit de la souris sur la miniature du calque et sélectionnez Convertir en objet intelligent. Cliquez ensuite sur l'objet intelligent et accédez à 3D> Nouvelle carte postale 3D à partir du calque, puis l'objet intelligent "Titre" se transformera en un calque 3D avec tout le texte toujours modifiable. Ainsi, quel que soit le nombre de modifications apportées à la perspective, à la rotation et à la profondeur, vous pouvez toujours modifier le texte à tout moment..
Ajoutez un effet Bevel and Emboss et un dégradé au calque 3D, comme indiqué dans le bas de l'image ci-dessous. Ne vous inquiétez pas trop de la position de la lumière et de l'ombre pour le moment; nous allons travailler à la prochaine étape.
Utilisation de l'outil de transformation 3D Faire pivoter, déplacer et faire glisser le calque pour l'adapter à la perspective du mur. Une fois que vous avez placé le calque de manière appropriée, ajoutez le style Ombre portée en définissant un angle de lumière de 30% et une grande distance entre ombre et texte (32 pixels dans cet exemple)..
Souvent, les clients changent d'avis au milieu du projet, c'est pourquoi il est vraiment important de garder vos couches modifiables tout le temps. Dans cet exemple, nous allons ajouter quelques mots manquants au titre: le nom de l'auteur. Pour cela, vous devez creuser les documents imbriqués dans les objets. Commencez par double-cliquer sur la texture diffuse du calque 3D (texture "Titre"), un nouveau fichier nommé "Titre.psd". Dans ce nouveau document, Recherchez le calque d'objet dynamique, double-cliquez dessus et vous verrez enfin les calques de texte dans un document nommé "Title2.psd". Vous pourrez ainsi agrandir la taille du canevas et ajouter la troisième ligne de texte. Pour valider les modifications, vous devez enregistrer chaque document à l'envers, d'abord "Text2.psd" puis "Text.psd", puis votre calque 3D sera mis à jour sur le document principal..
Comme détail dégoûtant, nous allons ajouter du bruit au composite. Appuyez sur D sur votre clavier pour charger les couleurs par défaut, créez un nouveau calque nommé "Bruit" au-dessus de l'objet "Texte", puis sélectionnez Filtre> Rendre les nuages. Ensuite, allez à Filtre> Bruit> Ajouter du bruit (définissez les valeurs indiquées ci-dessous). Enfin, modifiez le mode de fusion du calque en superposition et l'opacité à 35%.
À ce stade, vous saurez si le dessin est trop sombre ou trop clair, c'est pourquoi nous devrons ajouter un calque de réglage des niveaux pour éclaircir l'image. Maintenant, sélectionnez Tout (Commande (Ctrl) + A) et Commande (Ctrl) + Maj + C pour aplatir et copier le motif..
Parfois, les clients veulent voir un exemple réel de leur produit. Il est très difficile d’envoyer une version imprimée d’un fichier de couverture, en particulier si vos clients sont loin de vous mais que vous pouvez leur envoyer une photo. Cette fois, nous allons simuler notre pochette dans un boîtier de CD. Ouvrez l’image "Boîtier CD" dans un nouveau document nommé "mockup.psd" et créez un nouveau calque au-dessus du calque aplati. Sélectionnez le nouveau calque et allez dans Filtre> Point de fuite, puis peignez un plan correspondant à la forme du cas et collez le presse-papiers à cet endroit..
Puisque la pochette est située derrière le boîtier en plastique du CD, nous devrons supprimer certaines zones de la couche de pochette. Pour cela, ajoutez-y un masque de calque et à l'aide de l'outil Lasso polygonal, sélectionnez les minuscules encoches du cache en plastique, puis remplissez la sélection de noir sur le masque de calque. Vous pouvez réduire l'opacité de l'art caché pour voir les encoches.
Ensuite, à l'aide de l'outil Lasso polygonal, sélectionnez à nouveau un demi-cercle de l'encoche sur lequel le papier sera clairement visible et remplissez-le de noir ou de gris..
Nous allons utiliser une superposition de dégradé sur le calque de l’illustration pour créer l’effet «plastique brillant». C’est assez simple, il suffit d’ajouter plusieurs transitions noir-blanc sur l’effet et de changer son mode de fusion sur l’écran et son opacité en dessous de 20%. De plus, j'ajoute une ombre intérieure pour améliorer la perception de la profondeur.
Pour terminer, j'ajoute le calque "Texture du papier" des ressources dans un nouveau calque derrière le calque "CD". Changer le mode de fusion du calque "CD" pour le multiplier fonctionne parfaitement dans ce cas. Ensuite, pour jouer avec le calque de texture, j'ai ajouté un calque foncé (# 36312D) de couleur unie derrière la texture. De plus, j'ai augmenté les niveaux sombres de la texture en ajoutant un masque de calque rempli d'un dégradé radial blanc-noir. créer une vignette sombre de cette façon.
S'il vous plaît jeter un oeil à la version finale de notre art de couverture.
Accentsconagua