Utilisation de la perspective et de la profondeur de champ dans les créations de vos personnages

Pour ce qui est de simuler la profondeur tridimensionnelle de vos illustrations, l'outil de fusion est votre nouveau meilleur ami. Observez et soyez émerveillé par la puissance d'Illustrator CS3 qui traverse votre moniteur et vous défie avec défi et vous gifle au visage avec son charme subtil et sa polyvalence..

Vous pouvez trouver les fichiers source dans le répertoire "source" inclus dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..


Étape 1

À l'aide de l'outil Ellipse (L), créez un cercle parfait. Appliquez ensuite un dégradé de 4 couleurs vives (G) du clair au foncé en utilisant des couleurs complémentaires. Commande + F9 affichera la fenêtre de dégradé sur votre écran. Assurez-vous que l'option Afficher les options est sélectionnée. Vous pouvez ajouter plusieurs points à votre dégradé en cliquant le long de la barre dans la fenêtre Dégradé. Ajouter plus de points et modifier légèrement leur luminosité et leur teinte est un moyen de pimenter la couleur de votre illustration..



Étape 2

Sélectionnez votre premier cercle et tout en maintenant Alt enfoncé, faites glisser votre souris vers le bas pour créer une autre copie de votre cercle. Ensuite, mettez à l'échelle (S) jusqu'à 100 +% (maintenez la touche Maj enfoncée pour conserver les proportions).



Étape 3

Double-cliquez sur l'outil de fusion (W). Définissez l’espacement sur la distance spécifiée et la distance sur 0,01 pouce. Conservez l'orientation sur Aligner sur la page. Maintenant que vous avez défini les paramètres de votre outil de fusion, cliquez sur OK. J'espère que vous avez au moins 2 Go de RAM, un processeur décent et une bonne carte graphique car cela peut devenir poilu. Illustrator peut se bloquer brutalement lors de manœuvres de combat graphiques telles que celles-ci. Enregistrez souvent à partir de maintenant. Remarque: avant chaque utilisation de Live Color, je vous recommande également de sauvegarder. Ceci est un autre outil Illustrator qui bloque souvent le programme.



Étape 4

Maintenant, avec votre outil de mélange activé, cliquez sur votre petit cercle, puis sur votre grand cercle. Cela va créer votre forme de perspective tridimensionnelle! Vous pouvez modifier l'éclairage de vos cercles en cliquant sur chaque cercle séparément et en appliquant le dégradé radial selon un angle différent selon la source de lumière de votre scène..



Étape 5

Comme vous pouvez le constater, l’application de l’outil de fusion à deux formes crée un chemin entre elles. Vous pouvez manipuler ce chemin en y ajoutant des points! Sélectionnez le chemin à l'aide de l'outil de sélection directe (A). Ensuite, utilisez l'outil Plume (P), puis appuyez sur + pour accéder à l'outil Ajouter un point d'ancrage. Une fois que vous avez fait cela, cliquez sur le centre de votre chemin. Cela devrait ressembler à l'image ci-dessous - un point plein de sommets.



Étape 6

Utilisez l'outil Convertir les points d'ancrage (Maj + C), maintenez le bouton gauche de la souris enfoncé, puis faites glisser votre souris pour créer des bras sur vos sommets. Tirez-le dans une forme fluide et relâchez le bouton de votre souris. Vous devriez obtenir quelque chose comme l'image ci-dessous. Vous pouvez manipuler vos points / sommets à tout moment. Jouer avec elle.



Étape 7

En déplaçant, redimensionnant, vos deux extrémités de cercle individuellement et en ajustant les bras de point d'ancrage avec l'outil Convertir les points d'ancrage, vous pouvez vraiment donner un peu de vie à votre tentacule. Essayez de déplacer les extrémités de votre cercle. Pour sélectionner chaque cercle individuellement, vous devez utiliser l'outil de sélection directe (A)..



Étape 8

Répétez cette technique jusqu'à ce que vous ayez assez de bras pour faire une pieuvre. Gardez chaque bras en perspective. Les bras latéraux ne seront pas aussi proches du premier plan que les bras avant. Ci-dessus, la ventilation des différents bras que j'ai fabriqués et les chemins finaux pour chaque bras. Vous devez placer les bras en arrière-plan derrière les couches de bras au premier plan. Pour ce faire, vous devez sélectionner tout le bras à l'aide de l'outil de sélection (S), puis appuyer sur Commande + touche support gauche ou touche support droite pour déplacer le calque devant ou derrière d'autres calques. C'est ce qu'on appelle l'empilement de couches (du moins c'est ce que j'appelle ça…).




Étape 9

