Comment créer un badge Logo style rétro dans Adobe Illustrator
Je suis super fier de vous présenter mon premier tutoriel Illustrator jamais! Aujourd'hui, nous allons créer un badge logo de style rétro. En lisant ce tutoriel, je suppose que vous avez une connaissance de base du flux de travail, les outils et la saveur d'Adobe Illustrator. Vous entendrez quelques raccourcis et je vais essayer de vous enseigner de nouvelles techniques de création de base forme combinaisons qui peuvent aider votre futur flux de travail Illustrator.
Ce tutoriel est la partie 1 de 4 d'une série Tutorial.
Nous avons besoin de ressources:
Voici le résultat final:
- Délai d'exécution estimée: 30 minutes
- Logiciel requis: Adobe Illustrator
- Difficulté: Débutant
Ouvrez Adobe Illustrator et créer un nouveau document en appuyant sur Ctrl + N ou Cmd + N. Donnez-lui un nom descriptif, puis définissez la largeur à 15 pouces et la hauteur à 10 pouces. Mode couleur doit être RVB. Cliquez sur OK pour créer le document.
Nous allons commencer par le ruban, pour lequel nous avons besoin d'abord l'étoile outil.
Il est un outil assez complexe qui peut être utilisé en combinaison avec des raccourcis clavier. Jetons un coup d'oeil à certains d'entre eux d'abord.
Maintenant que nous savons que ces raccourcis clavier, nous allons les appliquer.
Nous voulons parvenir à une forme comme celui-ci.
Alors, voici comment faire. Cliquez sur le point central du plan de travail, et faites glisser une forme (devrait être d'environ 9 × 9 pouces de taille), et sans relâcher la souris, appuyez sur ou maintenez les touches suivantes. Tout d'abord, appuyez sur la flèche 15 fois sur la touche pour un total de 20 rayons. Ensuite, maintenez les touches Ctrl / Cmd pour modifier la taille des rayons de l'étoile. Lorsque vous êtes satisfait de la taille et les détails, maintenez la touche Maj enfoncée, puis relâchez le bouton de la souris pour créer la forme finale.
Quand la forme est fait, regardez le côté droit de la barre des options. Vous verrez un lien bleu Transformer. Cliquez dessus, et définir à la fois la largeur et de hauteur des valeurs à 9 pouces.
Bien que la forme est toujours sélectionnée, définir la couleur de remplissage à # 0D0D0D, et définir la couleur de la course à vide.
Ensuite, appuyez sur L pour sélectionner l'outil Ellipse. Définissez la couleur de remplissage blanc (#FFFFFF), et faites glisser un cercle qui est un peu plus petite que la forme d'étoile.
Maintenez la touche Maj pour créer un cercle parfait au lieu d'une ellipse, et maintenez aussi la touche Alt pour créer la forme à partir du point central.
Nous allons maintenant dupliquer ce cercle deux fois plus au lieu de créer de nouvelles formes. Ainsi, alors que votre cercle toujours sélectionné, appuyez sur Ctrl + C (Cmd + C sur Mac) puis appuyez sur Ctrl + F (Cmd + F sur Mac) pour coller devant. Maintenant, nous avons deux cercles identiques les unes sur les autres. Échelle ce haut un vers le bas un peu, ma taille est 7,68 pouces. Enfin, définir la couleur de remplissage à un rouge # 910909.
Très bien, est maintenant la frontière en pointillés. Pour cela, nous allons dupliquer cette forme rouge et mis un AVC pour elle. Donc, appuyez sur Ctrl + C (Cmd + C), puis appuyez sur Ctrl + F (qui est Cmd + F sur Mac) pour coller devant. Réduire sa taille à 7,38 pouces. Ensuite, définissez la couleur de la course au blanc (#FFFFFF), et nous avons besoin d'autres changements ici, donc afficher le panneau de course en allant jusqu'à le menu Fenêtre et le choix Stroke ou en appuyant sur Ctrl + F10. Définissez ces valeurs.
La clé pour créer un chemin en pointillé dans Illustrator est de vérifier l'option de ligne pointillée dans le panneau Contour, puis définissez 0 points pour le tableau de bord.
Maintenant, nous avons des lignes en pointillés entourant cette forme.
Nous allons maintenant créer la deuxième bordure blanche. Prenez l'outil Ellipse (L), et faites glisser un cercle parfait à partir du milieu de la planche graphique. Set 7,05 pouces les deux pour la largeur et la hauteur, puis réglez la couleur de remplissage au blanc, et remettre la couleur de la course retour sans pareil.
Ensuite, dupliquer cette forme en appuyant sur Ctrl + C (Cmd + C sur Mac), suivi par Ctrl + F (Cmd + F), et réduire sa taille à 6,96 pouces. Lorsque vous avez terminé, définissez le remplissage de cette forme de la couleur à un brun de # 50210F.
Maintenant, nous allons créer les textes supérieurs et inférieurs. Pour cela, nous avons besoin de dupliquer la forme brune et agrandissez jusqu'à 6 pouces. Cette couche servira un chemin pour notre texte. Prenez le type sur un outil de chemin, qui se trouve dans le menu déroulant de l'outil Type (T), et cliquez sur point central de cette couche et tapez BEAUTIFUL, majuscules. Maintenant, le texte est sur le haut du chemin, mais nous en avons besoin centré à la fois horizontalement et verticalement. Alors d'abord, sélectionnez tout le texte, et de le rendre centré en cliquant sur le bouton central Aligner dans la barre des options. Maintenant, le texte disparaît, mais si vous faites défiler vers le bas, vous pouvez le voir a sauté au fond de notre forme. Un moyen facile de résoudre ce problème est de cliquer sur Transformer dans la barre des options et faites-le pivoter de 180 degrés. Ensuite, cliquez sur le type de nouveau sur un outil de chemin (T), et appuyez sur la touche Entrée ou Retour pour afficher ses options. Dans la fenêtre pop-up, définissez Aligner sur Chemin du centre, et cliquez sur OK. Maintenant, notre texte est en place, nous allons définir la police à Adelle, la taille 50 points, et la couleur # F2E4AA.
Maintenant, nous allons dupliquer ce calque de texte (Ctrl + C puis Ctrl + F qui est Cmd + C cmd + F sur Mac) et faites pivoter à 180 degrés. Ensuite, sélectionnez le type sur un nouveau outil de chemin (T), puis appuyez sur Entrée ou Retour pour afficher ses options. Arrivée Flip et cliquez sur OK. Maintenant, nous avons deux couches de texte identiques, permet de saisir WEBDESIGN avec majuscules pour celui du bas.
Maintenant, nous allons copier l'une des formes brunes pour créer la partie intérieure du ruban. Sa taille doit être pouces 5,1. Définissez sa couleur de remplissage # 0D0D0D.
Dans cette étape, nous allons créer les étoiles pour ranger le texte. Sélectionnez l'outil étoile sous l'outil Rectangle (M), et définir la couleur de premier plan # F2E4AA, le même jaune terne que nous avons utilisé pour coloriser les textes. Maintenant, cliquez et faites glisser un début qui est d'environ 0,4 pouces de taille, et tout en faisant cela, maintenez les touches Alt et Shift. Vous pouvez ajuster sa taille dans la transformation fenêtre pop-up de la barre des options. Maintenant, nous allons passer en place ici.
Maintenant, faire apparaître la fenêtre pop-up Transport et faire pivoter l'étoile par +39 degrés.
Une étoile est fait, nous allons créer les trois autres. Faites un clic droit sur l'étoile et choisissez Reflect dans le menu Transformer. Sélectionnez verticale ici et appuyez sur le bouton Copier. Cette copie de notre forme en réfléchissant verticalement. C'est exactement ce que nous voulons. Maintenant, faites glisser cette nouvelle forme d'étoile sur le côté droit et pousser du coude en position.
Une fois terminé, sélectionnez les deux la forme d'étoile en maintenant la touche Maj enfoncée, puis faites un clic droit cette sélection, et choisissez Reflect dans le nouveau menu Transformer. Cette fois-ci, nous voulons refléter ces formes horizontalement, donc le sélectionner parmi les options, puis appuyez sur le bouton Copier à nouveau, pour faire une copie de ces 2 formes. Ensuite, ces nudge vers le bas autour du mot WEBDESIGN et apporter des modifications subtiles pour positionner les étoiles correctement. Nous pouvons également faire pivoter l'étoile en bas à gauche par degrés + 40, et l'étoile en bas à droite par -40 degrés pour le montage parfait.
D'accord. Avec les étapes ci-dessus, le ruban est fait. Nous allons maintenant créer la bande!
Prenez l'outil Rectangle (M) et dessinez un rectangle qui est large et court, comme celui-ci. Mes tailles sont 10,35 pouces pour la largeur et 3,05 pouces pour la hauteur. Aligner ce rectangle au centre du plan de travail.
Dupliquons ce rectangle, et l'échelle de la nouvelle forme jusqu'à 1,5 pouces de large, tout en laissant la hauteur intacte. Maintenant, cette nouvelle nudge forme vers le bas et à gauche un peu (voir l'image suivante pour référence). Envoyer cette forme à l'arrière d'une étape en remontant au menu de l'objet, en sélectionnant Organiser, puis en choisissant Reculer. Ensuite, à long cliquez sur l'outil Plume (P), et sélectionnez l'outil Ajouter un point d'ancrage. Zoom sur l'image, puis cliquez sur le centre du bord gauche de la forme actuelle, ajouter un nouveau point d'ancrage.
Maintenant, prenez l'outil de sélection directe (A), et cliquez sur ce point d'ancrage nouvellement créé pour le sélectionner, et en appuyant sur Maj et en appuyant sur la flèche droite, pousser vers la droite 6 ou 7 incréments. Quand cela est fait, dupliquer cette forme, le reflet de l'horizontale (ou pivoter de 180 °), puis déplacer vers le côté droit, et le positionner en conséquence.
Maintenant, nous allons mettre le texte sur la bande. Nous allons ajuster la police à la Ligue gothique, paramétrez la taille à 235 points, et définir la couleur # F2E4AA. Cliquez ensuite dans le milieu de la bande, et tapez le mot SENSIBLE. Si vous avez suivi par des paramètres, nous devons régler quelques choses. Cliquez sur le menu déroulant de caractère sur la barre des options et définir le suivi à -25. Essayez de l'adapter à quelques points de moins que le centre horizontal.
Maintenant, cliquez sur le texte, le dupliquer et déplacer la nouvelle couche jusqu'à - en maintenant la touche Maj enfoncée et en utilisant la flèche vers le haut - deux fois. Sélectionnez le calque de texte en bas, et définir sa couleur à # 0D0D0D. Et maintenant, notre texte est prêt.
Dans cette étape, nous allons créer les courbes de notre bande. Pour cela, nous aurons besoin de l'outil Plume (P). En outre, définir la couleur de remplissage à # 0D0D0D, et régler la course sans pareil. Maintenant, avec l'outil Plume, dessiner une forme triangulaire, comme illustré. Pas besoin d'être super-parfait pour la première fois, si vous faites une erreur, vous pouvez corriger avec l'outil de sélection directe (A).
Lorsque vous avez terminé avec cette forme, faites un clic droit dessus, allez à transformer et choisissez Réfléchir. Cliquez sur Vertical, puis cliquez sur le bouton Copier pour faire une copie réfléchie de cette couche. Déplacer cette nouvelle forme en position de l'autre côté, et encore, vous pouvez utiliser l'outil de sélection directe (A) si vous avez besoin de régler quelques-uns des points d'angle.
En dernière étape, permet d'ajouter un certain mouvement à la bande. Tout d'abord, sélectionnez toutes les couches qui composent la bande. Autrement dit, la bande elle-même, les deux formes latérales, leurs deux triangles de correction et les deux couches de texte. Qui composent un total de sept formes. Lorsque vous avez sélectionné tous, appuyez sur Ctrl + G (qui est Cmd + G sur Mac) pour regrouper toutes ces formes en un seul groupe.
Maintenant qu'ils sont un groupe, nous allons aller dans le menu Effet, choisissez Warp et sélectionnez Arc. Assurez-vous que horizontal est sélectionné et mis 10% Bend. Cliquez sur OK, et tout ce que nous devons faire est de saisir l'outil Déplacement (V), et dégagez le groupe entier un peu vers le bas le rendre centré verticalement.
Voici mon résultat final.