Créer un ensemble d'yeux brillants

Ce tutoriel vous apprendra comment créer des yeux vectoriels détaillés pouvant être utilisés pour toutes sortes de projets de création de personnage. Les techniques utilisées ici sont basiques et les processus rapides et simples, mais le résultat est superbe.

Si vous êtes débutant, attendez-vous à en apprendre un peu plus sur les masques d'opacité, les dégradés, les effets et les raccourcis pratiques. Si vous êtes un utilisateur Illustrator plus avancé, nous vous encourageons à expérimenter un peu les étapes présentées ici! Prendre plaisir!

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: Illustrator CS4
  • Difficulté: Débutant
  • Temps d'exécution estimé: 10 à 20 minutes

Étape 1

Ouvrez un nouveau document de 800 x 800 pixels, défini sur RVB, à 72 dpi. Nous allons commencer par faire l'iris. Nous utilisons le bleu comme couleur de base, mais vous pouvez utiliser ce que vous voulez ou changer de couleur à la fin. Veillez à enregistrer (Commande + S) à chaque étape. En double-cliquant sur Remplir dans la palette de couleurs (F6), vous pouvez changer la couleur de remplissage en bleu, nous avons utilisé # 56CAF4..

Étape 2

L'outil Ellipse étant sélectionné, maintenez les touches Alt + Maj enfoncées et faites glisser un cercle au centre de votre document..

Étape 3

À l'aide de l'outil de sélection directe (A), déplacez les points à l'aide des nœuds et des poignées pour créer une forme plus irrégulière..

Étape 4

Pour prendre une bonne habitude au début, nous allons nommer nos couches au fur et à mesure! Dans la palette Calques, double-cliquez sur "Couche 1" et nommez ce calque "œil". Cliquez sur la petite flèche blanche à côté de la vignette pour afficher les chemins de cette couche. Double-cliquez sur le premier chemin et nommez cette couche "iris"..

Pour dupliquer ce calque, commencez par saisir l'outil de sélection (V), puis utilisez-le pour sélectionner votre forme, copiez-la (Commande + C) et collez-la devant (Commande + F). Changez cette nouvelle forme en noir en utilisant la palette de couleurs.

Étape 5

Saisissez l'outil de sélection, sélectionnez votre nouvelle forme noire et maintenez les touches Maj + Alt enfoncées pour la redimensionner à la moitié environ. Vous devriez voir la forme de l'iris derrière. Déplacez votre forme noire un peu décentrée, en haut et à droite. Nommez ce chemin "élève".

Étape 6

Sélectionnez l'outil Ellipse (L), maintenez la touche Alt enfoncée et créez une ellipse. Changer le remplissage en blanc. À ce stade, il est judicieux de verrouiller vos calques "élève" et "iris" afin de ne pas les modifier par inadvertance..

Étape 7

Faites pivoter votre calque d'ellipse à environ 45 degrés. En utilisant à nouveau l'outil de sélection directe (A), modifiez et déplacez ses points pour créer une forme brute ressemblant à une saucisse. Maintenant, déplacez-le pour qu'il chevauche "l'iris" et "l'élève".

Étape 8

Répétez les deux dernières étapes pour créer une forme plus petite, semblable à un œuf, pour finir la réflexion par le haut. À l'aide de l'outil de sélection, maintenez les touches Alt et Clic enfoncées et faites glisser votre première réflexion blanche vers le côté inférieur gauche de l'œil. Faites pivoter cette nouvelle copie de 180 degrés et réduisez-la légèrement. Placez-le comme indiqué ci-dessous sur l'iris près de l'élève.

Étape 9

Ouvrez la palette de transparence (Maj + Commande + F10). Maintenant, avec votre nouvelle forme toujours sélectionnée, modifiez son opacité à 60. Nommez ces trois calques "mettre en surbrillance, 1" "mettre en surbrillance 2" et "mettre en surbrillance 3."

Étape 10

