Créer des effets de déplacement 3D

Aujourd’hui, je vous expliquerai le processus créatif d’application de superbes effets de déplacement en demi-teinte et de déplacement 3D. L'objectif principal de ce didacticiel est d'explorer le filtre de déplacement, souvent mal compris, de Photoshop et de comprendre comment il peut être utilisé pour recréer un style d'illustration populaire..


Atouts du tutoriel

Vous trouverez des fichiers dans le dossier "source". Vous aurez également besoin des images et des polices suivantes pour compléter ce didacticiel..

  • Texture Pack One
  • Texture pack deux
  • La version de taille moyenne de ce modèle
  • Paquet filaire
  • Police 3D brisée
  • LOT police

Une brève panne

Voici un résumé rapide de la création de l’image finale. Je commence généralement par superposer plusieurs textures avec différents modes de fusion pour produire un arrière-plan intéressant (A). L'étape suivante consiste à ajouter le point focal principal - dans ce cas, le modèle (B), puis à appliquer les effets de demi-teintes. J'ai ensuite utilisé des rendus 3D pour déplacer plusieurs calques de modèle en double, qui étaient également masqués pour créer les fragments abstraits (C et D)..


Faire vos propres pinceaux peut être à la fois amusant et enrichissant. Les pinceaux utilisés dans ce projet ont été créés en appliquant un aérosol de cellulose et de la peinture pour affiches à base d’eau sur du papier en cartouche. J'ai aussi expérimenté en utilisant la même technique sur du papier trempé dans de l'eau, ce qui donnait un intéressant effet de persillage..



Étape 1

Appuyez sur la touche D de votre clavier pour réinitialiser les couleurs d’avant-plan / d’arrière-plan en noir et blanc, puis appuyez sur X pour les permuter. Le noir devient alors la couleur d’arrière-plan. Créez une nouvelle toile RVB de 21 cm x 27,7 cm et choisissez Couleur de fond dans le menu déroulant Contenu du fond..



Étape 2

Tout d'abord, nous allons utiliser des textures pour créer l'arrière-plan. Ouvrez "colorfulgrunge5.jpg" dans ce pack de textures, puis choisissez Image> Rotation de l'image> 90 degrés dans le sens anti-horaire. Placez en tant que nouveau calque, puis appuyez sur Cmd / Ctrl + T pour accéder à Transformer et agrandir pour remplir le fond. Nommez ce calque "Texture 1".



Étape 3

Ajoutez "stainedpaper9.jpg" de ce pack de textures en tant que autre calque. Agrandir, changez le mode de fusion pour multiplier et étiquetez-le "Texture 2".



Étape 4

Placez "colorfulgrunge7.jpg" du premier pack de textures en tant que nouveau calque. Agrandir, changer le mode de fusion pour multiplier à nouveau et étiqueter "Texture 3".



Étape 5

Ajoutez "colorfulgrunge6.jpg", encore une fois avec un mode de fusion multiplié et nommez-le "Texture 4". Importez maintenant "stainedpaper1.jpg" à partir du deuxième pack de textures et appuyez sur Cmd / Ctrl + I pour inverser en négatif, puis réglez le mode de fusion sur Couleur et réduisez l'opacité à 15%. Nommez ce calque "Texture 5".



Étape 6

Choisissez Équilibrage des couleurs dans le menu Créer un nouveau calque de réglage au bas de l'onglet Calques (1). Dans la fenêtre suivante, cliquez sur l'icône représentant un double cercle pour la dissocier (pour affecter tous les calques) et copiez ces paramètres..



Étape 7

Ajoutez "colorfulgrunge3.jpg" à partir du premier pack de textures, en haut de la pile de calques, et agrandissez-la pour recouvrir votre toile. Changez le mode de fusion en superposition et nommez-le "Texture 6". Saisissez l’outil Dégradé (G) et choisissez l’option Préfigurer en avant-plan (blanc) et transparent, puis mettez en surbrillance le paramètre Radial dans la barre d’options. Maintenant, ajoutez un masque de calque et faites glisser une série de dégradés du centre vers l'extérieur (mon masque est affiché à droite)..



Étape 8

Placez un calque de réglage des niveaux non clippé en haut de la pile et définissez le curseur de sortie du point blanc sur 169 pour assombrir tous les calques..



Étape 9

