Share
Une bonne œuvre d'art est encore meilleure dans un cadre. Ce didacticiel utilise l’outil Gradient Annotator d’Illustrator CS4 pour simuler l’aspect du grain du bois. Vous apprendrez également à recolorer une illustration pour obtenir des effets de lumière subtils. Commençons!
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.
Premièrement, nous allons créer des dégradés ligneux. Accédez au panneau Nuancier et, dans le menu déroulant, choisissez Ouvrir la bibliothèque de nuances> Dégradés> Bois..
À l'aide de l'outil Rectangle (M), tracez un carré. Remplissez le carré avec l'un des dégradés de bois. Nous voulons quelque chose avec un certain contraste, alors j'ai choisi la nuance "Chypre" (survolez les nuances avec le curseur pour afficher leurs noms). Modifiez le dégradé de Linéaire à Radial en sélectionnant "Radial" dans le panneau Dégradé..
Le carré étant toujours sélectionné, accédez au panneau Nuancier et sélectionnez "Nouveau groupe de couleurs" dans le menu déroulant, ou cliquez sur l'icône Nouveau groupe de couleurs au bas du panneau. Dans la boîte de dialogue, cochez le bouton radial "De l'œuvre sélectionnée" et nommez ce groupe de couleurs "Bois sombre". Vous vous retrouverez avec un groupe de couleurs contenant les couleurs individuelles du dégradé.
Nous allons maintenant modifier ce dégradé en y ajoutant quelques arrêts avec l’outil Dégradé (G). Si vous utilisez Illustrator CS4, l'annotateur de dégradé apparaît au-dessus du carré rempli lorsque vous la survolez..
Cliquez sur le bas du curseur (dans l'annotateur ou dans le panneau Dégradé) pour ajouter des arrêts au dégradé. Le curseur se transformera en une flèche blanche avec un signe "plus". Ne vous inquiétez pas pour les couleurs maintenant, ajoutez simplement des arrêts. Environ 16 ou 20 ira bien.
Double-cliquez sur chaque arrêt de couleur pour changer de couleur. Dans CS4, cela peut être fait directement à partir de l'annotateur de gradient. En utilisant le groupe de couleurs que vous venez de créer, alternez les couleurs claires et sombres.
Maintenant, faites glisser chaque couleur sombre plus proche de chaque couleur claire. Observez les modifications sur le carré rempli de dégradés. Le résultat final devrait ressembler à une coupe transversale d'un tronc d'arbre. Essayez de ne pas faire la couleur s'arrête équidistante; nous voulons des variations dans la distance entre chaque paire lumière / obscurité.
Faites glisser le nouveau dégradé créé dans le panneau Nuancier pour le sauvegarder. Si vous le souhaitez, vous pouvez double-cliquer sur le nouveau nuancier pour le nommer..
Dessinez un rectangle (ou une forme quelconque) et remplissez-le avec un dégradé de bois plus clair à partir des préréglages "Bois". Ici j'ai choisi "Maple". Comme auparavant, accédez au panneau Nuancier et choisissez "Créer un nouveau groupe de couleurs" en utilisant la méthode "À partir de l'œuvre sélectionnée". Nommez ce groupe "Bois clair". Supprimer la forme "Maple" remplie. Maintenant, nous pouvons utiliser ce nouveau groupe de couleurs pour créer un autre dégradé à arrêts multiples..
Dupliquez le carré contenant le dégradé "anneau d’arbre" que vous avez créé à l’étape 6. Sélectionnez le duplicata et sélectionnez Edition> Modifier les couleurs> Recolorier l’illustration. Dans la boîte de dialogue qui apparaît, cliquez sur l'icône du nuancier en bas à droite, puis choisissez "Nuancier de document". Les groupes de couleurs que vous avez créés apparaîtront dans la colonne de droite. Remarque: Si vous ne voyez pas la colonne Groupes de couleurs, cliquez sur la flèche située sur le côté pour développer le panneau..
Choisissez le groupe "Bois clair" pour attribuer ces couleurs au nouveau dégradé. Cliquez sur OK. La recoloration est beaucoup plus rapide que de partir de zéro.
Comme précédemment, faites glisser la nuance de dégradé plus claire dans le panneau Nuancier pour la sauvegarder. Vous devriez maintenant avoir deux carrés, chacun rempli d'un dégradé de bois différent. Vous pouvez supprimer ces carrés ou les mettre de côté.
Dessinez un rectangle de 10 pouces sur 8 pouces. Laissez-le sélectionné et double-cliquez sur l'outil de mise à l'échelle. Entrez 98% et cliquez sur Copier. Avec la copie sélectionnée, double-cliquez sur l'outil de mise à l'échelle, entrez 92%, puis cliquez sur Copier. Faites-le encore trois fois, avec les pourcentages suivants: 97, 92, 98. Cela devrait ressembler aux résultats indiqués ci-dessous..
Sélectionnez l'outil Segment de ligne (\) et tracez une ligne qui part du coin supérieur gauche du cadre inférieur droit. Cela peut être approximatif; nous allons ajuster dans la prochaine étape.
Activer les guides intelligents (Commande + U). À l'aide de l'outil Sélection directe, déplacez le point final de la ligne de manière à ce qu'elle intersecte le coin supérieur gauche du cadre (il peut être utile d'afficher le mode Contour). Vous verrez le mot Couper quand vous avez frappé au bon endroit. Maintenant, faites ceci pour le point en bas à droite. Vous devriez vous retrouver avec une ligne diagonale allant d'un coin à l'autre.
Double-cliquez sur l'outil Reflect et réfléchissez la ligne à 90 °. Maintenant vous avez un X au milieu du cadre. Sélectionnez le X et les rectangles. Accédez à Effet> Pathfinder> Diviser ou cliquez sur l'icône Diviser dans le panneau Pathfinder..
Utilisez l'outil de sélection directe pour supprimer les quatre triangles au milieu du cadre. Faites glisser pour sélectionner, puis appuyez deux fois sur la touche Suppr. La structure du cadre est terminée, ajoutons maintenant le grain de bois.
Dissociez les éléments du cadre. Sélectionnez toutes les pièces sur le côté droit du cadre et remplissez avec le dégradé de bois clair que vous avez créé dans la partie I. Sur le panneau de dégradé, entrez 90 ° pour l'angle et un facteur de forme de 5%. Cela modifiera les remplissages de chaque forme individuellement et vous verrez un annotateur de dégradé sur chaque forme..
Nous voulons que le dégradé couvre tous les objets. Ainsi, avec l'outil Dégradé, cliquez et faites glisser les objets pour appliquer le grain du bois. Vous devrez probablement commencer au-dessus des formes sélectionnées et faire glisser un point situé en dessous pour obtenir un aspect correct. Cela peut prendre plusieurs tentatives.
Comme il s’agit d’un cadre biseauté, il doit avoir une certaine dimension. Sélectionnez la forme la plus à droite de la section que vous venez de remplir. Dans le panneau Nuancier, cliquez sur le dégradé plus foncé pour modifier son remplissage. Cela a pour effet de donner l’impression qu’il est coupé du même morceau de bois, mais il est dans l’ombre. Répétez ce changement avec chaque autre section de ce côté.
Continuez à remplir chaque côté du cadre et à se recolorer, comme ci-dessus. Nous réglerons l'éclairage plus tard.
Si l'une des formes présente un trait, modifiez-le. Groupez tout et vous avez terminé. Le cadre devrait ressembler à l'image ci-dessous.
Créez un nouveau calque sous le calque "Frame" et appelez-le "Mat". Masquer le calque "Frame". Dessinez un rectangle légèrement plus grand que l'ouverture du cadre. Dans ce cas, c'est environ 8 x 6,5 pouces.
Double-cliquez sur l'outil de mise à l'échelle, entrez 70%, puis cliquez sur Copier. Maintenant que les deux rectangles sont sélectionnés, sélectionnez Objet> Chemin composé> Créer (Commande + 8). Remplissez la forme avec une couleur chamois clair. C'est le top mat.
Sélectionnez la forme du tapis et copiez-la comme ci-dessus, cette fois à 97%. Remplissez-le d'une couleur contrastante (j'ai utilisé du bleu) et envoyez-le derrière le tapis supérieur.
Comme nous savons que la source de lumière se trouve en haut de l'illustration, remplissez le tapis du haut avec un dégradé radial allant du blanc chaud au blanc. Faites glisser l'outil de dégradé du centre vers le haut, en partant du centre..
Pour ajouter plus de dimension au tapis, sélectionnez-le et accédez à Effet> Styliser> Ombre portée. Étant donné que la lumière provient directement de l’en-tête, entrez 0 dans le champ Décalage X et environ 0,05 pouces (ou l’équivalent si vous préférez travailler en pixels) dans le décalage Y. Donne-lui un léger flou. Cochez la case Aperçu pour voir, puis cliquez sur OK.
Sélectionnez le tapis inférieur et sélectionnez Effet> Appliquer une ombre portée pour y ajouter la même ombre. Votre tapis fini devrait ressembler à l'image ci-dessous.
Nous allons juste faire une lampe de galerie simple au-dessus du cadre. Créez un nouveau calque sous le calque "mat". Dessinez un petit rectangle et remplissez-le avec le préréglage de dégradé "Cuivre". Changer l'angle à 90 °. Dessinez deux autres petits rectangles pour les embouts et remplissez-les avec le même dégradé. Ajustez légèrement la surbrillance juste pour lui donner une dimension. Regrouper les trois formes.
<
Pour le mur, dessinez un grand rectangle et envoyez-le derrière la lampe. Remplissez-le avec un dégradé radial allant d'une couleur chaude proche du blanc à une couleur neutre plus foncée. Cliquez avec l'outil Dégradé au bas de la lampe et faites glisser un arc de lumière.
<
1. Affichez toutes les couches. Vous devriez avoir trois totaux: un pour le cadre, un autre pour le tapis et le dernier contient la lampe et le mur. Sélectionner tout et centrer horizontalement.
2. Sélectionnez le cadre et accédez à Effet> Appliquer une ombre portée. Le cadre ayant une profondeur supérieure à celle du tapis, cliquez sur Ombre portée dans le panneau Apparence pour le modifier, en ajoutant un peu plus de décalage et de flou..
3. Le sommet du cadre est le plus proche de la lumière, il devrait donc être plus léger. Sélectionnez la pièce du haut à l'aide de l'outil Sélection directe et revenez à la boîte de dialogue Recolorier (Édition> Modifier les couleurs> Recoloriser l'illustration). Faites glisser le curseur Luminosité sur chaque couleur au maximum. Un nouveau dégradé apparaît dans le panneau Nuancier. Vous pouvez également l'appliquer en haut du rail inférieur. Effectuez tout autre ajustement de ce type adapté à la source de lumière.
4. Maintenant, ajoutez votre chef-d'œuvre et nous avons terminé!
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua