Créez un éventail illustré avec un style japonais dans Photoshop

Avant la climatisation et le ventilateur du boîtier électrique, le seul moyen pour que la plupart des gens se refroidissent par une journée chaude était un ventilateur à main. Aujourd'hui, nous allons montrer comment illustrer Photoshop avec un ventilateur de pliage de style japonais réaliste. Commençons!


Ressources utilisées

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel. Pour les télécharger, il suffit de vous inscrire à CG Textures. Ils sont libres!

  • Texture du papier
  • Texture du bois
  • Texture de tissu

Étape 1

Commençons ce projet en créant un nouveau fichier 1000 x 800 px avec une résolution de 300 ppp.


Étape 2

A l'aide de l'outil Pot de peinture, remplissez le calque entier avec # b8b8b8.


Étape 3

Ensuite, ouvrez le fichier Paper.jpg et placez-le sur le calque "Arrière-plan". Renommez ce calque "Papier peint" puis réglez son mode de fusion sur Superposition..

Remarque: Paper.jpg étant une grande image, appuyez sur Cmd (Ctrl) + T pour activer les poignées de redimensionnement et ajuster sa taille..


Étape 4

Ensuite, ouvrez Wood.jpg et placez-le sur le calque "Papier peint". Renommez cette couche "Bois". Appuyez sur Cmd (Ctrl) + T pour redimensionner l'image. Redimensionnez-le pour le rendre plus petit et placez-le au centre de la toile, comme indiqué..

Remarque: pendant le redimensionnement, maintenez la touche Maj enfoncée pour contraindre l'image verticalement et horizontalement..


Étape 5

Ensuite, nous allons ajouter un effet 3D pour le calque "Bois" afin de le transformer en une planche de bois. Pour ce faire, double-cliquez sur le calque "Bois" pour ouvrir la fenêtre Style de calque, puis appliquez les paramètres ci-dessous..


Étape 6

Nous allons maintenant élaborer des directives pour les fans. Pour ce faire, ajoutez un nouveau calque et nommez-le "Cercles extérieurs". En utilisant l’outil elliptique (M), faites deux cercles comme indiqué ci-dessous.


Étape 7

Ensuite, dupliquez le calque "Cercles extérieurs" en appuyant sur Cmd (Ctrl) + J. Appuyez sur Cmd (Ctrl) + T pour redimensionner l'image comme indiqué.

Remarque: pendant le redimensionnement, maintenez la touche Maj + Alt enfoncée pour redimensionner uniformément l'image verticalement et horizontalement des deux côtés..


Étape 8

En utilisant l'outil Plume (P), créez un ensemble de lignes (assurez-vous de placer chaque ligne sur un nouveau calque) en suivant les degrés indiqués, en créant un diagramme semblable à une pizza, comme dans l'illustration ci-dessous..


Étape 9

Fusionner les "cercles extérieurs", "copie des cercles extérieurs" (calque dupliqué des "cercles extérieurs"), et les calques de toutes les lignes en Cmd (Ctrl) + en cliquant sur les calques puis en cliquant avec le bouton droit de la souris et en sélectionnant Fusionner les calques à partir de le menu déroulant. Renommez cette couche en "Lignes directrices" et diminuez son niveau d'opacité à 50%.


Étape 10

Ajoutez ensuite un nouveau calque et nommez-le "Zigzag extérieur". A l'aide de l'outil Stylo (P), tracez un chemin alternant du cercle intérieur au cercle extérieur et revenant au cercle intérieur jusqu'à atteindre le 16e point de l'angle 0 degré, comme indiqué..


Étape 11

Lorsque vous avez atteint le 16e point, cliquez avec le bouton droit de la souris et sélectionnez Tracé du tracé dans le menu déroulant. Avant cela, assurez-vous de configurer l'outil Pinceau (B) sur un diamètre principal de 2px, une dureté de 100%, une couleur n ° 000000 et un niveau d'opacité de 100%..


Étape 12

Ensuite, ajoutez un nouveau calque et nommez-le "zigzag intérieur". Faites exactement ce que nous avons fait dans le "zigzag extérieur" en prenant soin de commencer à 0 degré jusqu'au 16e point.


Étape 13

Nous allons maintenant créer l’effet de pliage du ventilateur. Pour ce faire, nous allons commencer par ajouter un nouveau calque, puis suivez les instructions ci-dessous..


Remarque: veillez à créer chaque ligne dans un calque différent. Ne connectez que les parties "en bas" des zigzags.