Mettez en surbrillance la vignette de calque de réglage supérieure, puis maintenez la touche Maj enfoncée et mettez en surbrillance la première vignette de texture (cela met également en surbrillance les calques intermédiaires). Choisissez maintenant Nouveau groupe dans Calques dans le menu en haut à droite de l’onglet Calques. Dans la fenêtre suivante, entrez "TEXTURES" dans le champ Nom et cliquez sur OK..



Étape 10

L'étape suivante consiste à isoler le modèle de l'arrière-plan. Photoshop dispose de nombreux outils qui nous permettent d'y parvenir, mais dans ce cas, nous utilisons un canal ou un masque de densité..

Tout d'abord, choisissez Image> Rotation de l'image> Retourner le canevas horizontalement. Maintenant, allez dans Image> Calculs, dans la fenêtre suivante, copiez ces paramètres pour créer un canal composite contenant le plus de contraste entre le sujet et l'arrière-plan et cliquez sur OK..



Étape 11

Basculez sur l'onglet Canaux et vous verrez le nouveau canal ("Alpha 1") assis en bas. Ciblez-le, puis appuyez sur Cmd / Ctrl + L et appliquez le réglage Niveaux suivant pour augmenter le contraste..



Étape 12

L'idée est de créer une silhouette blanche du modèle, définissez donc l'outil d'esquive (O) sur: exposition: 50% / plage: met en surbrillance et utilisez un pinceau à bords légèrement plus doux pour blanchir les pixels du bord, comme indiqué en rouge..



Étape 13

Saisissez le pinceau (B) et utilisez un assortiment de pinceaux à bords durs de différentes tailles pour remplir de blanc toutes les zones grises restantes. Par défaut, le blanc agit en tant que zones sélectives. Cmd / Ctrl-cliquez sur "Alpha 1" pour créer une sélection, puis ciblez le canal composite RVB supérieur..



Étape 14

Passez à l'onglet Couches. 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 d'affichage, copiez ces paramètres, puis cliquez sur OK..



Étape 15

Vous verrez maintenant un nouveau calque masqué apparaître et la visibilité du calque d'origine désactivée. Activez la visibilité du calque d'origine et remplissez-le de noir. 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 masquer) avec un petit pinceau à bords doux 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..



Étape 16

Enfin, maintenez la touche Cmd / Ctrl enfoncée et cliquez sur votre calque supérieur pour le charger en tant que sélection, puis utilisez un petit pinceau noir à bords mous pour peindre les points saillants des cils du modèle..



Étape 17

Placez le modèle isolé en tant que nouvelle couche dans votre fichier de projet. Ajoutez une couche en dessous et remplissez de blanc. Ciblez la couche de modèle et appuyez sur Cmd / Ctrl + E pour fusionner vers le bas..



Étape 18

Sélectionnez Tout (Cmd / Ctrl + A) et Copier dans le Presse-papiers. Créez un nouveau document en mode Niveaux de gris et nommez-le "Displacement.psd".



Étape 19

Revisitez votre fichier de projet et cliquez de nouveau dans le panneau Historique lorsque vous avez ajouté le modèle en tant que nouvelle couche. Maintenant, revenez à votre nouveau fichier et aplatissez-le.



Étape 20

Allez dans Filtre> Flou> Flou gaussien et entrez 30 px.



Étape 21

Choisissez maintenant Image> Mode> Bitmap, assurez-vous que la sortie est définie sur 300 pixels / pouce, sélectionnez Écran demi-teinte dans le menu déroulant Utiliser et appuyez sur OK. Dans la fenêtre suivante, définissez la fréquence sur 15 lignes / pouce, l'angle à 45 degrés et le tour sous forme, puis appuyez à nouveau sur OK. Sélectionnez maintenant Image> Mode> Niveaux de gris, conservez le rapport de taille 1, cliquez sur OK et enregistrez-le (avec le suffixe .psd) dans un emplacement pratique..



Étape 22

De retour dans votre fichier de projet, nommez la couche de modèle "Modèle". Dupliquez-le et renommez "Modèle en demi-teinte".



Étape 23

Assurez-vous que la couche cible correspond au modèle en demi-teintes, puis sélectionnez Filtre> Déformer> Déplacez. Dans la fenêtre suivante, définissez les deux champs Echelle sur 10, sélectionnez les options Étirer pour ajuster et Répéter les pixels de contour, puis appuyez sur OK. Vous serez maintenant invité à localiser et à charger votre fichier "Displacement.psd"..



Étape 24

Au cours des étapes suivantes, nous utiliserons des fichiers source de tailles différentes avec le filtre de remplacement et modifierons radicalement les paramètres pour créer des effets 3D abstraits..