Nous allons maintenant créer une texture pour l'iris. Lorsque l'outil Plume (P) est sélectionné et que le remplissage est défini sur blanc, placez quatre points comme indiqué ci-dessous et fermez la forme en cliquant à nouveau sur votre premier point..

Étape 11

Répétez cette étape pour deux formes plus petites.

Étape 12

Avec ces trois formes sélectionnées (V), regroupez-les en appuyant sur Commande + G et nommez ce groupe 'texture de l'iris'. Nous allons maintenant créer un masque pour le calque "texture de l'iris". Déverrouillez le calque "iris", sélectionnez-le avec l'outil de sélection, copiez-le (Commande + C), puis verrouillez à nouveau le calque..

Avec le groupe "texture de l'iris" sélectionné, ouvrez à nouveau la palette Transparence et double-cliquez dans l'espace vide à côté du carré blanc. Le groupe de textures devrait disparaître et un carré noir apparaîtra à l'endroit où vous avez cliqué. Ceci est votre masque d'opacité.

Étape 13

Maintenant que vous êtes dans le masque d'opacité, appuyez sur Commande + F pour coller la forme d'iris à la place. Modifiez la couleur de remplissage de la forme du bleu au blanc. Cela contraindra la texture de l'iris à la forme de l'iris.

Étape 14

Pour sortir du masque d'opacité, cliquez simplement sur le carré blanc à côté. Toujours dans la palette de transparence, changez le mode de fusion en superposition et l'opacité à 40.

Étape 15

Pour ajouter de la profondeur à l’iris, déverrouillez le calque "iris" et dupliquez-le (Commande + C), puis collez-le à la place de Commande + F). Renommez ce nouveau calque "dégradé d'iris". Ouvrez le palais du dégradé (Commande + F9) et sélectionnez le type "Radial". Double-cliquez sur le premier curseur, définissez la couleur sur blanc et appuyez sur Entrée. Sélectionnez le deuxième curseur, définissez la couleur sur blanc et définissez l'opacité sur 0..

Étape 16

Avec le calque dégradé toujours sélectionné et le calque de transparence ouvert, définissez le mode de fusion sur Superposition et l'opacité sur 85.

Étape 17

Pour créer de la profondeur à l'iris, sélectionnez le calque "iris" et appliquez Effet> Styliser> Inner Glow. Changez la couleur de l'Inner Glow en sélectionnant le carré blanc en regard de Mode, définissez la couleur sur noir et cliquez sur OK. Réglez le mode sur Multiplier, l’opacité sur 10 et le flou sur 25.

À ce stade, vous pouvez jouer avec la couleur de votre iris pour l'adapter à votre personnage et également modifier les couches de lueur et de dégradé de l'iris pour modifier la luminosité et la profondeur. Sauvegarder ce document et fermer.

Étape 18

Pour l’œil, rappelez-vous que cette forme n’est qu’un guide et que vous devez la modifier pour l’adapter à votre personnage. Créez un nouveau document 800px par 800px, RVB, 72 dpi. À l'aide de l'outil Ellipse, le remplissage étant défini sur # F7F6F0, faites glisser un cercle approximatif pour remplir la moitié du document..

Étape 19

Répétez le même processus qu'à l'étape 4 et utilisez l'outil de sélection directe (A) pour créer une forme irrégulière..

Étape 20

Sélectionnez Effect> Stylize> Inner Glow et changez la couleur en # 442D00, le mode à multiplier, l'opacité à 5 et le flou à 130..

Étape 21

Placez votre fichier iris et élève dans le document en sélectionnant Fichier> Importer, puis en choisissant votre fichier "iris". Redimensionnez et positionnez-le comme indiqué ci-dessous.

Étape 22

Une fois le fichier importé sélectionné, accédez à Effet> Styliser> Ombre portée et utilisez les paramètres ci-dessous. Assurez-vous de changer la couleur de l’ombre portée en # 00CFFF..

Conclusion

Copiez et redimensionnez votre œil pour créer un ensemble. Vous avez terminé!

Découvrez quelques exemples d'utilisation des yeux ci-dessous… J'espère que vous avez apprécié ce tutoriel!

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