Utiliser Illustrator pour créer un logo de personnage amusant, en 3D

Dans ce tutoriel, nous allons utiliser l'outil 3D illustrators pour créer du texte avec une profondeur. Nous allons donner de la personnalité aux lettres en les plaçant dans des angles et en choisissant une police amusante. Nous allons ajouter un personnage de lapin fou et unifier toutes les couleurs en ajoutant un ombrage simple. Enfin, nous allons donner à ce logo amusant un effet d’autocollant. Nous couvrons pas mal de terrain dans ce tutoriel. Lancez Illustrator et commençons.!

Aperçu de l'image finale

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.

Détails du tutoriel

  • Programme: Adobe illustrateur CS4
  • Difficulté: Intermédiaire
  • Temps d'exécution estimé: 1,5 heure

Étape 1

Ouvrons un nouveau document dans Illustrator (Fichier> Nouveau) et sélectionnons la taille "Lettre" (mais vous pouvez choisir la taille de votre choix). J'ai utilisé le mode couleur RVB pour celui-ci, mais si vous voulez l'utiliser pour l'impression, vous devez choisir CMJN..

Étape 2

Nous allons commencer par la police 3D. Tout d’abord, cherchez une belle police (dans ce tutoriel, j’utilise Lamebrain BRK, puis assurez-vous de laisser un espace suffisant entre chaque lettre (j’en ai utilisé 100 ici) et allez dans Type> Créer des contours..

Étape 3

Enlevez le point sur le "i" en utilisant l’outil de sélection directe et ajoutez un trait au texte. Assurez-vous de sélectionner Round Cap et Round Join dans la zone des traits pour obtenir un effet plus doux..

Étape 4

Sélectionnez le texte et allez à Chemin> contour.

Étape 5

Ensuite, allez à Objet> Dissocier. Sélectionnez l'une des lettres et cliquez sur Unite dans la zone Pathfinder. Faites la même chose pour chaque lettre.

Étape 6

Pour obtenir un effet de bande dessinée agréable, vous pouvez sélectionner chaque lettre et déplacer, faire pivoter et redimensionner un peu.

Étape 7

Il est temps maintenant de créer l'effet 3D. J'ai changé la couleur du texte en rouge afin qu'il soit plus facile de voir l'effet 3D sur eux. Sélectionnez une lettre et allez à Effet> 3D> Extruder et biseauter.

Étape 8

Dans le panneau 3D Extrusion & Bevel, cochez l'option Aperçu et choisissez une profondeur d'extrusion (j'ai utilisé la valeur par défaut). Ensuite, vous pouvez déplacer la boîte pour obtenir l’angle que vous souhaitez. Vous pouvez également changer de perspective. faire la même chose pour chaque lettre et changer l'angle un peu pour chacun.

Étape 9

Pour chaque lettre terminée, sélectionnez-la et accédez à Objet> Développer l'apparence..

Étape 10

Vous verrez un espace blanc entre les formes, mais ne vous inquiétez pas, nous allons le supprimer. Sélectionnez une lettre et appuyez deux fois sur les touches Maj + Commande + G (Objet> Dissocier). Ensuite, sélectionnez uniquement la forme avant de la lettre (par exemple, le "C" rouge clair) et effectuez une copie (Commande + C)..

Sélectionnez la lettre entière, y compris la forme du recto, puis ajoutez un petit trait (0,5) avec le sélecteur arrondi et arrondi sélectionné. Allez à Objet> Chemin> Contour de trait, ouvrez la boîte de recherche de chemin et cliquez sur Unir. Une fois ces étapes terminées, collez la copie de la forme avant sur le dessus (Commande + F). Vous devez refaire la même chose pour chaque lettre.

Étape 11

Vous avez maintenant votre effet 3D! J'ai changé la couleur des formes avant que le rouge ne me rende fou.

Étape 12

Rappelez-vous que nous avons supprimé le point sur le "i" précédemment? Créons une belle étoile rouge à l'aide de l'outil étoile!

Étape 13

Répétez les étapes 7 à 10 pour l’obtenir en 3D, puis modifiez les couleurs..

Étape 14

Ajoutez maintenant un trait noir au texte. Sélectionnez tout, copiez (Commande + C) et collez-le à l'arrière (Commande + B). Cliquez sur Unite dans la boîte Pathfinder.

Étape 15

Ajouter un trait noir de 10 points!

Étape 16

Allez à Objet> Chemin> Contour de contour et cliquez sur Unir dans le champ Pathfinder.

Étape 17

Double-cliquez sur la forme noire pour y entrer et créez une forme qui couvre toutes les parties laissées en blanc..

Étape 18

Sélectionnez la forme noire et la nouvelle, puis cliquez sur "Unite" dans la boîte Pathfinder. Double-cliquez en dehors de la forme pour revenir au texte..

Étape 19

Pour ajouter un effet au texte, créez des formes rondes.

Étape 20

Sélectionnez les premières lettres dans le texte et cliquez sur Unite dans la zone Pathfinder. Faites une copie de la forme devant (Command + C et Command + F). Sélectionnez cette forme et la forme arrondie (en vert) et cliquez sur Intersection dans la zone Pathfinder, tout en maintenant Alt. Puis cliquez sur Expand. Faire la même chose avec l'étoile.

Étape 21

Utilisez des couleurs claires pour obtenir un bel effet.

Étape 22

Pour la partie lapin, je vais aller un peu plus vite. Je pense qu'il y a assez de tutoriels sur le dessin de vecteurs ici. Certains vont partir d'un croquis à la main, mais je préfère commencer tout droit dans Illustrator. Alors, tracé les lignes du personnage en utilisant l'outil Plume, comme je l'ai fait ici.

Étape 23

Un moyen facile de créer des ombres consiste à copier votre forme (un bras ici), à la coller devant (Commande + F), puis à tracer une nouvelle forme dessus, puis en sélectionnant la copie et la nouvelle forme, cliquez sur sur intersection dans la boîte Pathfinder.

Étape 24

Lorsque les lignes sont terminées, choisissez les couleurs et n'oubliez pas d'ajouter un joli trait noir derrière votre personnage.!

Étape 25

Lorsque votre personnage a terminé, créez deux formes rondes à l'arrière.

Étape 26

Sélectionnez le trait noir de votre texte, faites-en une copie, puis collez-le devant. Sélectionnez l'une des formes rondes avec la copie du trait et cliquez sur Intersection dans la zone Pathfinder. Faites la même chose pour la deuxième forme.

Étape 27

Utilisez l'outil de sélection directe pour supprimer la partie la plus basse de chaque forme.

Étape 28

Utilisez l'outil Plume pour dessiner des lignes courtes autour des formes et choisissez un pinceau dans les bibliothèques de pinceaux (Fenêtre> Bibliothèques de pinceaux> Artistique> Artistic_ink). Changez le trait d'épaisseur pour obtenir l'effet souhaité. Faites des lignes pour la première forme ronde (marron) et des lignes pour la seconde (noir).

Sélectionnez les lignes que vous avez faites et allez à Objet> Développer l'apparence. Sélectionnez toutes les lignes en marron avec la forme ronde brune et cliquez sur Unifier dans la zone Pathfinder. Faites de même pour les lignes noires avec les formes rondes noires. Sélectionnez les deux formes finales et envoyez-les à l'arrière (Objet> Arranger> Arrière-plan).

Étape 29

L'effet Grunge est terminé, mais nous allons maintenant ajouter un trait blanc derrière tout le logo pour lui donner un aspect autocollant. Sélectionnez tout, faites une copie et collez-la pour revenir (Commande + B). Cliquez sur Unifier dans la palette Pathfinder. Comme vous pouvez le constater, la palette Pathfinder est l’un de mes meilleurs amis! ;-)

Étape 30

Changez la couleur de cette forme pour pouvoir la voir et ajoutez un trait de 8 pt. Comme précédemment, allez dans Objet> Chemin d’accès> Contour de contour, puis cliquez à nouveau sur Unify..

Étape 31

Pour ressembler à un autocollant, il doit s'agir d'une SEULE forme. Donc, double-cliquez sur la forme pour entrer et dessinez des formes pour masquer les parties blanches et pour relier les formes les plus petites au grand. Sélectionnez toutes vos formes et cliquez sur Unify.

Étape 32

Maintenant que vous avez une grande forme, changez la couleur en blanc, puis double-cliquez dessus pour revenir à votre illustration principale..

Étape 33

Sélectionnez cette forme blanche, copiez-la à l'arrière (Command + C et Command + B) et déplacez-la un peu vers la droite et vers le bas. Changer la couleur en noir. Aller à Effet> Flou> Flou Gaussien.

Étape 34

J'ai utilisé un rayon de 7,2 pixels ici.

Étape 35

Dans la palette Transparence, sélectionnez Multiplier et définissez l’opacité à 50%..

Conclusion

Vous pouvez maintenant ajouter un joli fond ou une belle couleur et c'est fait! J'espère que vous avez apprécié ce tutoriel!

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.