Caractère ouvert X à partir de cet alphabet et enregistrer sous un fichier .psd. Dupliquez à nouveau le calque "Modèle" d'origine et renommez-le "Modèle saccadé 1". Appuyez maintenant sur Alt + Cmd / Ctrl + F pour rouvrir la fenêtre de dialogue Remplacer, copiez ces paramètres et naviguez / sélectionnez le fichier .psd de votre personnage.



Étape 25

Répétez l'étape précédente en utilisant le caractère S et appliquez ces paramètres avec le filtre de remplacement sur un autre calque dupliqué intitulé "Model shatter 2".



Étape 26

Utilisez la même technique en utilisant le caractère Z en tant que carte de déplacement avec les paramètres suivants sur un duplicata final "Modèle" et nommez-le "Modèle éclaté 3".



Étape 27

Changez le mode de fusion du calque "Modèle" en superposition, puis déplacez-le dans la pile de calques située au-dessus de "Modèle éclaté 1"..

Ajoutez un masque au calque "Modèle demi-teinte". Chargez maintenant les pinceaux "PSDTUTS_grunge_brushes.abr" à partir du dossier "source" et utilisez-les de manière estampée afin que seules des arêtes sélectives restent autour du modèle. Lorsque vous peignez, ouvrez le panneau Pinceau (dans la barre d'options) et inversez / faites pivoter la forme de la pointe du pinceau pour éviter les contours répétitifs.>

Si vous supprimez plus que nécessaire, rétablissez les zones à l'aide d'un grunge blanc ou d'un pinceau de base. Mon masque est également affiché en bas du screengrab pour plus de clarté..



Étape 28

Maintenant masquez le calque "Modèle" avec une sélection de pinceaux grunge.



Étape 29

Continuez à masquer les calques de déplacement restants. Voici le masque pour le calque "Model shatter 1".



Étape 30

Le calque masqué "Model shatter 2".



Étape 31

Et enfin, le calque masqué "Model shatter 3".



Étape 32

À présent, dupliquez à nouveau le calque "Modèle" d'origine. Réinitialiser son mode de fusion sur Normal et modifier le masque pour révéler le visage du modèle.



Étape 33

Dupliquez le calque "Modèle en demi-teintes", changez le mode de fusion en Lumière douce. Maintenant, agrandissez le contenu du calque pour que les points s’étendent légèrement et modifiez son masque comme indiqué.



Étape 34

Pour augmenter le contraste du modèle, ajoutez un calque de réglage des niveaux à la "copie du modèle" et appliquez ces paramètres. Pour limiter (ajuster) l'ajustement au calque cible, cliquez sur l'icône représentant un double cercle..



Étape 35

Pour que votre fichier soit organisé, placez tous les modèles et brisez les calques dans un dossier appelé "MODEL". Ajoutez "Paint_1.png" en tant que nouveau calque au-dessus de votre dossier "TEXTURES", changez le mode de fusion pour le multiplier et nommez-le "Splat 1". Répétez en utilisant "Paint_2.png" et "Paint_3.png". Étiquetez ces calques en conséquence et positionnez-les autour du modèle.



Étape 36

Ajouter un personnage O À partir du lettrage 3D, téléchargez au-dessus de votre couche précédente. Réglez le mode de fusion sur Multiplier et étiquetez-le "3D 1". Transforme / positionne centralement derrière la tête du modèle, puis masque comme indiqué.



Étape 37

Dupliquez ce calque, renommez-le "3D 2" et positionnez-le en bas à droite. Changez maintenant le mode de fusion en lumière douce et ajustez son masque en conséquence.



Étape 38

Pour garder votre fichier de projet ordonné, ajoutez tous les calques flottants dans un dossier appelé "ELEMENTS 1". Ajoutez maintenant un masque au dossier "TEXTURES" et utilisez un assortiment de pinceaux grunge pour révéler les zones du calque noir "Arrière-plan"..



Étape 39

Placez "media-milia-wireframes-03.png" de ce pack en tant que nouveau calque en mode multiplication à une opacité de 50% au-dessus du dossier "MODEL". Transformez / positionnez à la base de votre toile pour couvrir le bras du modèle et nommez-le "Fil de fer 1".

Cmd / Ctrl-clic sur la miniature "Modèle en demi-teinte" pour créer une sélection basée sur un calque. Assurez-vous que votre "Fil de fer 1" est le calque cible, puis sélectionnez Calque> Masque de calque> Masquer la sélection. Désélectionnez et appliquez un dégradé linéaire blanc à angle transparent en bas à gauche, puis un dégradé radial noir à transparent sur l'épaule du modèle pour révéler le tracé..



Étape 40

Placez "media-milia-wireframes-12.png" dans le même pack, transformez / positionnez en bas à droite et nommez-le "Wireframe 2". Appuyez sur Cmd / Ctrl + I pour inverser le calque en négatif et définir le mode de fusion sur Lumière douce, tout en laissant l'opacité à 100%. Maintenant masquez avec une sélection de votre calque "Modèle demi-teinte".



Étape 41

Ajoutez "Paint_4.jpg" en haut de la pile de calques et faites pivoter, redimensionnez, positionnez-vous sur l'œil gauche du modèle et nommez-le "Splash des yeux". Changez son mode de fusion pour se multiplier et diminuez l'opacité d'environ 60 à 70% pour se fondre dans la peau du modèle. Utilisez maintenant une petite brosse douce à moyennement dure pour la masquer..



Étape 42

Les quelques étapes suivantes fonctionneront beaucoup mieux avec une tablette. Ajoutez une nouvelle couche supérieure appelée "Ligne 1". Saisissez un pinceau blanc de 7 px à bords durs et griffonnez le visage et les épaules du modèle. Essayez de suivre les contours naturels, mais ne vous inquiétez pas d'être trop précis, car beaucoup de choses seront cachées à l'étape suivante..



Étape 43

Changez le mode de fusion en Lumière douce pour réduire l'effet, puis utilisez un gros pinceau à bordure douce avec une opacité faible pour masquer, comme indiqué..



Étape 44

Ajoutez une autre couche et utilisez une pointe dure légèrement plus grande pour faire le point sur les principales caractéristiques du modèle. Nommez cette couche "Linework 2" et masque est tel que requis. Maintenant, placez ces deux couches avec celles sous-jacentes dans un dossier appelé "ELEMENTS 2".



Étape 45

Avant d'ajouter le texte et le logo, asseyez-vous et examinez votre composition, puis effectuez les derniers ajustements. J'ai utilisé une combinaison d'outil de correction (J) et d'outil de tampon de clonage (S) sur certains calques de déplacement pour supprimer les formes étranges qui recouvraient l'épaule du modèle. Ensuite, j'ai réduit l'opacité de certains calques de texture comme indiqué et finalement modifié quelques masques..



Étape 46

Prenez l'outil Texte (T) et ajoutez les lettres CRE en utilisant cette police. Ouvrez les panneaux Caractère et Paragraphe (dans la barre d'options), définissez la taille du point sur environ 89 et alignez-le à droite. Dupliquez le calque de texte, puis maintenez la touche Maj enfoncée, faites glisser le curseur et tapez les lettres. A MANGÉ.

