Créer un cordon téléphonique en spirale à partir de zéro avec Photoshop

Avec les bons outils, Photoshop peut faciliter toutes les tâches. Le didacticiel d’aujourd’hui vous montrera comment créer à partir de rien une scène de téléphone encore à l’aide de l’outil de maculage. Commençons!


Étape 1

Créez un nouveau document (2100 px x 1300 px) et ajoutez un dégradé comme indiqué. Créez ensuite un nouveau calque appelé "Esquisse" et tracez une scène de téléphone simple. Il est important de tracer le chemin de la corde à ressort, car nous nous en servirons comme guide dans la prochaine étape..


Étape 2

La première chose que nous allons créer est le cordon à ressort pour le téléphone. Pour ce faire, nous utiliserons une technique impliquant l'outil Smudge. Pour commencer, utilisez l'outil Plume (P) pour créer un tracé en spirale, en vous servant de l'esquisse. Etant donné que nous ne faisons que créer un chemin, le calque sélectionné importe peu. Comme vous pouvez le constater, dessiner un chemin aussi complexe sans guides peut facilement produire des résultats irréalistes. Remarque: si votre chemin sort de l'écran, cela peut ruiner l'effet. Il est préférable de créer un chemin complètement dans le canevas, puis de le déplacer à l'emplacement souhaité après l'étape 5..


Étape 3

Pour que ce prochain effet fonctionne correctement, nous devons déplacer le chemin afin qu’il soit complètement dans le canevas..

Maintenant, avant de créer le cordon réel, nous allons créer un cordon de test pour que nous puissions voir comment cette technique fonctionne: Créez un nouveau groupe appelé "Cordon à ressort" avec un calque appelé "Test de couleur". Sur ce calque, créez un bloc et colorez-le comme indiqué. Faire pivoter et positionner la boîte de sorte qu'elle se trouve au-dessus du point final, perpendiculairement à la trajectoire.


Étape 4

Créez un nouveau calque appelé "Test du cordon" et sélectionnez l'outil Smudge avec les paramètres indiqués ci-dessous. Maintenant, allez dans le panneau des chemins et sélectionnez le chemin que nous avons créé à l'étape 2. Cliquez avec le bouton droit de la souris et sélectionnez Chemin du contour à l'aide de l'outil Smudge. Comme vous pouvez le constater, les couleurs de la zone semblent être "extrudées" le long du tracé. Nous pouvons maintenant utiliser ce test de couleur pour nous aider à créer le cordon.


Étape 5

