Illustrer une icône de zoom Magnify amusant

Dans ce didacticiel, nous allons créer une loupe unique illustrant l’agrandissement d’une sélection de texte. Nous travaillerons principalement avec les outils Pathfinder et Forme de base pour découper nos formes pour cette illustration, bien que l'outil Plume soit également utilisé. Nous colorons les éléments en cours de route en utilisant divers dégradés.

Aperçu de l'image finale

Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Vous trouverez ci-dessous l'illustration complète pour voir vers quoi vous travaillez..

Étape 1

Créer un nouveau document, 800px par 600px ça ira. Tapez du texte en utilisant une grande taille de police. j'utilise Futura pour cette conception. Après cela, appliquer créer un contour (Maj + Ctrl + O) au texte. Appliquez ensuite un dégradé de couleur au texte, comme indiqué ci-dessous..

Étape 2

Prenez le outil de stylo et dessinez une forme, comme indiqué ci-dessous. Copier (CTRL + C) le texte décrit et coller devant (CTRL + F) de cela. Sélectionnez les deux chemins et choisissez intersecter les zones de forme du outil de recherche de trajectoire.

Étape 3

Répéter étape 2 créer une ombre en utilisant une couleur différente.

Étape 4

Prenez le Ellipse outil et dessine un cercle. Copiez le cercle et collez-le devant. Puis maintenez ALT + Shift et redimensionnez-le. Sélectionnez les deux cercles et soustraire de la surface à l'aide de Pathfinder. ensuite Développer il.

Étape 5

Positionner le forme de beignet et appliquez les paramètres de couleur et de trait, comme indiqué ci-dessous.

Étape 6

Prenez le outil rectangle arrondi et Cliquez sur une fois sur l'écran pour faire apparaître la boîte de dialogue. Créer un Largeur de 150 pixels, hauteur de 50 pixels et rectangle de rayon d'angle de 20 pixels. Remplissez-le avec un dégradé de couleur montré ci-dessous avec un -Angle de 111 °. Aussi, appliquez un Accident vasculaire cérébral 1px avec la même couleur que nous utilisions auparavant.

Étape 7

Maintenant, nous devons ajouter un peu d’ombrage. Nous pouvons le faire en utilisant la même technique que nous avons utilisée pour créer la zone supérieure orange pour le texte dans étape 2. Pour zone 1, nous utilisons un dégradé de blanc à noir avec un Angle de 57 °. Pour zone 2, on utilise le même dégradé avec un Angle de 253 °. Pour zone 3, nous utilisons une couleur noire.

Étape 8

En utilisant la même technique, créez quelque chose comme une bande de caoutchouc ou de tissu. Utilisez une couleur blanche et un Course de 0.5px.

Étape 9

Maintenant nous tirons les rubans.

Étape 10

Créez un rectangle en utilisant outil Rectangle comme notre fond. Appliquer un gradient radial à cela. Puis dessinez une ombre en utilisant le outil ellipse.

Étape 11

Nous y sommes presque. Ajoutez un cercle blanc au-dessous de tous les calques, mais au-dessus du calque de texte. Met le opacité à 10%. Créez une zone de brillance en utilisant le éclaireur. Remplissez-le avec une couleur blanche et réglez le opacité à 5%.

Conclusion

Enfin, ajoutez une ombre au calque de texte car il se trouve sous le forme de beignet. Eh bien, c'est tout à ce sujet.

Ce tutoriel ne nécessitait que quelques compétences en dessin. Dans ce tutoriel, nous avons souvent répété le processus dans lequel nous devons copier et coller un chemin devant un autre. Cela nous permet de faire facilement une intersection, souvent via outils de recherche. J'espère que vous apprécierez le tutoriel et laissez quelques commentaires. À votre santé!