Une fois vos tentacules en ordre, vous devrez assembler des ventouses. Cliquez et maintenez le bouton gauche de la souris enfoncé sur l'outil Rectangle pour afficher vos options supplémentaires. Sélectionnez l'outil Rectangle arrondi et créez un rectangle. Si vous souhaitez augmenter ou diminuer l’arrondi des bords, appuyez sur la flèche vers le haut ou vers le bas tout en plaçant votre rectangle sur la planche d’art..

Pour la couleur, utilisez le même dégradé de 4 points que les tentacules; seulement augmenter la légèreté de chaque point jusqu'à ce que vous obteniez un joli rose chaud. Faites glisser votre dégradé (G) du point une pointer b.



Étape 10

Maintenant, utilisez l’outil Warp (Maj + R) et faites glisser le point une pointer b. Assurez-vous que la taille de votre pinceau est suffisamment grande pour envelopper la majeure partie de votre rectangle. Pour modifier la taille de votre pinceau d’outil de déformation, maintenez les touches Alt et Maj enfoncées et faites glisser la souris comme si vous deviez redimensionner un objet plus grand ou plus petit. Cela m’a pris un peu à comprendre et c’est donc une information précieuse! Vous devriez obtenir quelque chose comme la deuxième image.




Étape 11

Faisons ensuite une ventouse à partir de l’angle descendant, comme si nous regardions la ventouse par le haut. Créez un cercle avec l'outil Ellipse (L), puis copiez ce cercle (Commande + C) et collez la copie au-dessus du premier cercle (Commande + F)..

Sélectionnez le cercle nouvellement créé et réduisez-le de moitié à l'aide de l'option Echelle (Commande + S). Cela fait, sélectionnez les deux cercles et utilisez l'option Pathfinder (Commande + Maj + F9) Soustraire de la zone de la forme..

Ensuite, réappliquez votre dégradé pour montrer la rondeur de votre ventouse. Utilisez votre outil de dégradé (G) et appliquez votre dégradé rose à partir du point. une pointer b.



Étape 12

Maintenant que vos deux ventouses sont terminées, appliquez-les sur les tentacules en les copiant aux endroits appropriés. J'ai étiqueté la vue de côté "Cup 1" et la vue ci-dessus "Cup 2." Vous devrez utiliser Rotation (R), Échelle (S) et même l'outil de déformation (Maj + R) plusieurs fois au cours de cette étape. Vous devrez vous assurer que les ventouses situées derrière un tentacule sont en dessous de la couche de tentacules au premier plan (reportez-vous à l'étape 8)..

Les tentacules 3 et 6 sont uniques si vous ne l’avez pas déjà deviné. Aux extrémités de 3 et 6, le tentacule violet chevauche légèrement les ventouses roses. Pour recréer cela, vous devez sélectionner directement (A) le cercle d'extrémité d'un tentacule, copier (Command + C) et coller un autre cercle au-dessus de celui-ci (Command + F). Cela sera séparé du groupe de tentacules et vous permettra de déplacer cette couche vers le haut, recouvrant ainsi les ventouses. Cela prouvera aussi pratique plus tard! Finalement, après de nombreux ajustements, je me suis retrouvé avec des tentacules assez féroces pour mon poulpe! Rarr!




Étape 13

Maintenant, vous devez construire une tête digne de "Mordor". Pour ce faire, j'ai utilisé l'outil Polygone situé en cliquant et en maintenant l'outil Rectangle (M). Faites-le glisser sur votre planche et faites-en un pentagone (forme de 5 coins). Vous pouvez le faire en appuyant sur les flèches vers le haut ou vers le bas tout en plaçant la forme sur votre planche de travail (voir l'étape 9)..

Après avoir obtenu un joli pentagone, appliquez le dégradé radial violet que vous avez utilisé sur vos tentacules à l’aide de l’outil Pipette (I). Cliquez sur un cercle du tentacule pendant que votre pentagone est sélectionné.



Étape 14

Ensuite, cliquez sur Effet> Styliser> Coins arrondis et arrondissez les arêtes dures. Mes paramètres sont définis à 2,125 pouces, mais cela dépend de la taille de votre pentagone. Le but est de faire comme une balle.



Étape 15

Donnez un caractère à la tête en faisant pivoter la forme et en déplaçant légèrement chaque point. J'aime bien si le haut du dôme est plus haut que la normale. Utilisez l'outil de sélection directe (A) pour sélectionner des points individuels, puis les déplacer. Vous auriez probablement pu faire cela beaucoup plus rapidement en utilisant un cercle… Cependant, c'est ce que j'ai fait et j'ai trouvé que cela me donnait des résultats intéressants et satisfaisants..



Étape 16

