Reflections Done Right - Création d'une icône représentant un rouleau d'argent

Encaissez lorsque vous suivez ce tutoriel pour créer des réflexions précises et logiques. Je vais expliquer comment utiliser l'ombrage et le masquage pour créer une illustration digne de ce nom..

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: Adobe Illustrator CS4
  • Difficulté: Intermédiaire
  • Temps d'exécution estimé: 1,5 heure

Voici l'illustration que je vais créer.

Étape 1

Commencez par utiliser l’outil Ellipse (L) pour tracer un cercle parfait. Maintenez la touche Maj enfoncée pour accomplir cela.

Étape 2

Ajouter un dégradé radial avec des couleurs vert clair. Assurez-vous que les bords central et extérieurs sont plus clairs.

Étape 3

À l'aide de l'outil Sélection directe (V), déformez le cercle en une forme ovale..

Étape 4

Dupliquez l'ovale plus bas sur la page. Assurez-vous de le maintenir parfaitement dans l'alignement de la première forme. La distance à laquelle les formes sont éloignées les unes des autres sera à la hauteur de votre rouleau d'argent.

Étape 5

À l'aide de l'outil Rectangle (M), tracez un rectangle qui correspond exactement à la largeur des ovales. Le rectangle doit commencer et se terminer à mi-chemin des deux ovales.

Étape 6

Sélectionnez le rectangle et l'ovale du bas. Dans la palette Pathfinder, sélectionnez Unite. Les deux formes devraient maintenant être une.

Étape 7

Donner au rouleau d'argent un gradient linéaire. Observez que le bord droit a un peu de relief. Cela s'appelle un éclairage réfléchissant et est important pour l'efficacité globale du look de l'icône Consacrez un peu de temps au dégradé avant de continuer. Notez que si l’ovale en haut n’est pas devant, sélectionnez-le et allez à Objet> Organiser> Mettre au premier plan.

Étape 8

IMPORTANT: dupliquez toutes vos formes et conservez l'original sur le côté.

A l'aide de la nouvelle copie, assurez-vous que l'ovale est au-dessus de la forme dégradée vert foncé (Objet> Arranger> Mettre au premier plan), puis sélectionnez les deux formes et dans la palette Pathfinder, cliquez sur Face avant.

Étape 9

C'est ce que vous devriez être laissé avec.

Étape 10

Sélectionnez la forme et allez à Objet> Chemin> Chemin décalé. Entrez une valeur négative pour le décalage. Notez que votre valeur sera déterminée par la taille de votre œuvre créée. Entrez un nombre qui vous convient.

Étape 11

Avant de pouvoir colorier la nouvelle forme individuellement, vous devez dissocier l'objet. Allez à Objet> Dissocier. À l'aide de l'outil de sélection directe, sélectionnez la forme centrale et remplissez-la de noir. Dans la palette de transparence, sélectionnez Multiplier, puis ajustez l'opacité à environ 25%. Maintenant, vous pouvez positionner la nouvelle forme plus petite sur le rouleau d’argent que vous avez mis de côté et vous débarrasser de la forme plus grande..

Étape 12

Créez le trou par le haut du rouleau en copiant l'ovale dessus puis en le collant directement en place en appuyant sur Commande + F. Réduisez la taille de l'ovale à l'aide de l'outil Sélection directe. Maintenez Shift + Option et faites glisser l'objet vers le bas jusqu'à ce qu'il soit plus petit.

Étape 13

Remplissez la forme avec un dégradé radial noir à blanc, définissez le mode sur Multiplier dans la palette Transparence et réduisez l'opacité à environ 42%..

Étape 14

Créez une forme plus arbitraire sur la face du rouleau en utilisant l'outil Crayon (N) pour dessiner la forme.. Conseil: maintenez la touche Option enfoncée pour fermer facilement la forme lorsque vous la dessinez..

Étape 15

Il est facile de créer l’illusion de plis ou de plis au sommet du rouleau. Utilisez deux ellipses qui se chevauchent pour commencer.

Étape 16

Dans la palette Pathfinder, sélectionnez Minus Front. Cela vous laissera avec une forme de croissant. Dupliquez la forme et changez l'échelle et la couleur pour ajouter une variété de plis et de plis.

Étape 17

Voici à quoi devrait ressembler votre oeuvre d'art maintenant.

Étape 18

Pour créer la bande autour du rouleau, utilisez un processus similaire à celui utilisé pour créer les plis en haut. Encore une fois, commencez par superposer deux ellipses.

Étape 19

Cliquez sur Minus Front dans la palette Pathfinder..

Étape 20

Si vous effectuez un zoom avant, vous verrez qu’il ya maintenant une pointe nette sur le bord de la bande. Vous aurez besoin d'utiliser l'outil plume pour le corriger.

Étape 21

A l’aide de l’outil Plume (P), dessinez une forme qui recouvre le bord pointu. Utilisez le côté moins avant de Pathfinder pour modifier la forme du groupe..

Étape 22

Donnez au groupe un riche dégradé de rouge à rouge foncé. Observez comment j'utilise encore un éclairage réfléchissant sur cet élément. Gardez à l'esprit votre source de lumière. Pour cette illustration, la lumière vient du coin supérieur gauche.

Étape 23

Donnez au groupe un peu plus de détails en ajoutant un bord plus foncé autour de lui. Allez à Effet> Styliser> Inner Glow. Sélectionnez Multiplier et utilisez une couleur sombre comme le noir. Ajustez l'opacité et le flou, puis cliquez sur OK..

Étape 24

Donnez une ombre au groupe en utilisant d’abord le crayon pour dessiner une forme semblable à celle ci-dessous..

Étape 25

