Share
Dans le tutoriel d'aujourd'hui, je vais vous montrer comment j'ai utilisé le panneau Apparence pour créer une version stylisée du bas d'une chaussure. C'est un excellent exercice pour ceux qui se familiarisent avec le panneau Apparence..
L'autre mois, je vous ai montré comment créer une illustration conceptuelle de baskets. Lors de la création de cette illustration, je vérifiais diverses images de stock qui, à mon sens, lui conviendraient le mieux. En cherchant des "baskets" et des "chaussures de sport", je suis tombé sur une image de stock du bas d'une paire de baskets. Toute autre personne se lève et pense "panneau d'apparence"?
Dans le tutoriel d'aujourd'hui, je vais vous montrer comment j'ai utilisé le panneau Apparence pour créer une version stylisée du bas d'une chaussure. C'est un excellent exercice pour ceux qui se familiarisent avec le panneau Apparence. Assez parlé, commençons…
Je vais commencer par un nouveau document et un fichier> placer l'image stock sur le tableau d'art. J'ai utilisé l'outil de transformation libre (E) pour le réduire afin qu'il corresponde aux limites de l'Artboard..
J'ai organisé mes calques comme indiqué ci-dessous et double-cliqué sur chaque calque pour les renommer en conséquence. Dans le dossier "BG", un rectangle de remplissage blanc (M) est défini sur Opacité 50% (il suffit de masquer et de masquer le calque pour atténuer rapidement l'image de référence). Comme vous pouvez le constater, j'ai dessiné sur l'image pour déterminer quelles formes ont des motifs et des styles similaires. Les principales sont à droite et à gauche de l'image (en magenta et cyan) avec des styles similaires au centre..
Je vais créer une forme pour la forme la plus complexe sur la semelle. C’est pourquoi je teste mon nouveau style graphique à la volée. J'ai donc dessiné la forme vers le talon et j'ai utilisé le moins possible de points avec l'outil crayon (P). J'ai ajouté deux points pour chaque coin incurvé.
Nous allons travailler dans le groupe de comparution aujourd'hui. Allez donc dans le panneau Fenêtre> Apparence si vous n'avez pas cet élément actif ou Maj + F6. Vous remarquerez que dans ce panneau, vous pourrez manipuler les attributs du trait et du remplissage. Comme avec le panneau Calque, vous pouvez masquer et afficher des éléments à l'aide de l'icône en forme d'œil à gauche..
En sélectionnant un fond ou un contour, allez dans le menu déroulant et vous pouvez dupliquer l’élément. Cela dupliquera tous les attributs et effets appliqués à un fond ou à un trait. Dans ce menu, vous pouvez également ajouter un nouveau remplissage et ajouter un nouveau trait. Vous remarquerez peut-être que vous pouvez le faire également en utilisant les deux premiers boutons en bas à gauche du panneau Apparence. Ces trois commandes que nous utiliserons le plus dans ce tutoriel.
Nous allons commencer avec deux remplissages et aucun accident vasculaire cérébral. La nuance de gris inférieure est C = 0, M = 0, Y = 0, K = 80 et le rose est C = 0, M = 95, Y = 20, K = 0..
Un de mes effets préférés lors de l'utilisation du chemin de décalage du panneau Apparence. A partir de cela, vous pouvez augmenter ou diminuer les limites du trait ou la taille du remplissage. Si vous utilisez une valeur positive, cela augmentera la taille et si vous utiliserez une valeur négative, cela la diminuera. Mettez en surbrillance le fond rose et sélectionnez Effets> Chemin> Décalage du chemin ou cliquez sur le bouton FX en bas du panneau Apparence. Je vais réduire le fond rose, alors je vais entrer la valeur "-15pt" puis cliquer sur Ok.
Dans cet esprit, je vais ajouter les nouveaux remplissages suivants pour créer un effet de groupe autour de la forme:
Entre les chemins de décalage -3pt et -13pt sera la bande la plus épaisse. C'est à cause du saut dans les valeurs.
Nous avons donc joué avec des surfaces de compensation, essayant maintenant avec un accident vasculaire cérébral. Je vais décaler le chemin un coup à -8.5pt. J'ai utilisé une couleur vive et coché Aperçu pour me montrer où sera le trait. Je l'ai voulu au milieu du groupe le plus épais que j'ai créé avec les chemins décalés.
Je vais utiliser un pinceau d'art créé en utilisant des mélanges le long du trait décalé de 8,5 points. Vous pouvez le faire en consultant mon tutoriel sur les méduses. Je lui ai donné une couleur de trait gris moyen (C = 0, M = 0, Y = 0, K = 50) et un trait de 0,75 pt..
Vous remarquerez peut-être que dans certains coins, le pinceau de fusion ne s'est pas connecté de manière transparente. J'ai modifié les angles en modifiant les poignées des angles à l'aide de l'outil de sélection directe (A)..
J'ai déplacé le trait de fusion sur la bande la plus épaisse, puis j'ai ajouté un trait de 2 points au-dessus de tous les remplissages avec une couleur de trait de C = 0, M = 0, Y = 0, K = 95. Un trait par défaut aura le centre de la largeur aligné le long du trait. Ainsi, la moitié de la largeur sera alignée vers l'extérieur et la moitié de la largeur sera alignée vers l'intérieur sur le trait. Cela signifie qu'avec un poids de 2 points, notre forme a augmenté de 1 point..
Je veux ajouter une texture à la bande la plus épaisse. Si vous êtes comme moi, vous risquez de ne pas savoir lequel des nombreux éléments du panneau Apparence que vous souhaitez ajouter. Donc, tout d’abord à des fins de test, je modifie les remplissages dans le panneau Apparence pour savoir quel remplissage est le plus épais avec une couleur contrastante. Donc, dans ce cas, un remplissage jaune vif!
Maintenant que je suis convaincu d'avoir trouvé le bon remplissage, je vais dupliquer l'élément, puis appliquer ma texture. Vous pouvez le trouver en allant dans le menu d'exploration du panneau Swatch, puis dans Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures et j'ai sélectionné "USGS 7 Vineyard". J'ai ensuite réglé ceci sur Multiplier le mode de fusion et l'opacité 50%.
J'ai ensuite rétabli le jaune dans sa couleur de remplissage d'origine, puis paramétré pour fusionner le trait de pinceau avec l'écran du mode Fusion, Opacité 60%.
Je vais appliquer un autre motif à cela. Mettez en surbrillance le fond rose et allez à Dupliquer l’article Sélectionnez Ouvrir Swatch Library> Patterns> Decorative> Decorative_Geometric 2> Stars 3D Color. J'ai ensuite changé le mode de mélange en Multiplier et l'opacité à 50%.
Je souhaite créer un effet 3D subtil sur la zone à motifs roses. Je vais donc dupliquer l'élément et modifier le chemin de décalage en -23pt.
J'ai ensuite appliqué un dégradé linéaire transparent de cyan à cyan à un angle de 135, réglé sur Mode de fusion Dodge couleur, Opacité 60% pour donner cette brillance subtile, comme indiqué ci-dessous..
J'ai ensuite dupliqué le remplissage du remplissage du chemin de décalage -3 pt et appliqué un dégradé linéaire transparent gris foncé défini sur Multiplier le mode de fusion, Opacité 100%. Cela donnera une légère ombre.
Je veux adoucir les bords de la brillance, je vais donc ajouter un trait de décalage du trait -23 pts (pas de remplissage) autour de la brillance. Il aura une couleur de trait jaune, un poids de trait de 0,5 pt et sera réglé sur le mode de mélange superposé et l'opacité 50%.
Pour enregistrer le style que vous avez créé, allez dans le panneau Styles graphiques et cliquez sur Nouveau style graphique. Double-cliquez sur l'icône dans le panneau Styles graphiques pour la renommer "Shoe Sole 1" et cliquez sur OK. Ensuite, avec l'outil Crayon (P), dessinez le reste des formes pour la semelle de la chaussure puis sélectionnez Tout sélectionner (Ctrl + A), puis cliquez sur l'icône correspondant à "Semelle 1" pour appliquer les styles graphiques..
J'ai maintenant groupé (Ctrl + G) notre premier ensemble de formes et les ai verrouillées afin que nous ne les affections pas. Maintenant, je vais utiliser l'outil Crayon (P) pour dessiner les formes à droite de la semelle et appliquer le style graphique "Shoe Sole 1"..
Je vais utiliser notre premier style graphique comme modèle pour notre prochain. Commencez donc par utiliser la fonction masquer / afficher pour déterminer les attributs dont vous n’avez pas besoin dans le style graphique "Shoe Sole 1". Puis sélectionnez-les et supprimez l'élément sélectionné. Avec les attributs restants, j'ai créé un nouveau style graphique et l'ai renommé "Shoe Sole 2". Je peux ensuite l'utiliser comme base pour les deux prochains styles graphiques.
Sur l'image de référence d'origine, il y a un motif ondulé dans les formes à droite. Je vais créer un motif assez similaire à celui-ci, à ajouter à notre panneau Apparence. Tracez d’abord une ligne verticale à l’aide de l’outil Segment de ligne (\). Ensuite, allez dans Effets> Transformer et déformer> Zig-Zag et utilisez les paramètres ci-dessous.
Pendant que votre vague est sélectionnée, allez à Objet> Développer et cela étendra l’effet Zig Zag à une seule ligne ondulée. Ensuite, dans le panneau Apparence, vous voudrez lui attribuer un trait gris pâle de 5 pt (C = 0, M = 0, Y = 0, K = 40), puis un Nouveau trait avec un trait gris foncé de 2 points (C = 0, M = 0, Y = 0, K = 90).
Utilisez ensuite les mêmes attributs avec l'outil Segment de ligne (\) et tracez des traits derrière la vague. Visez le centre des pics et des creux de chaque vague. Si vous avez activé les guides intelligents (Shift + U), cela facilitera les choses. Ensuite, tracez une ligne entre le sommet et le creux.
J'ai ajouté des lignes en haut et en bas de notre motif d'onde, puis j'ai placé un rectangle (M) derrière les lignes avec le même remplissage gris foncé (C = 0, M = 0, Y = 0, K = 90). ). Encore une fois, utilisez Smart Guides (Shift + U) pour vous aider à aligner cela. Vous remarquerez que les lignes que vous avez créées en haut et en bas du motif chevauchent le rectangle (M). Encore une fois, cela est dû au fait que les traits sont alignés le long du centre de la trajectoire. Par conséquent, la moitié du poids du trait se situe de part et d'autre de la ligne..
Nous allons chevaucher à nouveau les bords, cette fois avec l'outil Ellipse (L) pour créer des cercles dans chaque creux..
Dupliquez le rectangle, puis regroupez tous les éléments de votre motif (Ctrl + G), en laissant votre rectangle dupliqué au-dessus du groupe. Utilisez ceci pour créer ensuite un masque d'écrêtage (Ctrl + 7).
Dupliquez le groupe de masques d'écrêtage et alignez-les verticalement, comme indiqué ci-dessous. Regroupez-les (Ctrl + G), puis faites-les glisser dans le panneau Nuancier pour créer un motif..
J'ai sélectionné le remplissage avec le dégradé linéaire transparent, puis l'élément dupliqué. J'ai ensuite utilisé notre motif d'onde / ligne comme remplissage et l'a réglé sur Écran du mode Fusion, Opacité 50%..
Je pense que le motif est trop large. J'ai donc sélectionné toutes les formes à droite de la semelle (Ctrl + A), puis mis en surbrillance le remplissage du motif dans le panneau Apparence. Ensuite, allez à Objet> Transformer> Échelle et assurez-vous que la seule case cochée est "Motifs". Cela ne fera alors que redimensionner le motif et dans ce cas, le réduire à 75% de son échelle d'origine. Puis cliquez sur Ok.
Accédez au panneau Styles graphiques et attribuez un nouveau style graphique aux attributs du panneau Apparence et renommez-le "Semelle 3"..
Bien que je sois satisfait du style graphique actuel, je souhaite faire pivoter légèrement le motif pour chacune des formes. Alors encore une fois avec le motif de remplissage sélectionné pour l'une des formes, allez à Objet> Transformer> Rotation. Assurez-vous que seulement la case "Motif" est cochée, entrez votre valeur et cliquez sur OK.
Je l'ai fait pour chaque forme individuellement avec les valeurs ci-dessous. Une fois cela fait, j'ai regroupé toutes les formes (Ctrl + G) et je les ai bloquées.
J'ai dessiné une nouvelle forme, sous les deux groupes, et appliqué le style graphique "Shoe Sole 2". J'ai ensuite dupliqué le remplissage du chemin de décalage -3pt et modifié la valeur en -5pt. J'ai ensuite changé le remplissage en gris plus clair (C = 0, M = 0, Y = 0, K = 60). Ensuite, sélectionnez Effets> Styliser> Gribouillis et appliquez les paramètres ci-dessous. Une fois cela fait, changez le mode de fusion en multipliant.
J'ai utilisé exactement les mêmes attributs pour créer une forme pour le bout et une Ellipse (L) sur le pont de la semelle, mais j'ai caché l'élément Opacity pour le remplissage Effet de dessin. Si vous masquez l'élément Opacité dans le panneau Apparence, le remplissage ou le trait individuel est réactivé en Mode de fusion Normal, Opacité 100%. Une fois cela fait, ajoutez New Graphic Style et renommez-le "Shoe Sole 4".
Utilisez l'outil Crayon (P) pour dessiner une forme pour le pied général et appliquez-lui le style graphique "Semelle 2".
Comme nous l'avons fait précédemment, j'ai modifié les attributs. De bas en haut:
Une fois cela fait, ajoutez New Graphic Style et renommez-le "White Sole".
J'ai utilisé le style graphique "White Sole" pour ajouter des formes supplémentaires dessinées avec l'outil Plume sur le talon et la voûte plantaire. Cependant, je suis allé dans le panneau Apparence et modifié le remplissage avec le dégradé avec l'outil Dégradé (G) comme indiqué ci-dessous..
Maintenant, nous avons notre semelle de chaussure de base, regroupez toutes vos formes (Ctrl + G). Puis dupliquez le groupe et déplacez-le vers la droite. Utilisez le panneau Aligner sur Aligner verticalement.
Comme nous n’avons pas deux pieds gauches, malgré ce que ma partenaire me laissera croire, sélectionnez le groupe situé à droite, puis sélectionnez Objet> Transformer> Réfléchissez et réfléchissez sur l’axe vertical. Cliquez sur Ok.
Lorsque vous réfléchissez la chaussure, elle indique également la direction des dégradés de surbrillance et d’ombrage. Découvrez la direction du point culminant du rose comme indiqué ci-dessous.
Vous devrez entrer dans chacun des groupes pour changer la direction des dégradés, soit en utilisant "Reverse Gradient" dans le panneau Gradient ...
Ou en changeant la valeur de l'angle du dégradé.
J'ai terminé mon illustration de la semelle de la chaussure en lui donnant un arrière-plan avec le style graphique "White Sole" et en supprimant le remplissage qui contient le dégradé. Ça rassemble bien tu ne penses pas?
J'espère que vous avez apprécié le tutoriel sportif d'aujourd'hui et appris à quel point l'utilisation du panneau Apparence peut être précise et rapide. Je sais qu'une fois que j'ai appris à l'utiliser, mon flux de travail a été rationalisé.!
Accentsconagua