Sur un nouveau calque appelé "Shade Box", créez un nouveau bloc (comme nous l'avons fait avec le test de couleur) et remplissez-le d'un gris clair. Maintenant que nous savons comment les couleurs de la boîte sont traduites le long du chemin, nous pouvons utiliser les outils de gravure et de gravure pour ajouter des ombres à la boîte grise (n'hésitez pas à expérimenter différentes nuances). Créez maintenant un nouveau calque appelé "Cordon" et, à l'aide du panneau des chemins, ajoutez un chemin de trait, comme à l'étape 4. Le résultat est similaire à un effet d'extrusion de rail vu dans un logiciel 3D..

Maintenant, déplacez ce cordon pour le positionner selon notre croquis.


Étape 6

Nous avons maintenant le cordon à ressort pour notre téléphone, mais il semble un peu plat. Pour résoudre ce problème, faites une copie (Cmd / Ctrl + J) de ce calque et appliquez le filtre Filtre> Artistique> Habillage plastique. Le filtre peut produire certaines zones avec des résultats indésirables. utilisez simplement l'outil Gomme (E) pour les faire disparaître. Lorsque vous avez terminé, fusionnez ces deux couches.


Étape 7

Après avoir sélectionné le calque "Cordon" fusionné, ajoutez un nouveau calque de réglage de teinte / saturation et effectuez les réglages comme indiqué. Clipsez (Alt + Clic) ce calque sur le calque "Cordon".


Étape 8

Sur un nouveau calque, utilisez un petit pinceau blanc pour ajouter des points au sommet de chaque bobine. Utilisez l'outil de maculage avec les paramètres indiqués pour maculer chaque point afin de ressembler à des points saillants. Nous avons fini avec le cordon. Cette technique peut être utilisée pour beaucoup de choses, en particulier pour la typographie créative.


Étape 9

Ensuite, nous allons passer au récepteur du téléphone, pour commencer, créer une hiérarchie de groupes / couches comme indiqué. Utilisez l'outil Plume pour dessiner la forme de l'embout buccal, avec votre croquis comme guide..


Étape 10

Sur le calque "Embout buccal", sélectionnez le chemin de l’embout buccal (dans le panneau Chemins) et remplissez-le de gris foncé. Nous pouvons maintenant esquiver et graver cette couche pour ajouter une perspective 3D, mais nous utiliserons plutôt une autre méthode. Commencez par ajouter un biseau et un estampage à cette couche. Ensuite, faites une copie (Cmd / Ctrl + J) du calque "Pièce de bouche" et diminuez la quantité de biseau et d’estampage. Lorsque vous avez terminé, déplacez le calque pour le décaler légèrement.


Étape 11

Nous souhaitons maintenant fusionner les styles de calque avec leurs calques respectifs. Pour ce faire, cliquez avec le bouton droit de la souris sur "Effets" de chaque calque et sélectionnez "Créer des calques" dans le menu déroulant pour convertir les styles de calque en leurs propres calques. Maintenant, fusionnez les effets séparés avec leurs calques d'origine.


Étape 12

Maintenant, nous pouvons attacher (Alt + Clic) le calque "Copier le morceau de bouche" à celui en dessous. Ajoutez un masque de calque pour masquer les bords visibles créés par les deux calques qui se chevauchent afin qu'il apparaisse comme une pièce solide..


Étape 13

Créez un nouveau calque et ajoutez un dégradé de noir à blanc. Définissez le mode de fusion sur Superposition et l'opacité sur 20%. Fixez ce calque sur le calque "Pièce de bouche".


Étape 14

Créez un nouveau calque appelé "Bruit" et remplissez-le de blanc. Allez dans Filtre> Bruit> Ajouter du bruit et utilisez les paramètres suivants. Définissez le mode de fusion sur Superposition et l'opacité sur 5%. Fixez ce calque sur le calque "Pièce de bouche".


Étape 15

Créez un nouveau calque appelé "Indent". Utilisez l’outil elliptique pour créer un cercle et remplissez-le d’un gris foncé. Transformez (Cmd / Ctrl + T) cette couche pour qu'elle corresponde à la perspective de l'embout buccal. Pour créer l’effet d’indentation de l’embout buccal, ajoutez les styles de calque suivants au calque "Indent"..


Étape 16

Sur un nouveau calque appelé "Surbrillance", utilisez l'outil Rectangle de sélection pour créer une forme similaire à celle illustrée ci-dessous et remplissez-la de blanc. Édition> Transformer> Déformez ce calque pour qu'il suive l'effet d'indentation. Découpez-le dans le calque "Indent", donnez à ce calque un flou gaussien de 9,0 px et réglez son opacité à 4%. Ajouter une couche de bruit comme à l'étape 14.


Étape 17

Pour créer les trous pour le récepteur, ajoutez un nouveau calque appelé "Trous" et utilisez un pinceau noir pour ajouter des points de tailles variables dans un motif en grille. Il peut être utile de créer une grille de modèle pour vous guider. Déformez les points comme nous l'avons fait avec le calque "Rehauts" et ajoutez les styles de calque suivants pour donner de la profondeur aux trous.


Étape 18

Il est maintenant temps de passer au reste du téléphone. Créez un calque appelé "Corps" dans le groupe "Corps" et utilisez l'outil Crayon (P) pour dessiner la forme du reste du téléphone. Remplissez cette forme avec un gris foncé.


Étape 19

Étant donné que la plupart de ce téléphone sera flou (ce que nous ajouterons plus tard), nous ne passerons pas trop de temps à ajouter des détails. Pour commencer, créez un nouveau calque appelé "Ombrage" et utilisez l'outil Pinceau (B) pour peindre certaines ombres et reflets en échantillonnant les couleurs de l'embout buccal. En faire un calque de découpage.


Étape 20

Créez un nouveau calque appelé "Faits saillants". À l’aide d’un pinceau blanc, tracez les points forts sur les bords du téléphone. Ajouter un flou gaussien de 9,5%. Changez le mode de fusion du calque en écran et son opacité à 56%. Faites-en un calque d'écrêtage et ajoutez un calque de bruit (reportez-vous à l'étape 14)..


Étape 21

Pour que le cordon semble pénétrer dans le téléphone, créez un nouveau calque appelé "Trou" entre les groupes "Téléphone" et "Cordon à ressort" (veillez à déplacer le groupe "Cordon à ressort" devant le groupe "Téléphone" ). Utilisez l'outil de sélection elliptique pour créer un ovale et le remplir de noir. Ajoutez le style de calque suivant. Ajoutez un masque de calque au groupe "Cordon à ressort" pour masquer l'extrémité du cordon afin qu'il semble pénétrer à l'intérieur du téléphone..


Étape 22

En regardant à nouveau le téléphone, je remarque que l'embout buccal nécessite un peu de travail sur les bords, à l'endroit où il rencontre le corps du téléphone. Retournez dans le groupe "Morceau" et trouvez le calque "Morceau" et dupliquez-le en appuyant sur Cmd / Ctrl + J (cela devrait préserver tous nos calques d'écrêtage). Maintenant, sélectionnez le calque "Pièce de bouche" d'origine et ajoutez les styles de calque suivants. Déplacez ce calque vers le haut et vers la gauche jusqu'à ce qu'il soit beau.


Étape 23

Maintenant que le téléphone et le cordon sont terminés, nous devons ajouter des ombres. La première ombre sera sur le cordon où il entre dans le téléphone. Retournez dans le groupe "Spring Cord" et créez un nouveau calque appelé "Shadow" au-dessus du calque de réglage. Utilisez un pinceau noir pour peindre dans une ombre que le récepteur du téléphone jetterait sur le cordon. Faites-en un calque de découpage et ajustez l'opacité si nécessaire.


Étape 24

Créez un nouveau calque appelé "Ombres ambiantes" comme indiqué. À l'aide d'un pinceau noir, peignez dans les zones où le cordon spiralé et le combiné peuvent être en contact avec le sol. Ajoutez un filtre> Flou> Flou directionnel à une distance de 35 px à 90 degrés, puis ajoutez un flou gaussien de 8,5 px. Définissez le mode de fusion de ce calque pour qu'il se multiplie et son opacité à 62%..


Étape 25

Créez un nouveau calque appelé "Ombres directes" et peignez des ombres susceptibles d'être projetées sur le plan du sol. Attribuez à ce calque un léger flou gaussien (1,0 px ou moins) et réglez le mode de fusion sur Multiplier et sur l'opacité à 63%..


Étape 26

Pour terminer l'image, je souhaite ajouter un effet de profondeur de champ. Pour ce faire, je vais utiliser le filtre Lens Blur, mais avant de l'ouvrir, nous devons procéder à certaines configurations. Allez de l'avant et fusionnez la scène entière dans un nouveau calque, positionnez-la en haut de la pile et appelez-la "Lentille flou". Ce calque sera le calque sur lequel nous appliquons l’effet de flou d’objectif..


Étape 27

Nous souhaitons tirer parti de la capacité du filtre Lens Blur à utiliser une carte alpha personnalisée. Pour commencer notre carte alpha, fusionnez les groupes "Téléphone" et "Cordon de ressort" sur un nouveau calque appelé "Téléphone et cordon" et placez-les en haut de la pile de calques. Utilisez les niveaux (Cmd / Ctrl + L) pour ajuster ce nouveau calque sur un gris moyen..


Étape 28

Créez un nouveau calque au-dessus du calque "Lens Blur" et ajoutez un dégradé réfléchi, comme indiqué. La bande plus claire constituera le point central de l’effet Flou de l'objectif. Par conséquent, plus la couleur est foncée, plus le flou est intense. En utilisant cette théorie, nous appliquerons des zones plus blanches et des zones plus sombres au calque "Phone and Cord" avec les outils Dodge et Burn..


Étape 29

Fusionnez les deux calques sur lesquels nous avons travaillé et copiez-collez ce calque dans un nouveau canal dans le panneau Canaux. Cela devrait automatiquement s'appeler "Alpha 1".


Étape 30

Cachez le calque sur lequel nous travaillions et, avec le calque "Flou de l'objectif" sélectionné, ajoutez Filtre> Flou> Flou de l'objectif avec les paramètres suivants. C’est là que nous allons ajouter notre carte alpha pour influencer le flou..


Conclusion

Faites quelques ajustements si nécessaire. J'ai donné à l'image une teinte bleue très subtile.