Flouez la forme en allant dans Effet> Flou> Flou gaussien. Dans la palette de transparence, sélectionnez Multiplier pour que l'ombre se marie bien avec la couleur verte qui la recouvre..

Étape 26

Améliorez les détails de la bande en utilisant l'outil Plume pour dessiner une légère surbrillance sur son bord.

Étape 27

Créez les pièces en dessinant d'abord une ellipse et en la remplissant d'un dégradé linéaire.

Étape 28

J'ai ajouté une forme intérieure subtile qui est légèrement plus sombre que la forme située derrière. Cela crée l’impression d’une crête ou d’une lèvre dans la surface de la pièce. Encore une fois, utilisez la technique copier-coller sur place (utilisée à l'étape 12) pour vous assurer que votre nouvelle forme se trouve au milieu de la forme derrière elle..

Étape 29

Donnez la profondeur de la pièce en dupliquant l'ovale et en le plaçant plus bas que le premier ovale. Dessinez un rectangle qui correspond à la largeur de l'ovale et qui commence et finit à mi-chemin horizontal des ovales supérieur et inférieur. Utilisez la palette Pathfinder pour unifier la forme ovale et rectangle inférieure. En un mot, créez cette forme de la même manière que vous avez créé la forme du rouleau d'argent.

Étape 30

Utilisez l'outil Plume pour dessiner certains petits détails tels que des rivets sur le côté et des reflets sur les bords.

Étape 31

Dessinez quelques autres pièces, faites-les pivoter et empilez-les les unes sur les autres. Groupez chaque pièce au fur et à mesure que vous la dessinez pour faciliter la sélection d'une pièce à la fois..

Étape 32

Donnez à chaque pièce sa propre ombre en utilisant la technique du flou gaussien. Observez à quel point l'ombre centrale est plus sombre, car davantage de pièces couvrent cette zone..

Étape 33

Placez les pièces à côté du rouleau d'argent. Ajouter une autre ombre floue dans la zone où les pièces touchent le rouleau.

Étape 34

Ajoutez une ombre sous le rouleau d'argent aussi.

Étape 35

Pour créer la réflexion, commencez par regrouper le rouleau d'argent et tous les éléments qui le composent. Dupliquez-le et envoyez-le à l'arrière en allant dans Objet> Organiser> Envoyer à l'arrière.

Étape 36

Sélectionnez le rouleau inférieur et dans la palette de transparence, double-cliquez sur la zone vierge surlignée en jaune..

Étape 37

La forme de votre rouleau inférieur devrait maintenant être invisible.

Étape 38

A l'aide de l'outil Rectangle, tracez un rectangle (avec un remplissage blanc) au-dessus de la zone où devrait se trouver le rouleau du bas. Maintenant, votre dernier rouleau devrait être visible à nouveau.

Étape 39

Vous travaillez toujours du côté masque de la palette de transparence (à droite) pour donner à la forme "blanche" un dégradé radial allant du noir au blanc. Ce gradient est progressivement masqué pour donner l’impression que la réflexion s’estompe. Assurez-vous que votre noir est composé de toutes les valeurs 0 et que votre blanc est composé de toutes les 255 valeurs. Négliger cette étape empêchera votre réflexion de disparaître ou de disparaître complètement..

Étape 40

Notez que les étapes 36 à 39 doivent être complétées du côté du masque de la palette de transparence (côté droit.). Revenez sur le côté gauche de la palette de transparence en double-cliquant sur la zone jaune. Maintenant, dans la palette de transparence, vous pouvez sélectionner la forme de rouleau inférieure et ajuster l'opacité à un niveau inférieur, environ 60% environ..

Étape 41

Voici à quoi devrait ressembler votre oeuvre d'art maintenant.

Étape 42

Pour créer une réflexion logique sur les pièces, la plupart des gens ont du mal à visualiser la bonne exécution. Dans le premier exemple, les pièces ont simplement été copiées et collées à l'envers. Ceci est une erreur. Le look correct que les pièces devraient avoir est celui d'un vrai reflet.

Étape 43

Il est facile de rendre la réflexion crédible. J'ai décomposé le processus en 3 images. Tout d’abord, copiez la pièce à gauche. Faites-le pivoter et envoyez-le à l'arrière de tous les autres objets. Deuxièmement, dupliquez le bord de la pièce centrale et collez-le directement en dessous. Troisièmement, dupliquez la bonne pièce et envoyez-la derrière tous les autres objets.

Maintenant, les pièces sont empilées de manière plus réaliste que simplement copier et coller le tout.

Étape 44

Estompez les pièces en utilisant la même technique de masquage que le rouleau d'argent.

Étape 45

Dessinez un rectangle de coin arrondi. Notez que vous pouvez ajuster le rayon des coins en maintenant la flèche vers le haut ou vers le bas pendant que vous dessinez la forme..

Étape 46

Remplissez-le avec un dégradé de bleu.

Étape 47

Rendre les bords plus sombres en allant dans Effet> Styliser> Inner Glow.

Étape 48

Ajoutez un peu d'ambiance en dessinant des formes d'ondes aléatoires et en leur donnant un dégradé de blanc à transparent.

Étape 49

Ajoutez le texte en bas. J'ai utilisé une police appelée ITC Franklin Gothic.

Étape 50

Pour donner au texte un remplissage en dégradé, sélectionnez-le d'abord, puis dans la palette Apparence, sélectionnez le triangle déroulant et cliquez sur Ajouter un nouveau remplissage. Ajustez le dégradé à votre convenance.

Étape 51

Pour donner une ombre au texte, j'ai simplement créé une forme carrée avec un flou gaussien..

Étape 52

Enfin, donnez au texte une réflexion comme pour le rouleau d’argent et de pièces..

Image finale

Voici à quoi ressemble l'icône finale!

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.