Share
Ce que vous allez créerLe merveilleux magicien d'Oz est l'un des romans de conte de fées pour enfants les plus populaires. Il est également apprécié par des millions d'adultes pour son atmosphère fantastique et magique. Dans ce didacticiel, nous allons créer un portrait coloré de Cowardly Lion, en utilisant une photo pour créer un look réaliste et défini. Nous ajouterons des effets de saleté et d’éclairage pour créer une affiche thématique élégante avec le lion lâche. Commençons!
Pour notre tutoriel, nous utiliserons cette photo d'un lion de Pixabay.com. Il existe également une superbe collection de photos de lions sur PhotoDune, si vous souhaitez créer une variante du didacticiel..
Fichier> Place la photo dans votre document Adobe Illustrator et positionnez-la de sorte que la tête du lion se trouve au centre de votre Artboard. J'ai défini la taille de l'Artboard sur 700 x 800 px. Vous pouvez modifier la taille de l’artboard à tout moment à l’aide du bouton Outil de planche graphique (Shift-O).
Double-cliquez sur le calque contenant la photo du lion dans le Couches panneau et vérifier la Dim Images to boîte, en tournant notre image de référence dans un modèle semi-transparent.
Créer un Nouvelle Couche sur le calque d'esquisse pour le contour.
Commençons par l'oeil du lion. Nous allons utiliser le Outil Pinceau Blob (Maj-B). Vous pouvez réellement utiliser le Outil Pinceau (B) comme il est plus polyvalent et facile à éditer, car il vous permet de tracer des chemins séparés, puis d’ajuster chaque chemin à l’aide des touches Outil de sélection directe (A). Cependant, le Outil Pinceau Blob (Maj-B) est plus proche du dessin de la vie réelle, comme si vous utilisiez un marqueur. L'inconvénient de cet outil est que vous dessinez avec des formes plus difficiles à modifier. Cependant, ils ont l’air plus naturel, c’est donc à vous de décider quel outil choisir.
Vous pouvez voir les paramètres de mon Outil Pinceau Blob (Maj-B) dans la capture d'écran ci-dessous. J'utilise une tablette numérique, alors j'active le Pression fonctionnalité à côté de la Taille curseur.
Nous commençons à délimiter l'œil en modifiant la largeur des lignes en faisant varier la pression. Appuyez plus fort sur votre tablette pour obtenir une ligne plus épaisse et appliquez une très légère pression pour obtenir une ligne plus fine. Vous pouvez également modifier la taille du pinceau à l’aide des touches [ et ] clés.
Ajoutez plus de détails, en ajoutant de petits traits fins autour de l'œil pour la fourrure. Suivez la direction des cheveux du lion en regardant la photo.
Déplacez-vous vers le nez et la gueule de notre lion. Notez que nous ne décrivons que la partie gauche du visage, car nous créerons ensuite une copie en miroir pour créer un portrait symétrique..
Ne vous inquiétez pas si les lignes se chevauchent à cette étape, car nous y remédierons également..
Utilisez des traits courbes pour ajouter une partie barbue sous la bouche.
Passons aux oreilles de notre lion. Le contour de l'oreille semble plus rugueux et ondulé, alors changeons le fidélité de nôtre Outil Pinceau Blob (Maj-B), déplacer le curseur plus près de Précis sur le côté gauche. Maintenant, nous pouvons faire des traits encore plus naturels avec des détails mineurs.
Dessinez la crinière du lion autour du visage (uniquement du côté gauche de la tête). Puis sélectionnez toutes les lignes créées, Groupe (Contrôle-G) eux et double-cliquez sur le Outil de réflexion (O) ouvrir le Réfléchir fenêtre d'options. Retournez l'image sur la Axe vertical et utiliser le Copie bouton pour créer le côté droit de la tête du lion.
Utilisez la photo de référence pour placer la copie décrite dans la bonne position, en déplaçant l'œil droit au même endroit que sur la photo. Vous remarquerez que d'autres parties (la bouche et le nez) peuvent chevaucher la moitié gauche de l'image décrite, mais ne vous inquiétez pas pour cela..
Sélectionnez la copie des contours sur le côté droit et double-cliquez dessus pour Isoler le groupe sélectionné. Sélectionnez les lignes du nez et déplacez-les vers la droite, en plaçant le nez dans la position appropriée. Faites la même chose pour la bouche et la barbe.
Ajustez la position de la crinière sur le côté droit de l'image. Redessine certaines parties de la crinière afin de rendre l'image plus polyvalente et non complètement symétrique.
Tournons les sourcils du lion à l'envers pour lui donner un air plus lâche. Pour augmenter cet effet, ajoutons également une petite ligne arquée sur les bords extérieurs des yeux..
Utilisez le Des guides localiser le centre du visage du lion et positionner les éléments symétriquement. presse Contrôle-R pour montrer le Règles. Cliquez sur le côté gauche Règle et faites glisser le Guider à votre Artboard, en le plaçant au milieu du visage du lion. Ajouter des détails mineurs au nez, en définissant son centre.
Si vous effectuez un zoom avant, il est possible que certaines des lignes se chevauchent. Voyons comment nous pouvons nous débarrasser des morceaux indésirables en dehors des lignes. Sélectionnez deux lignes qui se chevauchent et prenez la Outil de création de forme (Maj-M). Placez le curseur de la souris sur la partie non souhaitée et cliquez dessus tout en maintenant Alt pour le supprimer.
Utilisez le Supprimer l'outil de point d'ancrage (-) supprimer les points d'ancrage inutiles et le Outil de sélection directe (A) pour déplacer les points, faire correspondre les formes.
Animons notre image en ajoutant des couleurs! Tout d'abord, nous allons construire un jeu de couleurs de base avec des couleurs plates, créant ainsi l'apparence générale de notre lion. Ensuite, nous ajouterons plus d'accents et utiliserons les dégradés pour les ombres et les harmoniques, rendant l'image plus réaliste..
Créer un Nouvelle Couche sous la couche de contour. Placez l’image de référence du lion à côté de la planche d’art et utilisez le Outil Pipette (I) choisir la couleur beige clair de base sur la photo.
Prendre le Outil Crayon (N) et commencez à remplir de couleur la partie supérieure de la crinière. Vous n'avez pas besoin de faire en sorte que la ligne des cheveux répète exactement le même formulaire que les contours que nous avons créés précédemment. Il suffit de faire les formes correspondent les unes aux autres. Déplacez-vous le long du bord de la crinière en ajoutant des taches de couleur tout en laissant le centre du visage du lion vide pour l'instant..
Vous pouvez voir les paramètres de mon Outil Crayon (N) dans la capture d'écran ci-dessous.
Lorsque vous avez créé suffisamment de formes beiges autour du visage, sélectionnez-les et Unir dans le Éclaireur panneau, créant une forme fusionnée avec un espace vide au centre.
Dessinez une forme beige clair pour le centre du visage et L'envoyer à l'arrière (Control-Shift- [), le placer sous la crinière. Choisissez une couleur brun clair sur la photo de référence et ajoutez des accents plus sombres au portrait en dessinant des formes de cheveux bruns le long des pommettes, du front et des oreilles..
Déplacez-vous vers le bas du visage en remplissant la partie intérieure du nez et de la bouche de couleur brun foncé et en plaçant des formes rose pâle plus claires sur le dessus, en ajoutant de la profondeur aux éléments..
Maintenant, animons les yeux! Nous utilisons toujours le Outil Crayon (N) ici. Créez une base brun foncé en forme d’œil. Ajoutez une fine forme ondulée gris clair le long de la paupière inférieure pour lui donner un aspect humide.
Tracez un cercle pour l'iris. Et rendons-le plus réaliste en appliquant un dégradé radial avec un centre orange vif et un bord jaune clair.
Nous pouvons également ajouter de la profondeur à l'œil en plaçant une ombre semi-transparente sous la paupière supérieure. Dessinez une forme légèrement arquée à la partie supérieure de l'œil et remplissez-la d'un dégradé linéaire vertical allant du marron foncé au blanc au bas. Basculer vers Multiplier le mode de fusion dans le Transparence panneau, rendant ainsi la partie blanche du dégradé transparente et transformant la forme en une ombre subtile.
Terminez avec les yeux en ajoutant quelques reflets brillants, en les remplissant de dégradés linéaires horizontaux allant du jaune clair au noir. Basculer vers Mode de fusion d'écran pour rendre les parties noires transparentes, rendant les yeux vifs et brillants.
Faisons en sorte que le portrait soit plus tridimensionnel et texturé en ajoutant des rehauts autour des yeux et du nez de notre lion. Rendez les bords des points saillants rugueux, décrivant les poils séparés de la fourrure, et utilisez les mêmes dégradés linéaires jaune-noir et Mode de fusion d'écran rendre les formes semi-transparentes.
Ajoutons plus de profondeur au portrait en modifiant les couleurs de base à plat de la crinière en dégradés subtils des mêmes nuances, ce qui rend la partie inférieure de la tête plus sombre que la partie supérieure..
Rendons les couleurs plus vives en augmentant la saturation. Rendez plus vives les couleurs de la crinière et de la partie centrale du visage en les rendant plus jaunâtres. Et ajoutez plus de teintes orange aux oreilles et autour des pommettes.
J'ai décidé de supprimer les contours noirs de la crinière le long des contours du portrait, ajoutant ainsi plus d'air à l'image et la rendant moins "bruyante"..
Modifions un peu plus les contours pour qu'ils correspondent à la palette de couleurs de notre lion. Sélectionnez les contours noirs que nous avons sur la couche supérieure. Unir les contours sélectionnés dans le Éclaireur et faites un clic droit pour ouvrir un menu contextuel. Choisir Faire un chemin composé (ou appuyez sur Contrôle-8), combinant toutes les parties séparées des contours en un seul objet.
Enfin, appliquez un dégradé linéaire sur les contours allant du violet foncé au centre au orange foncé du bord..
Voici comment notre lion regarde cette étape.
Rendons le lion fier et majestueux en ajoutant du volume à sa crinière, en le rendant plus gros et plus furrier. Prenez le Outil Crayon (N) et dessine une autre forme velue autour de la tête. Envoyer il Retour (Control-Shift- [), placez-le sous la tête et remplissez-le de dégradé radial brillant allant du jaune au centre à l'orange foncé au bord, le rendant plus foncé que la couleur de base de la crinière et soulignant ainsi le visage.
Et dessinez une autre couche de cheveux sous la précédente, rendant la crinière plus détaillée. Remplissez-le avec un dégradé radial plus clair pour séparer les formes de cheveux, ajoutant de la dimension à notre image..
Formons un arrière-plan simple et ajoutons des détails complexes à notre portrait, pour en faire une affiche dédiée au Magicien d'Oz..
Tout d’abord faire un Nouvelle Couche et utiliser le Outil Rectangle (M) faire un rectangle de la même taille que notre Artboard (dans notre cas, c’est 700 x 800 px). Remplissez la forme avec un dégradé radial allant du beige clair au centre au beige foncé des bords, créant ainsi l’effet d’une subtile vignette.
Ajoutons quelques détails, qui sont étroitement liés à l'histoire du magicien d'Oz. Souvenez-vous de la médaille du courage que le lion lâche a reçu du magicien d'Oz?
Nous ne représenterons pas la médaille elle-même. Cependant, cela nous aidera à nous inspirer et à utiliser certains de ses éléments pour notre affiche, tels que les bandes rouges et le ruban bleu..
Prendre le Outil Rectangle (M) et tracez une étroite bande verticale à la hauteur de notre Artboard. Tenir Alt-Shift et faites glisser la bande vers la droite pour créer une copie. presse Contrôle-D plusieurs fois, créant plus de copies.
Enfin, sélectionnez toutes les bandes et Groupe (Contrôle-G) leur.Appliquez un dégradé radial à notre groupe de rayures, allant du rouge vif au centre au rouge foncé sur les bords, pour donner aux rayures un aspect brillant et lisse..
Copie la forme des cheveux en bas de la crinière du lion et Coller il à l'arrière (Control-C> Control-B). Agrandissez un peu la copie et changez sa couleur en dégradé radial allant du rouge foncé au centre au blanc sur les bords. Appliquer Multiplier le mode de fusion, transformer la forme en une ombre subtile afin de faire ressortir la tête sur le fond.
Voici comment la composition globale se présente à cette étape.
Ajoutons maintenant quelques taches et éclaboussures à notre affiche, créant ainsi un effet rétro grungy. Il y a deux façons de le faire. La première et la plus simple consiste à utiliser les pinceaux artistiques Adobe Illustrator intégrés, que vous pouvez trouver dans la Bibliothèque de brosses de votre Des pinceaux panneau (cliquez sur le Menu des bibliothèques de brosses icône et aller à Artistique> Artistic_Ink ou Aquarelle Artistique).
Vous pouvez vérifier Partie 3, étape 2 et à partir du Concevez une jaquette de CD de style grungy à faible polygone dans Adobe Illustrator tutoriel pour voir comment appliquer de tels pinceaux à votre image, en créant l'effet souhaité.
La deuxième façon prend plus de temps, mais en même temps, elle est beaucoup plus créative et intéressante. Donc si vous voulez donner plus d’esprit à votre image, travaillons un peu avec un médium traditionnel.
Utilisez de l'encre, des aquarelles, de la gouache ou tout ce que vous aimez pour créer des éclaboussures et des éclaboussures sur le papier. J'utilise de l'encre noire et un pinceau ordinaire pour faire beaucoup de petits points texturés en faisant couler l'encre sur le papier à partir de la pointe du pinceau. Vous pouvez également utiliser une brosse à dents pour obtenir un bel effet d'éclaboussure.
Numérisez votre image ou utilisez votre téléphone pour créer une photo, mais assurez-vous de disposer de suffisamment de lumière pour que l'arrière-plan soit plus ou moins net, sans aucune ombre..
Ouvrez votre image dans Adobe Photoshop et appuyez sur Contrôle-L ouvrir le Niveaux fenêtre d’options (ou aller à Image> Réglages> Niveaux). Et à partir de là, essayons de donner à notre image le plus de contraste possible en tirant le curseur noir de gauche à droite, en assombrissant les parties sombres de l'image. Et tirez le curseur blanc de droite vers la gauche, éclaircissant davantage les zones blanches.
Voilà à quoi ça ressemble maintenant: nous avons des taches noires sur un fond blanc pur.
Enregistrez votre image au format JPEG et Fichier> Place dans Adobe Illustrator. Maintenant nous avons le Trace d'image fonction disponible dans le panneau de commande supérieur.
Sélectionnez le Photo haute fidélité préréglé à partir du menu déroulant Trace d'image liste, puis, une fois l’image tracée, cliquez sur le bouton Panneau de trace d'image bouton, qui est apparu dans le panneau de commande en haut.
Ici, dans le Trace d'image panneau d'options, déplacez le Les chemins et Coins curseurs à 100% pour obtenir autant de détails que possible. En ce qui concerne la Couleurs curseur, définissons la valeur des couleurs sur 1, parce que nous avons une seule couleur: le noir. Met le Bruit valeur à 1 px ainsi que.
Laissez tous les autres paramètres par défaut et Développer l'image du panneau de commande supérieur, en transformant le résultat tracé en formes vectorielles.
Créer un Nouvelle Couche entre les couches, contenant le fond et la tête de lion. Et commencez à ajouter les taches sales que nous venons de créer.
Remplissez certaines des taches avec des dégradés linéaires allant de l’orange au blanc et du rouge au blanc, puis passez au Multiplier le mode de fusion, rendant les taches semi-transparentes.
Remplir les autres formes avec une couleur bordeaux foncé en appliquant Écran mode, créant ainsi des taches claires et estompées au-dessus de l'arrière-plan.
Créer un autre Nouvelle Couche, cette fois en le plaçant sur la tête du lion. Ajoutez plus d’éclaboussures au-dessus du visage et autour de la tête en remplissant les formes de dégradés semi-transparents. Multiplier mode.
Placez deux points ronds au-dessus des yeux du lion et remplissez-les de dégradés radiaux allant du blanc au centre à l'orange sur les bords. Appliquer Multiplier le mode de fusion, rendre les centres des taches transparents.
Maintenant, rendons un ruban lumineux au bas de notre affiche. Commencez par tracer une bande étroite à l’aide du Outil Rectangle (M) et remplissez-le avec un dégradé linéaire horizontal allant du lilas foncé aux bords au bleu vif au centre.
Prendre le Outil stylo (P) et formez un petit triangle noir dans la partie inférieure gauche du ruban. le Smart Guides (Affichage> Smart Guides) sont vraiment utiles à cette étape, lorsque vous devez positionner les objets les uns sur les autres et les faire correspondre.
Ajouter un petit rectangle sous les formes, formant un pli du ruban.
Sélectionnez à la fois le petit triangle et le pli, puis utilisez les touches Outil de réflexion (O) retourner les éléments sur la Axe vertical. appuyez sur la Copie bouton et déplacez la copie créée sur le côté opposé du ruban.
Ajoutons maintenant un titre à notre ruban. Utilisez une police complexe avec des empattements, par exemple Trajan Pro 3 ou une police gratuite Playfair Display, et tapez COURAGE. Objet> Développer l'apparence, transformer le texte en un ensemble de lettres vectorielles séparées.
Et faisons en sorte que les lettres soient dorées en appliquant un dégradé linéaire complexe complexe en six couleurs, du brun foncé aux bords au jaune clair en passant par le orange..
Rendre le titre plus tridimensionnel en allant à Objet> Chemin> Chemin décalé et appliquer un Décalage 2 px valeur. Remplissez la forme créée avec un dégradé linéaire vertical allant du beige sur les bords au jaune clair (presque blanc) au centre.
Placez le titre au-dessus du ruban et ajoutez-en un autre. Décalage forme avec Décalage 2 px valeur. Remplissez la forme avec une couleur bleu foncé et passez à Multiplier le mode de fusion, créer une ombre sous les lettres et les faire ressortir davantage contre le ruban.
Faisons notre ruban légèrement plié. Sélectionnez à la fois le ruban et le titre et Groupe (Contrôle-G) leur. Aller à Effet> Warp> Arc. Déplacez le curseur vers la gauche en réglant la Courbure horizontale valeur à -20%, faire le ruban arqué.
Objet> Développer le ruban et placez-le dans la partie inférieure de notre affiche, donnant à la composition un aspect complet. Ajoutez une ombre subtile sous le ruban de la même manière que pour la tête de lion, en plaçant la copie du ruban sous la forme de base, en la remplissant d'un dégradé linéaire rouge-blanc et en la basculant sur Multiplier le mode de fusion.
Bon travail! Nous avons terminé le portrait de notre lion lâche, et il a donc gagné son courage!
J'espère que vous vous êtes inspiré en suivant ce didacticiel et que vous avez découvert de nouvelles techniques de coloration et de texturation, utiles pour vos conceptions et vos créations.!
Vous pouvez aller encore plus loin et ajouter des détails plus brillants à l'affiche en plaçant des étincelles décoratives colorées ici et là. Check-out Partie 4, étapes 3 et 4 du tutoriel Comment créer une lanterne de bougie d'hiver dans Adobe Illustrator pour savoir comment créer ces étincelles rougeoyantes et les rendre plus colorées!
Amusez-vous et restez à l'écoute pour plus!
Accentsconagua