À l’aide du stylo (P), tirez la tête sous le dôme. C'est là que ses yeux vont s'asseoir. N'oubliez pas de garder le dégradé dans la même direction que la source de lumière de votre scène, qui est dans ce cas la gauche.



Étape 17

Pour créer les globes oculaires, faites un autre cercle (L) et appliquez-y un dégradé de 5 couleurs vives (G), comme sur l'image du haut ci-dessus. Rendez le point de départ de votre dégradé proche du blanc et cela donnera à son œil un joli point brillant. Maintenant, prenez votre outil de sélection directe (A) et sélectionnez les sommets droits du cercle. Sélectionnez le bras de sommets étiqueté une. Maintenant, faites-le glisser sur la zone brillante de votre dégradé. Bras de sélection suivant b. maintenez les touches Alt + Maj enfoncées et faites-la glisser vers le bas. Cela vous donnera un tranchant au lieu d'un arrondi. Continuez à modifier vos points de sommets jusqu'à obtenir le résultat parfait globe oculaire fini. Moyenne n'est ce pas?



Étape 18

Placez le globe oculaire sur le côté gauche de la tête du poulpe. Copiez ensuite ce globe oculaire, cliquez dessus avec le bouton droit de la souris, puis sélectionnez Transformer> Refléter et définissez vos options de réflexion sur Vertical à 90 degrés. En outre, vous devrez appliquer votre dégradé pour imiter l’angle d’éblouissement du globe oculaire gauche..



Étape 19

Ensuite, j'ai dessiné une paupière en colère avec mon outil de plume et utilisé l'outil de maillage (U) et cliqué sur chaque point de la paupière. Vous pouvez déplacer les points de maillage de la même manière que vous déplacez les points de sommets (voir les étapes 6 et 17). En sélectionnant un point, vous pouvez changer sa couleur individuelle, cela créera un dégradé entre plusieurs couleurs. Faire les points hauts de la paupière violet clair et les points de surplomb inférieur violet foncé.



Étape 20

Maintenant, placez votre paupière sur le globe oculaire. Copiez et collez une autre paupière sur l'autre œil. Ensuite, Transformez> Réfléchissez la paupière comme nous l’avons fait avec le globe oculaire à l’étape 18. Vous devrez également faire pivoter et redimensionner la paupière pour l’obtenir parfaitement.



Étape 21

Regroupez toute la tête en faisant glisser l'outil de sélection (V) sur la tête, le visage, les yeux et les paupières, puis regroupez-les en appuyant sur Commande + G. Placez maintenant la tête groupée à la rencontre des tentacules..



Étape 22

Ceci est une étape optionnelle. Jusqu'ici, je pense que cette pieuvre a l'air assez rad. Cependant, si vous le souhaitez, vous pouvez lui faire porter des armes meurtrières ou même essayer plusieurs rouleaux de papier toilette. Pour moi, mon arme de choix est le stylet Wacom. J'ai rapidement jeté celui-ci ensemble. Je vais supposer que vous pouvez penser à quelque chose d’équivalent pour votre pieuvre, mais aussi le créer tout aussi facilement sans aide utile de ma part…



Étape 23

Maintenant, nous allons placer l'objet doucement sur la main de la pieuvre. Il semble stupide de se placer au-dessus du tentacule, nous devons donc lui donner l’impression que notre pieuvre est en train de saisir l’objet. Pour ce faire, sélectionnez directement (A) le cercle de point final de tout tentacule donné..

Ensuite, maintenez la touche Alt enfoncée, puis faites glisser le cercle pour le copier. Ensuite, vous devez appuyer sur Maj + Commande + Touche Droite pour amener ce cercle au calque avant. Maintenant, placez ce cercle au-dessus de l'endroit où vous l'avez copié. Assurez-vous d’échelle (S) ce cercle afin de couvrir et dépasser du cercle original. Cela semblera stupide si vous ne le faites pas. Répétez cette étape pour chaque tentacule qui saisit un objet.




Étape 24

Enfin, vous avez un poulpe vraiment cool, en trois dimensions, élégant et qui tue! Mais méfiez-vous! Les étapes suivantes sont plus effrayantes qu’aucune jusqu’à présent, en partie parce que je ne fournirai aucune capture d’écran pour les 3 prochaines étapes! En outre, les étapes prennent beaucoup de puissance de traitement…



Étape 25

Je voulais donner à cette pieuvre une certaine profondeur de champ, mais je savais que cela pourrait faire exploser mon ordinateur dans Illustrator. Si j'appliquais un flou sur l'un de ces tentacules mélangés, cela prendrait tellement de temps processeur et de mémoire qu'il planterait Illustrator. La solution? Photoshop!

