Dans ce didacticiel, vous allez apprendre à créer un effet de texte inspiré d'une plaquette à l'aide des options 3D et de l'effet Transformer pour obtenir les calques de plaquettes dans Adobe Illustrator. Vous allez également créer le motif de plaquette à partir de zéro à l'aide d'un pinceau à motif personnalisé, et terminer avec le chocolat fondu brillant coulant sur les lettres. Ça a l'air délicieux!
Cet effet de texte a été inspiré par le jeu de lettres alphabet Gaufrettes au chocolat glacé disponible sur GraphicRiver. Si vous voulez plus de styles Illustrator ou de vecteurs alimentaires, rendez-vous à GraphicRiver et parcourez une multitude de motifs étonnants..
Pour compléter le didacticiel, vous aurez besoin des éléments suivants:
lancement Illustrateur et allez à Fichier> Nouveau ouvrir un document vierge. Tapez un nom pour votre fichier, définissez les dimensions, puis sélectionnez Les pixels comme Unités et RVB comme Mode de couleur.
Ensuite, allez à Édition> Préférences> Général et mettre le Incrément de clavier à 1 px et, là-bas, allez à Unités pour vous assurer qu'ils sont définis comme dans l'image suivante. Je travaille habituellement avec ces paramètres et ils vous aideront tout au long du processus de dessin..
Prenez le Outil de type (T) et écrivez «WAFER» sur votre planche d’art à l’aide des touches Bob Font de Envato Elements. Après cela, choisissez Développer et Dissocier (Shift-Control-G) du Objet menu pour obtenir les lettres individuelles.
Maintenant, prenez le Outil de sélection directe (A) et l'utiliser pour déplacer certains des points d'ancrage afin d'élargir un peu les zones indiquées.
Maintenant que les lettres sont prêtes, vous pouvez toutes les sélectionner et aller à Effet> 3D> Extrusion et biseautage. Met le Coordonnées de rotation et les paramètres comme indiqué, puis appuyez sur D'accord.
Concentrez-vous sur la lettre «A». Choisir Développer l'apparence du Objet menu puis Dissocier (Shift-Control-G) quelques fois jusqu'à ce que toutes les formes soient séparées. Maintenant, sélectionnez seulement les quatre formes marron fines (la première couche de plaquette) et allez à Effet> Distorsion & Transformation> Transformer. Type 2,6 px dans le Déplacement vertical champ, choisissez 6 copies, et ensuite frappé D'accord. En conséquence, vous obtiendrez sept couches de plaquettes, mais comme elles sont remplies de la même couleur, elles ne sont pas clairement visibles à ce stade..
Répétez la même chose pour les quatre autres lettres.
Alors que les sept couches de plaquette pour la lettre “A” sont toujours sélectionnées, choisissez Développer l'apparence du Objet menu pour élargir la Transformer effet. Maintenant, vous pouvez sélectionner chaque couche séparément avec le Outil de sélection directe (A) et les recolorier.
Répétez la même chose pour les autres lettres.
Utilisez le Outil Rectangle (M) dessiner un petit 25 x 5 px rectangle rempli de gris (1). Maintenant, utilisez le Outil de sélection directe (A) pour sélectionner uniquement les points d'angle supérieurs et les déplacer vers l'intérieur en appuyant cinq fois sur les touches fléchées de votre clavier (2).
Pendant que la nouvelle forme grise reste sélectionnée, allez à Objet> Transformer> Refléter, vérifier Horizontal, et ensuite frappé Copie. Alignez la deuxième forme avec le bas de la première et changez la couleur de remplissage en rose (3)..
Faites glisser les formes grises et roses dans la Des pinceaux panneau et choisissez Nouveau modèle de brosse. dans le Options de brosse de motif Dans cette fenêtre, tapez simplement un nom pour votre nouveau pinceau et définissez le paramètre Méthode de colorisation à Teintes et nuances.
Utilisez le Outil de segment de ligne (\) ou la Outil stylo (P) tracer un chemin droit au-dessus de la lettre «W» et caressez-le avec le nouveau Brosse à motif gaufrette. Diminuer Poids de l'AVC à 0.5 pt et utilise le rose comme couleur de trait (1).
Pendant que le chemin rose reste sélectionné, allez à Objet> Transformer> Refléter, vérifier Horizontal, et frapper Copie afin d'obtenir un deuxième chemin. Choisissez une couleur de trait différente, telle que le vert (2). Alignez les deux chemins pour que les formes roses et vertes s’harmonisent parfaitement (voir en gros plan).
Multipliez le chemin rose et organisez les copies entre les formes vertes. Vous devrez peut-être zoomer pour vous assurer qu'ils correspondent tous parfaitement. Continuez à faire des copies du chemin rose jusqu'à ce que la lettre «W» soit couverte (1).
Maintenant, multipliez le chemin vert et arrangez toutes les copies entre les roses. Assurez-vous qu'ils correspondent, et ce sera le motif de plaquette (2).
Sélectionnez tous les chemins rose et vert et choisissez Développer l'apparence du Objet menu pour obtenir les petites formes individuelles. Maintenant, utilisez le Outil de sélection directe (A) pour sélectionner une seule des formes roses et aller à Sélectionner> Identique> Couleur de remplissage. En conséquence, Illustrator sélectionnera pour vous toutes les formes roses et vous pourrez facilement changer la couleur de remplissage en crème (1)..
Ensuite, utilisez le Outil de sélection directe (A) pour ne sélectionner qu'une des formes violettes, puis aller à Sélectionner> Identique> Couleur de remplissage. Illustrator sélectionnera pour vous toutes les formes violettes et vous pourrez changer la couleur de remplissage en beige (2).
Suivez la même technique et recolorez toutes les formes vert clair avec la couleur indiquée (1); puis recolorez les formes vert foncé en brun (2).
Sélectionnez la forme en W et Copie et Coller en place (Shift-Control-V) en faire une copie devant le motif de la plaquette. Définissez cette copie sur stroke-none et fill-none.
Maintenant, sélectionnez le motif de plaquette avec la copie de la lettre et allez à Objet> Masque d'écrêtage> Marque (Control-7).
J'ai expliqué le processus de création du motif de plaquette pour la lettre «W». Appliquez la même méthode pour créer le motif sur le reste des lettres.
Tout d’abord, sélectionnez la forme en W, puis Copie et Coller en place (Shift-Control-V) en faire une copie. Donnez-lui une couleur de remplissage (1).
Maintenant, sélectionnez les deux groupes de formes qui composent le motif de plaquette sous le masque existant et Copie et Coller en place (Shift-Control-V) en faire des copies. presse Unir dans le Éclaireur panneau, puis aller à Objet> Chemin composé> Make (Control-8). Remplissez le chemin composé de la plaquette résultant avec du rose (2). Avant de continuer, faites-en deux copies pour une utilisation ultérieure, mais masquez-les pour le moment..
Sélectionnez la forme bleue en W avec le chemin du composé de la plaquette et appuyez sur Minus Front dans le Éclaireur panneau. Vous obtiendrez un groupe de carrés bleus (3).
Suivez la technique expliquée ci-dessus pour obtenir également les carrés bleus sur les quatre autres lettres (1). Une fois que vous avez terminé, remplissez chaque groupe de carrés avec le dégradé linéaire affiché en Angle de 90º (2). Faites glisser ces groupes de carrés entre le motif de plaquette et les lettres réelles du Couches panneau.
Concentrez-vous sur la lettre "W" et faites une copie du chemin composé de la plaquette à nouveau visible (1). Copie et Coller devant (Control-F) ce chemin composé et déplacez-le 1 px vers le haut en appuyant sur la Flèche vers le haut touche une fois sur ton clavier (2).
Tandis que les deux chemins composés de plaquette restent sélectionnés, appuyez sur Minus Front dans le Éclaireur panneau. En conséquence, vous obtiendrez un groupe de formes en V inversées en haut des carrés de plaquettes (3)..
Remplissez le groupe de formes obtenues à l'étape précédente avec du marron; ensuite aller à Effet> Flou> Flou Gaussien et appliquer un Rayon de 1 px (1).
Nommez ce groupe “ombres”Et faites-le glisser sous le masque existant et sous le motif de plaquette dans le Couches panneau (2).
Rendre à nouveau visible la deuxième copie du chemin de composé de tranche (1). Copie et Coller devant (Control-F) ce chemin composé, et cette fois, déplacez-le 1 px vers le bas en appuyant sur la Flèche vers le bas touche une fois sur ton clavier (2).
Pendant que les deux chemins composés restent sélectionnés, appuyez sur Minus Front dans le Éclaireur panneau. Vous obtiendrez un groupe de formes en forme de V au bas des carrés de plaquette (3).
Remplissez le groupe de formes obtenu à l’étape précédente avec la couleur indiquée et appliquez un 1 px Flou Gaussien (1).
Nommez ce groupe “surligner”Et faites-le glisser sous le masque existant et sous le motif de plaquette dans le Couches panneau (2).
J'ai expliqué comment colorer et comment ajouter des ombres et des rehauts sur les carrés de plaquettes pour la lettre «W». Appliquez la même méthode pour ajouter des détails sur les quatre autres lettres.
Commençons par créer une forme de masque. Sélectionnez toutes les couches de plaquettes, puis Copie et Coller en place (Shift-Control-V) en faire des copies devant tout. presse Unir dans le Éclaireur panneau et, après cela, aller à Objet> Chemin composé> Make (Control-8).
Ensuite, sélectionnez les lettres et Copie et Coller en place (Shift-Control-V) en faire des copies. Aller à Objet> Chemin composé> Make (Control-8) pour en sortir un nouveau chemin composé (1).
Tandis que les chemins composés rouges et roses restent sélectionnés, appuyez sur Minus Front dans le Éclaireur panneau; ensuite aller à Objet> Chemin composé> Make (Control-8). Nous utiliserons le chemin composé résultant pour masquer la texture next (2).
Utilisez le Outil Rectangle (M) dessiner un rectangle qui couvre les lettres. Sélectionnez le gris comme couleur de remplissage. ensuite aller à Effet> Texture> Texturizer et appliquez les paramètres indiqués (1).
Tant que ce rectangle reste sélectionné, sélectionnez également la forme de masque obtenue à l'étape précédente et accédez à Objet> Masque d'écrêtage> Marque (Control-7) (2). Définissez le rectangle sur Mode de fusion Lumière douce (3).
Faites des copies des cinq lettres puis allez à Objet> Chemin composé> Make (Control-8). Remplissez le nouveau chemin composé avec du gris et appliquez le Texturizer effet en utilisant les mêmes réglages (1). Met le Mode de fusion à Recouvrir et réduire le Opacité à 40%.
Faites une copie du même chemin composé devant et supprimez toutes les apparences existantes. Utilisez-le pour masquer la texture pour obtenir des arêtes vives (2).
Couvrons le haut des lettres de plaquette avec du délicieux chocolat fondu.
Observez les lettres sur les plaquettes et imaginez du chocolat coulant dessus. Utilisez le Outil stylo (P) définir ce chocolat fondu sur chaque lettre (1). Ensuite, rejoignez les chemins entre eux (2) et, à la fin, fermez la forme en haut pour couvrir les lettres (3).
Pendant que la forme de chocolat reste sélectionnée, ajoutez un Nouveau remplissage dans le Apparence panneau au dessus du marron existant. Utilisez le dégradé radial indiqué. ensuite aller à Effet> Esquisse> Chrome et appliquez les paramètres indiqués. Met le Mode de fusion à Lumière douce.
Avec la forme de chocolat toujours sélectionnée, ajoutez un Nouveau remplissage au sommet de la Apparence panneau et utiliser le blanc comme couleur de remplissage. Aller à Effet> Styliser> Inner Glow et appliquez les paramètres indiqués. Met le Mode de fusion à Multiplier (le blanc devient transparent).
Créez un chemin composé à partir des couches de plaquettes et un autre chemin composé à partir des lettres, comme vous le faisiez auparavant (1). Pendant que les deux formes restent sélectionnées, appuyez sur Unir dans le Éclaireur panneau, puis aller à Objet> Chemin composé> Make (Control-8) (2).
Sélectionnez la forme de chocolat et Copie et Coller en place (Shift-Control-V) en faire une copie devant tout. Supprimez toutes les apparences existantes et donnez-lui simplement une couleur de remplissage (1).
Tandis que les formes bleues et roses restent sélectionnées, appuyez sur Couper dans le Éclaireur panneau et puis aller à Objet> Chemin composé> Make (Control-8) (2).
Utilisez le Supprimer l'outil de point d'ancrage (-) et le Ajouter un outil de point d'ancrage (+) pour déformer la forme résultante, en particulier au sommet. Ajoutez beaucoup plus de points d'ancrage et déplacez-les au hasard pour créer un bord irrégulier (3).
Sélectionnez la forme de chocolat ainsi que le chemin composé rose de l'étape précédente (accident vasculaire cérébral, aucun remplissage, aucun) et allez à Objet> Masque d'écrêtage> Marque (Control-7).
Faites une copie de la forme en chocolat et déplacez-la derrière l'original, mais devant les lettres de la plaquette. Supprimez les apparences existantes car nous en avons de nouvelles. Sélectionnez le brun foncé comme couleur de remplissage et appliquez le Ombre portée effet en utilisant les réglages montrés.
Nous avons besoin d'une forme de masque maintenant. Créez un chemin composé à partir des couches de plaquettes et un autre chemin composé à partir des lettres, comme vous le faisiez auparavant (1). Pendant que les deux formes restent sélectionnées, appuyez sur Unir dans le Éclaireur panneau et puis aller à Objet> Chemin composé> Make (Control-8) (2).
Aller au Couches panneau et trouver la forme du masque que vous avez utilisé pour le chocolat. Copie et Coller il en place (Shift-Control-V) parce qu'il nous faut une copie (la forme orange) (1).
Pendant que les formes bleue et orange restent sélectionnées, appuyez sur Unir dans le Éclaireur panneau et puis aller à Objet> Chemin composé> Make (Control-8) (2). Utilisez ce nouveau chemin composé pour masquer la copie de la forme en chocolat avec le Ombre portée effet qui lui est appliqué (3).
Prenez le Outil stylo (P) et tracez quelques chemins le long du bord supérieur du chocolat (1). Donnez à tous un 5 pt noir Accident vasculaire cérébral et utilise Profil de largeur 1 dans le Accident vasculaire cérébral panneau. Ensuite, allez à Effet> Flou> Flou Gaussien et appliquer un Rayon de 2 px; puis définissez le Mode de fusion à Multiplier et réduire le Opacité à 25% (2).
Groupe (Control-G) tous ces chemins et faites glisser le groupe sous le masque existant utilisé pour le chocolat afin de masquer le flou traversant le bord supérieur.
Regardez de plus près le chocolat et les détails créés par le Chrome effet (1). Suivez ces détails et tracez quelques chemins en utilisant le Outil stylo (P) (2).
Donnez à tous un 2 pt blanc Accident vasculaire cérébral et utilise Profil de largeur 1 encore. Appliquer un 2 px Flou Gaussien; puis définissez le Mode de fusion à Recouvrir et 75% d'opacité (3).
Tracez plus de chemins sur le chocolat, comme indiqué dans l'image ci-dessous, où l'espace vide est plus grand (1). Donnez-leur un 4 pt blanc Accident vasculaire cérébral et utilise Profil de largeur 1 encore. Appliquer un 4 px Flou Gaussien; puis définissez le Mode de fusion à Recouvrir et 25% d'opacité (2).
Ajoutons plus de brillance. Tracez quelques chemins le long du bord inférieur du chocolat (1) avec le Outil stylo (P). Donnez-leur un 4 pt AVC en utilisant la couleur indiquée et utilisez le Brosse d'art de mélange noir 100x3 (info ci-dessous). Ensuite, allez à Effet> Styliser> Plume et appliquer un Rayon de 4 px (2).
J'ai tout un tutoriel dédié à Mélange Art Brushes et à quel point ils sont utiles. Je les utilise tout le temps dans mes dessins. Vous pouvez découvrir comment créer et sauvegarder le Brosse d'art de mélange noir 100x3 que nous utilisons aujourd'hui dans Comment créer un jeu de brosses de mélange multi-usages dans Adobe Illustrator. Depuis le Colorisation de la brosse est réglé sur Des teintes, lorsque vous sélectionnez une autre couleur de trait, le pinceau devient également cette couleur, malgré son nom.
Ajoutons encore plus de brillance. Tracez plus de chemins plus près des bords du chocolat (1) en utilisant le bouton Outil stylo (P). Donnez à tous un Accident vasculaire cérébral de 3 pt et utiliser le Brosse d'art de mélange noir 100x3 encore. Aller à Effet> Styliser> Plume et appliquer un Rayon de 4 px pour les rendre plus lisse (2).
Aller au Couches panneau et trouver la forme que vous avez utilisée pour masquer l'ombre sous le chocolat fondu. Copie et Coller il en place (Shift-Control-V) parce que nous en avons besoin à nouveau (le chemin composé gris).
Déplacez cette copie vers un nouveau calque appelé “Ombre"Sous les lettres, puis appliquez le Ombre portée effet deux fois.
Ce sont les paramètres pour la Ombre portée effets:
Voici l’image finale de l’effet de texte de plaquette recouvert d’un délicieux chocolat fondu. J'espère que vous avez apprécié ce tutoriel et appris de nouvelles techniques. N'oubliez pas de partager une image avec nous si vous décidez de la recréer..
Continuez à dessiner et à apprendre avec les tutoriels recommandés ci-dessous.