Après avoir connecté toutes les parties "en bas" du zigzag, y compris le 16e point à partir de 0 degré, appuyez sur Cmd (Ctrl), puis cliquez sur les calques contenant toutes les lignes et sélectionnez Fusionner les calques dans le menu déroulant. Après cela, renommez le calque fusionné en "Lignes noires".


Étape 14

Utilisez la même technique que celle décrite à l'étape 13, mais connectez maintenant uniquement les parties "up" du zigzag avec l'outil Plume (P), avec la même configuration pour l'outil Pinceau, mais utilisez maintenant la couleur #ffffff. Après cela, fusionnez tous les calques et nommez-le "lignes blanches". Changer son mode de fusion en superposition.


Étape 15

Sur le calque "Lignes blanches", utilisez l'outil Gomme (E), configuré pour une taille de 100px et une dureté de 0%, pour effacer les zones indiquées, comme indiqué ci-dessous..


Étape 16

Ensuite, nous ajouterons de l'ombrage. Ajouter un nouveau calque et nommez-le "nuances". En utilisant l’outil Plume (P), créez une forme comme indiqué ci-dessous. Après avoir créé la forme, cliquez avec le bouton droit de la souris et choisissez Créer une sélection dans le menu déroulant..

Remplissez toute la sélection avec # 9f9f9f et réglez son mode de fusion sur Multiplier..

Faites ceci comme indiqué jusqu'à atteindre l'autre côté.


Étape 17

Ajouter un nouveau calque et nommez-le "Sticks". À l’aide de l’outil Plume (P), créez une forme comme celle illustrée ci-dessous. Après cela, cliquez avec le bouton droit de la souris et sélectionnez Créer une sélection dans le menu déroulant..

A l'aide de l'outil Dégradé (G), définissez sur Dégradé linéaire, remplissez toute la sélection avec les couleurs indiquées ci-dessous..

Pour ajouter de l’épaisseur, double-cliquez sur le calque "Sticks" et appliquez les valeurs indiquées ci-dessous..


Étape 18

Ensuite, dupliquez le calque "Sticks" puis appuyez sur Cmd (Ctrl) + T pour activer les poignées de redimensionnement. Repositionnez l'axe du centre de rotation (a) sur le centre du ventilateur (b), puis faites-le pivoter vers le store suivant (c)..

Continuez à dupliquer et à changer l’angle des baguettes pour chaque nuance jusqu’à atteindre la deuxième à la dernière nuance en partant de la droite. Ensuite, faites glisser tous les calques adhésifs sur l’icône Créer un nouveau groupe de la palette Calques. Nommez ce groupe "Sticks". Laissez la dernière teinte séparer le dernier bâtonnet du reste des bâtons, car nous le placerons plus haut dans la palette Calques par la suite..


Étape 19

Ajoutez un masque de calque dans le groupe "Bâtons" et utilisez l'outil Ellipsoïde (M) pour créer un cercle, comme indiqué ci-dessous. À l'aide de l'outil Pinceau (B), effacez les zones indiquées ci-dessous à l'aide de # 000000.

Remarque: veillez à placer le groupe "Bâtons" sous les lignes "Lignes noires", "Lignes blanches", "Nuances", "Zigzag extérieur" et dans le calque "Zigzag intérieur"..


Étape 20

Maintenant, pour compléter le jeu de bâtons, dupliquez un autre calque de bâtons, puis retirez-le du groupe "Bâtons". Utilisez l'outil Elliptical Marquee (M) et créez un cercle à partir du centre du ventilateur, comme ce que nous avons fait à l'étape 19, créez un masque de calque et effacez les parties dont vous n'avez pas besoin. L'effet final devrait ressembler à celui présenté ci-dessous. Renommez cette couche en "Ligne séparée".


Étape 21

Ensuite, ajoutez un nouveau calque et nommez-le "Face". À l’aide de l’outil Plume (P), dessinez une forme semblable à celle illustrée ci-dessous. Cliquez avec le bouton droit de la souris et choisissez Créer une sélection dans le menu déroulant..

Ensuite, utilisez l'outil Dégradé (G), défini sur Dégradé radial, pour remplir toute la sélection avec les couleurs indiquées ci-dessous..


Étape 22

Ajoutez un nouveau calque et nommez-le "Cercle". En utilisant l’outil Pinceau (B) et l’outil Gomme (E) alternativement, suivez les instructions ci-dessous..

Avec cette technique, vous pouvez créer un ensemble illimité de motifs comme ceux présentés ci-dessous..

Ensuite, Cmd (Ctrl) + cliquez sur la vignette du calque "Cercle" pour activer le rectangle de sélection autour de la forme. Appliquez un dégradé de couleur à l'aide de l'outil Dégradé (G), défini sur Dégradé linéaire, à l'aide des numéros de couleur indiqués ci-dessous..

