Illustrator en 60 secondes comment créer un bouton d'accueil

Bienvenue dans notre série Illustrator en 60 secondes dans laquelle vous pouvez apprendre une compétence, une fonctionnalité ou une technique Illustrator en une minute seulement.!

Illustrator en 60 secondes: créer un bouton d'accueil

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer votre propre Bouton d'accueil en utilisant certains des outils les plus fondamentaux d'Illustrator tels que le Outil de forme, Chemin de décalage, et Éclaireur panneau. Donc, si vous voulez apprendre quelque chose de nouveau rapidement, cette vidéo a été conçue spécialement pour vous..

 

Comment créer un bouton d'accueil dans Adobe Illustrator

Créer un Nouveau document, en utilisant le 64 par 64 pixels référence d'artboard. Basculer vers le Mode de prévisualisation des pixels avoir le plein contrôle de vos objets.

Créez la forme principale du bouton en sélectionnant la Outil Rectangle Arrondi et l'utiliser pour dessiner un 52 par 52 pixels objet avec un Rayon de coin 8px. Colorez-le en vert puis positionnez-le vers le centre à l'aide du bouton Aligner panneau.

Donner un contour à la forme en passant à Chemin d'objet en dehors de Chemin sous-menu et entrer 4 pixels dans le champ de valeur opposé, en veillant à changer sa couleur en gris foncé pour le faire ressortir.

Ensuite, mettez en valeur la forme verte en créant un Copie. Puis en utilisant le Control-C, Contrôle-F raccourcis clavier, appliquer un -Décalage de 2 pixels que nous utiliserons pour créer une découpe de la forme plus grande à l'aide de Mode de forme avant moins de Pathfinder. Ajustez la forme en la changeant en blanc et en définissant sa Mode de fusion à Recouvrir et son Opacité à 40%.

Créez la partie inférieure de la maison en utilisant un 24 x 12 pixels rectangle gris. Ajouter la découpe de porte par Soustraction une 6 x 10 pixels rectangle de sa section inférieure. Créez un toit en le dessinant à l'aide du bouton Outil stylo. Terminez en ajoutant un 4 par 12 pixels rectangle vers la partie supérieure droite de la maison.

Vous voulez voir cela en action? Regardez la vidéo ci-dessus pour voir cette leçon au travail!

Un peu plus en détail

Vous souhaitez en savoir plus sur les vastes outils et paramètres d'Adobe Illustrator? Découvrez ces tutoriels ci-dessous:

60 secondes?!

Cela fait partie d'une série de didacticiels vidéo rapides sur Envato Tuts + dans lesquels nous introduisons une gamme de sujets, le tout en 60 secondes, juste assez pour vous mettre en appétit. Faites-nous savoir dans les commentaires ce que vous avez pensé de cette vidéo et ce que vous aimeriez voir expliqué en 60 secondes!