Share
Ce que vous allez créerAlors que l'équipe Envato Tuts + a peut-être un faible pour les animaux à fourrure, il y a un nouveau gamin qui nous fait jaillir… et c'est Tom la tortue! Il vit avec notre éditeur de conception Web, Ian Yates..
Je voudrais que vous le rencontriez afin que vous puissiez comprendre l’impressionnant Tom.
Oh hai thar, je suis Tom… J'aime manger des roquettes et être mignon. Faites avec. Inspiré par sa gentillesse, j'ai décidé de créer un tutoriel sur la création d'une carapace de tortue à l'aide du panneau Apparence. Si vous n'avez pas encore utilisé le panneau Apparence, ce tutoriel est fait pour vous. Il est également gratuit avec la courbe de Bézier et l'outil de plume. Il est donc très facile d'essayer..
Le panneau Apparence vous permet d'ajouter plusieurs remplissages, traits et effets à une même forme, sans avoir à dupliquer les points et les formes. Vous enregistrez les paramètres à partir du panneau Apparence en créant un style graphique. Les styles graphiques peuvent être appliqués à d'autres formes. En connaissant ce processus, vous pouvez dupliquer les paramètres d'une forme à une autre sans ajouter de formes et de points supplémentaires à votre document, ce qui le rend moins lourd et plus efficace..
Alors sautons dans cet exercice.
Pour compléter ce didacticiel, vous devez télécharger la pièce jointe en haut à droite de cette page. Ceci est l'image de référence pour cet exercice. Il s'agit d'une photo aérienne de la coque de Tom. Vous pouvez utiliser vos propres photographies si vous le souhaitez, ou vous pouvez également essayer de nombreuses images d'archives du marché Envato..
Je vais commencer par créer un Nouveau document dans Adobe Illustrator.
Ajoutons l'image de référence en allant à Fichier> Place, localiser l'image et la positionner sur la planche. Si vous êtes assez confiant pour dessiner la carapace et les plaques d'une tortue, vous pouvez complètement sauter cette étape..
Je vais garder l'image de référence sur son propre calque et ajouter des formes dans des calques supplémentaires pour plus de commodité.
J'ai dit que ce tutoriel est Outil stylo (P) gratuit, mais quand je dis cela, je veux dire que nous ne créons pas de courbes avec l’outil Plume, ce qui pose problème à la plupart des débutants. Je vais utiliser l'outil Plume pour créer des formes point à point avec des lignes droites… aucune courbe n'est donc requise.!
Je commence par activer d'abord Guides intelligents (Control-U). Cela facilite le dessin des plaques reliées entre elles..
Dessinez la première forme, puis lorsque vous dessinez la forme de liaison, assurez-vous de frapper les mêmes points d'ancrage et les mêmes lignes droites. Ceci est important plus tard sur la route.
Je vais dessiner des plaques pour la partie centrale de la coque, puis une série de plaques autour de la coque, que je vais appeler la jupe..
Gardez tout organisé, avec les assiettes dans leurs couches respectives.
Je vais dupliquer les formes pour chacun des calques puis combiner les formes en utilisant Pathfinder> Unite.
Je crée une sous-couche dans chacune des couches jupe et plaque qui contiennent les plaques individuelles… et ensuite, j'ai les formes combinées.
Essentiellement, je crée une base sous chaque section. La raison en sera évidente plus tard.
Avant de plonger dans le panneau Apparence, je vais préparer mon document.
Tout d'abord, dans le calque Référence, je vais dupliquer l'image de référence et l'aligner à côté de l'original. C'est ainsi que, pendant que je crée notre style graphique, je peux voir clairement notre image de référence. Bien sûr, cela ne s'applique que si vous utilisez une image de référence!
J'ajoute alors un Nouvelle Couche et mettre une copie d'une des plaques. C’est pour que je puisse travailler sur cette plaque unique et utiliser les paramètres de cette plaque sur le reste des plaques de la coque de Tom..
La prochaine chose que je veux faire est de créer une sélection de couleurs et de les ajouter à ma Swatch panneau.
En utilisant une technique que j'ai tirée de Beto Garza dans son autoportrait, je vais utiliser le Outil Pipette (I) remplir une sélection de Rectangles (M). Je vais ensuite Mélange (Contrôle-Alt-B) ensemble pour créer des couleurs supplémentaires.
J'ai alors Objet> Développer le mélange et les ajouter à mon Swatch panneau. Je ne peux pas utiliser toutes les couleurs, mais au moins elles seront là prêtes pour moi si j'en ai besoin.
Je vais ouvrir le Apparence panneau. Si vous ne l'avez pas visible, cliquez sur Fenêtre> Apparence.
Il y a trois éléments principaux à souligner ici. Tu as le Accident vasculaire cérébral (et son Opacité), la Remplir (et son Opacité) et l'ensemble Opacité de la forme entière. Tous les éléments qui avancent, à l'exception de l'ensemble Opacité, peut être dupliqué en allant dans le menu déroulant et en sélectionnant Dupliquer l'article.
Commençons donc par les remplissages. Je vais utiliser le brun le plus foncé pour le premier remplissage.
Je vais dupliquer le remplissage plusieurs fois au cours des premières étapes de cet exercice. Vous faites cela en cliquant sur le remplissage, donc il est mis en surbrillance, et aller dans le menu déroulant dans le coin en haut à droite et aller à Dupliquer l'article.
Visuellement, vous ne verrez rien de différent, mais dans le Apparence panneau, vous verrez deux Remplit de la même couleur et de la même Opacité réglages.
Changez la couleur de remplissage pour le deuxième brun le plus foncé, ce qui masquerait le remplissage du bas.
Voici où la magie se produit. Je vais réduire le remplissage plus clair pour qu'il révèle une partie du remplissage du bas. Clique sur le FX bouton le long du bas du panneau et aller à Chemin> Chemin décalé.
Chemin de décalage peut augmenter la taille de la forme d'une unité spécifique. Cependant, pour réduire la taille de la forme, il vous suffit d'utiliser un chiffre négatif. Dans ce cas, j'utilise -1mm et en cliquant sur D'accord. Vous verrez alors le remplissage du fond ramper autour de l'extérieur de la forme.
Je vais dupliquer ce processus trois fois de plus, en diminuant le remplissage d'un autre -1mm pour chaque remplissage. Donc, le troisième remplissage aura un Chemin de décalage de -2mm etc. Les remplissages seront aussi progressivement plus légers.
Je vais dupliquer à nouveau le dernier remplissage et cette fois le remplir avec un dégradé radial transparent inversé.
En utilisant le Outil de dégradé (G), Je vais modifier la forme du dégradé. Je vais ensuite cliquer sur le Opacité lien pour le remplissage. Cela ouvre la Transparence les paramètres du panneau pour ce remplissage spécifique. Puis je change le Mode de fusion à Multiplier.
Je vais travailler sur le Coups à présent. Comme je l'ai fait avec les remplissages, je vais utiliser Chemin de décalage contracter chaque duplicata du trait.
Ces coups sont réglés sur Mode de fusion Opacité de l'écran 30% à l'exception des deux derniers coups, qui ont Opacité de 20% et dix%.
De plus, j'ai appliqué Pinceaux d'art aux traits, disponibles dans les bibliothèques de styles par défaut d'Adobe Illustrator. Vous pouvez y accéder en allant dans le menu détaillé de la Des pinceaux panneau et choix Bibliothèque de pinceaux ouverte> Artistique> Artistic_ChalkCharcoalPencil.
Ajoutons de la texture en ajoutant deux nouveaux remplissages. Ils seront tous deux remplis d’un motif texturé qui peut être trouvé en allant dans le Panneau Nuancier> Ouvrir la bibliothèque de nuanciers> Motifs> Graphiques de base> Textures graphiques de base.
Vous pouvez faire glisser les nouveaux remplissages sur le Coups. Cela les rend plus facile à organiser.
Le premier remplissage texturé que je vais avoir couvrir toute la forme et mis à Opacité de superposition du mode de fusion 10%. En utilisant Objet> Transformer> Échelle, Je réduis la taille du motif uniquement pour le remplissage à environ 50%.
Ensuite, pour le deuxième remplissage, j'utilise Chemin de décalage le contracter de manière à créer une sorte de rehaussement de texture. Ceci est ensuite mis à Opacité de superposition du mode de fusion 20%.
Je vais terminer en ajoutant un nouveau remplissage avec un dégradé radial transparent en utilisant la couleur la plus claire de notre nuance Blend et en le réglant sur Mode de fusion Opacité de l'écran 40%.
Pour que cette collection de paramètres du panneau Apparence devienne un style graphique, vous devez accéder à la Styles graphiques panneau. Avec la forme sélectionnée et avec tous ces paramètres de fantaisie que vous avez dans le panneau Apparence, cliquez sur Nouveau style graphique. Cela "enregistrera" les paramètres de votre panneau Apparence en tant que style graphique..
Vous pouvez ensuite appliquer ce style graphique au reste des formes sur les plaques centrales..
Pour les plaques de jupe, je vais masquer certaines des contours au centre des plaques car elles n'ont pas besoin d'avoir le même niveau de détail. N'oubliez pas qu'une fois les paramètres modifiés, ajoutez-les en tant que Nouveau style graphique il est donc plus facile de les appliquer à d'autres formes.
Lorsque vous appliquez le style graphique aux plaques de jupe, vous constaterez peut-être que certaines formes ne ressemblent pas aux autres. Ceci est uniquement dû au fait que certains des remplissages et des contours de la trajectoire de décalage sont tellement contractés qu'il ne se concentre que sur les remplissages centraux et les contours, ce qui permet de ne pas voir les remplissages de l'extérieur. Continuons à résoudre ce problème.
Vous contournez le problème en diminuant l'échelle du style graphique..
Appliquez le nouveau style de la jupe à une forme test. Puis, une fois sélectionné, allez à Objet> Transformer> Échelle et réduire l'échelle par 55%.
Une fois cela fait, créez un Nouveau style graphique et l'appliquer à la jupe. Si vous rencontrez toujours des problèmes, essayez de réduire davantage l’échelle jusqu’à ce que vous obteniez l’effet recherché..
Depuis les étapes précédentes, vous avez peut-être mis en doute les bords droits et les angles vifs des plaques. Eh bien, il est temps de résoudre ce problème!
Avec le Outil de sélection directe (A) et votre première collection d'assiettes sélectionnée, vous remarquerez de petits cercles dans tous les coins. En les tirant vers l’intérieur, vous arrondissez les angles des formes.
C’est la même méthode de contournement que celle que j’ai décrite dans un petit tutoriel pour ceux qui trouvent l’outil de plume difficile.
Appliquez-le à toutes les formes, à l'exception des formes de base pour toute la jupe et le centre de la coque.
Pour combler les espaces vides entre les plaques, je vais remplir les formes de base pour le centre et les formes de jupe avec la même couleur que le remplissage du tout premier remplissage..
À l'heure actuelle, cette carapace de tortue pourrait appartenir à n'importe qui. Et Tom n'est personne. Je veux dire, as-tu vu sa gentillesse?
Oh hai, je suis mignon… J'espère que tu n'as pas oublié çaPour que le shell que je crée ressemble à Tom, il est temps de le personnaliser. Je vais commencer par augmenter le Opacité de l'un des traits extérieurs des plaques centrales. J'ai pris le deuxième coup par le bas et augmenté le Opacité à 50%.
En utilisant le Outil Crayon (N), Je vais ajouter de nouvelles formes dans un Nouvelle Couche, tracé à partir de l'image de référence. Je crée les formes principales de blob au centre des plaques.
J'ai créé un Style graphique de trois remplit de différents Modes de fusion et Opacités, mais tous en utilisant les mêmes couleurs de remplissage. Vous pouvez également voir que j'ai ajouté une plume, que vous pouvez trouver dans le FX menu. Je vais utiliser ce style graphique pour toutes les formes que j'ajoute à la coque.
Double-cliquez sur le Outil pinceau blob (Maj-B) pour accéder à la fenêtre des options. Changer la Taille à 5 pt et le faire influencé par Pression depuis votre tablette graphique.
Ensuite, à l’aide de l’outil, tracez des formes en zig-zag sur les bords des plaques pour créer une texture. Ces formes utilisent le même style graphique de l'étape précédente.
Continuez à ajouter ceci à la jupe de la coque en utilisant les mêmes méthodes.
Nous nous dirigeons vers la fin de cet exercice, ajoutons donc un peu plus de profondeur à la coque en utilisant des dégradés..
Créez un dégradé radial transparent en utilisant l’une des couleurs les plus claires de votre Échantillons panneau. Utilisez le Outil Crayon (N) pour ajouter des formes à chaque coquille pour créer la brillance. J'ai lissé les bords de la brillance en appliquant un Plume effet.
Dupliquer les formes de base pour les formes centrale et jupe et l'utilisation Pathfinder> Unite pour créer une forme qui couvre toute la coque.
Faites glisser cette forme par-dessus toutes vos formes précédentes et remplissez-la d'un dégradé radial transparent inversé avec le 0% d'opacité pointez vers l'avant de la coquille. Cela donnera à la coque l’impression de la lumière venant de l’avant et des ténèbres apparaissant à l’arrière de la coque..
Ce que je trouve toujours intéressant et amusant à faire est d’utiliser Recolor Artwork sur toutes mes formes une fois que j’ai terminé. Alors sélectionnez toutes vos formes et cliquez sur Recolorer l'illustration, qui sera le long du haut de votre écran.
Clique sur le modifier onglet, puis cliquez sur Lien Couleurs.
En déplaçant les points de couleur et en ayant Recolorier art cochée, vous verrez les changements de couleur en direct. Cliquer sur D'accord quand vous avez une combinaison que vous êtes heureux avec.
C'est vrai, tout le monde aime Tom, et j'espère que ce tutoriel vous a montré le niveau de dévouement de l'équipe Envato Tuts + pour son nouvel adorable Overlord!
Accentsconagua