Dupliquez suffisamment le calque "Cercle" pour créer un motif agréable. Redimensionnez et repositionnez les "cercles" pour former le motif comme celui présenté ci-dessous. Sélectionnez les calques "cercle" (originaux et dupliqués) et faites-les glisser pour créer un nouveau groupe dans la palette des calques. Nommez ce groupe comme "Design". Après cela, en utilisant un masque de calque, les zones non désirées de la conception pour compléter cette étape.

Après avoir masqué le calque "Guidelines" et l'avoir tourné à la verticale, le produit doit ressembler à celui illustré ci-dessous..

Remarque: veillez à placer le groupe "Dessin" et le calque "Face" sous les "lignes noires", "lignes blanches", "Nuances", "zigzag extérieur", "ligne séparée" et le calque "zigzag intérieur"..


Étape 23

Ouvrez Fabric.jpg et faites-le glisser dans notre projet. Pour le moment, diminuez son opacité à environ 50% afin que vous puissiez voir le motif "Visage" en dessous. Ensuite, utilisez l’outil Crayon (P) et suivez la forme du «visage» du ventilateur comme indiqué ci-dessous. Cliquez avec le bouton droit de la souris et sélectionnez Créer une sélection dans le menu déroulant. Maintenez les touches Cmd (Ctrl) + Maj + I pour inverser la sélection, puis appuyez sur Supprimer. Après cela, ramenez le niveau d'opacité à 100%. Renommez ce calque "Tissu" puis changez son mode de fusion en superposition.

Remarque: veillez à placer le calque "Tissu" sous le calque "Nuances"..

Après avoir masqué certaines des couches, votre image devrait ressembler à celle ci-dessous..


Étape 24

Suivant Cmd (Ctrl) + cliquez sur les vignettes des calques "Sticks" (originaux et en double) et du calque "Face" dans la palette des calques. Cela activera le rectangle de sélection autour des couches sélectionnées. Remplissez toute la sélection avec # 000000 et placez ce calque sous le groupe "Bâtons".

Ensuite, sélectionnez Filtre> Flou> Flou gaussien et définissez la valeur du rayon sur 2,0 px. Nommez ce calque "Shadow 100." Dupliquez le calque "Shadow 100" et réappliquez un flou gaussien de rayon 4px puis diminuez son niveau d’opacité à 50%. Renommez ce calque "Shadow 50."

Après avoir révélé les couches de texture, votre image devrait ressembler à celle ci-dessous..


Étape 25

Maintenant, ajoutez un nouveau calque et nommez-le "Boulon". En utilisant l’outil elliptique (M), faites un cercle comme indiqué ci-dessous. Remplissez toute la sélection avec # 000000.

Remarque: maintenez la touche Maj enfoncée pour créer des cercles parfaits..

Pour le rendre plus réaliste, double-cliquez sur le calque "Boulon" et appliquez les valeurs ci-dessous dans la fenêtre Style de calque..


Étape 26

Ajouter un nouveau calque et nommez-le "brunâtre". A l'aide de l'outil Pot de peinture (G), remplissez le calque entier avec la couleur # 442d00, définissez le mode de fusion sur Surimpression et l'opacité sur 50%..


Étape 27

Ensuite, ajoutez un nouveau calque et nommez-le "Shader". A l'aide de l'outil Pot de peinture (G), remplissez le calque entier avec la couleur # 000000. Puis, à l'aide de l'outil Gomme (E) d'une taille de 1200 px et d'une dureté de 0%, effacez trois fois les zones indiquées ci-dessous..


Étape 28

Ensuite, ajoutez un nouveau calque et nommez-le "Source de lumière". En utilisant l’outil elliptique (M), créez une forme comme indiqué ci-dessous, puis remplissez toute la sélection avec # 000000.


Étape 29

Appuyez sur Cmd (Ctrl) + T pour activer les poignées de redimensionnement. Cliquez avec le bouton droit de la souris dans la sélection et choisissez Perspective dans le menu déroulant. Redimensionnez-le comme indiqué ci-dessous.


Étape 30

Sélectionnez Filtre> Flou> Flou gaussien et définissez son rayon sur 58 px..

Apportez d'autres ajustements à l'aide de l'outil de transformation (Cmd (Ctrl) + T) pour le rendre plus réaliste..


Image finale

C'est tout! L'image finale est montrée ci-dessous. J'espère que vous avez eu du plaisir à travailler sur ce projet et que vous avez acquis des compétences et des connaissances supplémentaires sur Photoshop. Essayez d’utiliser différents motifs ou images pour le visage du ventilateur pour obtenir des résultats différents.!