Obtenir vos vecteurs dans Photoshop est relativement simple. Tout d'abord, vous devrez grouper chaque tentacule. Utilisez l'outil de sélection (V) et maintenez la touche Maj enfoncée, puis sélectionnez chaque pièce d'un tentacule entier. Cela inclut chaque ventouse, le stylo, le tentacule en mode de fusion et le cercle copié qui saisit le stylo. Une fois que vous les avez tous sélectionnés, regroupez-les (Commande + G). Faites ceci à chaque tentacule séparément et aussi à la tête afin qu'ils soient tous dans leurs propres groupes.


Étape 26

Ouvrez maintenant Photoshop et créez un nouveau document (Commande + N). Je voulais faire de ma pieuvre un arrière-plan de bureau cool, donc je règle le document à 1680 pixels sur 1050 pixels avec une résolution de 300. Une fois votre nouveau document ouvert dans Photoshop, revenez à Illustrator. Une fois dans Illustrator, sélectionnez un groupe de tentacules, puis faites-le glisser dans votre nouveau document dans Photoshop. Cela prend beaucoup de temps CPU et de RAM alors soyez prêt à attendre un peu. Répétez cette opération jusqu'à ce que vous ayez toute votre illustration dans Photoshop. Chaque fois que vous déposez un groupe dans Photoshop, vous créez un nouveau calque d'objet dynamique Vector..


Étape 27

Assurez-vous de placer chaque couche de manière appropriée au-dessus ou au-dessous des autres couches, de sorte que les tentacules de l'avant-plan se trouvent sur les couches supérieures et que la tête constitue la couche inférieure. Vous pouvez faire glisser les calques en cliquant dessus sans relâcher tout en faisant glisser la souris les uns sur les autres dans la fenêtre Calques..


Étape 28

Je veux faire du foyer la tête de la pieuvre et aussi son bras gauche qu’il soulève avec violence. Je les ai surlignés dans la photo ci-dessous. Pour ce faire, sélectionnez la plus grande couche de tentacules et cliquez sur Filtre> Flou> Flou gaussien et donnez-lui un bon 6 ou plus.




Étape 29

Comme indiqué ci-dessous, nous allons suivre trois sous-étapes ici:

  1. Cliquez sur le filtre intelligent auquel le flou gaussien a été appliqué..
  2. Appuyez sur B pour sélectionner votre outil Pinceau, puis remplacez le pinceau par un gros pinceau à plumes et colorez votre avant-plan en noir..
  3. Peindre du point une le long du tentacule jusqu'au point b. Cela vous donnera un effet de profondeur de champ intéressant. Répétez cette étape sur l'autre grand tentacule et vous ferez en sorte que les yeux du spectateur soient attirés par la tête les premiers. Vous pouvez également appliquer cette même étape aux tentacules situés au centre, à l'exception d'une opacité de 50% du pinceau; le résultat sera plus net, mais toujours flou..


Étape 30

Pour terminer mon illustration, j'ai créé des ombres sur le fond blanc. Pour ce faire, créez un nouveau calque et placez-le au bas de la pile de calques, juste au-dessus du calque d'arrière-plan blanc. Réduisez l'opacité de ce nouveau calque à 50% et utilisez le pinceau à plumes noir pour peindre dans les zones où les tentacules projetteraient une ombre..

J'ai peint une ombre principale et une ombre secondaire, les deux étant des calques distincts dont l'opacité est de 50%. J'ai également ajouté de l'ombrage à divers tentacules selon leurs besoins. La capture d'écran supérieure montre la couche d'ombrage principale appliquée et les fonctionnalités de la capture d'écran inférieure: 1. Couche d'ombrage principale; 2. Couche d'ombrage secondaire plus détaillée; 3. ombrage supplémentaire aux tentacules appropriés. Ce n'est pas parfait, mais j'aime bien!




Étape 31

Pour votre dernière étape, sélectionnez tous les calques (cliquez sur le calque supérieur, maintenez la touche Maj enfoncée, puis cliquez sur le calque inférieur), à l'exception du calque d'arrière-plan et du groupe (Command + G) dans un dossier. Cliquez sur le calque de votre dossier, puis utilisez l'outil de déplacement (V) pour déplacer votre rendu final dans une position intéressante de votre plan de travail pour créer un fond d'écran accrocheur..




Conclusion

Vous voyez donc que le pouvoir d'Illustrator est comparable à celui de l'Union soviétique des années 1950. Il rivalise même avec les programmes de rendu 3D les plus polyvalents. J'espère que vous avez tous apprécié ce tutoriel, même si la dernière chose dont le monde du design a besoin maintenant est un autre poulpe. Je suis impatient de voir ces techniques mises à profit dans le pool Vectortuts + Flickr. L'image finale est ci-dessous. Vous pouvez voir les grandes versions ici et ici.