Vous devez maintenant réduire manuellement l’espace entre les UNE et E. Pour ce faire, placez votre curseur de texte entre les deux caractères et définissez la valeur de crénage sur -100. Maintenant, placez les deux calques de texte dans un dossier intitulé "GRAPHICS".



Étape 47

Ouvrez le fichier "Logo.pdf" à partir du dossier "source" directement à partir de Photoshop ou via Illustrator, puis choisissez Copier> Coller en tant qu'objet dynamique et placez-le en bas à droite dans le même dossier..

Ajoutez un masque de dossier et séparez le texte avec un assortiment de brosses grunge. Maintenant, rétablissez le masque avec le blanc comme indiqué pour garder le logo intact.



Étape 48

Pour atténuer la couleur générale, ajoutez un calque de réglage de la teinte / saturation non coupé en haut de la pile et réglez le curseur Saturation sur -36..



Étape 49

Créez une sélection basée sur le calque à partir du logo et remplissez-la de noir sur le masque de réglage. Enfin, peignez avec un pinceau doux dans une sélection créée à partir du calque "Modèle" afin de ramener l'intensité de la couleur des yeux et des lèvres.



Conclusion et portée

Comme vous l'avez découvert, le filtre de remplacement peut être amusant à utiliser et produire des résultats fantastiques. Il est bon de rappeler que le filtre Displace fonctionne en alignant les bords supérieurs gauche sur le calque cible et le fichier de déplacement. Par conséquent, pour des résultats prévisibles, fusionnez toujours le calque cible ou rognez votre image afin que les deux fichiers partagent les mêmes dimensions en pixels..

Des accidents peuvent survenir en utilisant des cartes de déplacement de différentes dimensions dans votre fichier cible et en expérimentant également les paramètres de la fenêtre de filtre..