Dans ce didacticiel, nous expliquerons comment créer une loupe réaliste avec des formes et des dégradés. Vous apprendrez également à utiliser efficacement l'outil texte d'Illustrator pour créer une mise en page à trois colonnes, puis à l'intégrer à une illustration. Sautons dans le tutoriel.
Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler.
Nous allons commencer avec la loupe. Ouvrez un nouveau document et tracez un cercle avec l'outil Ellipse (L). Appliquez un trait gris de 4 pt à l'intérieur et laissez le remplissage vide. Définir l'opacité du calque sur 46%.
Créez un autre cercle légèrement plus petit et appliquez un trait bleu de 2 points à l'intérieur. Définir l'opacité du calque sur 46%.
Placez la forme sur le premier cercle et centrez-les l'un à côté de l'autre.
Créez un autre cercle et définissez le contour sur 4 pt à l'intérieur en blanc. Ensuite, appliquez un masque d'opacité et créez deux cercles dans le masque pour en révéler et en masquer des parties..
Alignez le cercle avec le masque d'opacité au-dessus des deux autres cercles. Cela devrait ressembler à l'image ci-dessous. J'ai placé le fond noir juste pour le rendre plus visible.
Créez un autre cercle plus grand que les cercles d'origine, remplissez-le de gris, placez-le sous toutes les formes et centrez toutes ces formes..
Faites une copie du cercle rempli de gris et appliquez-lui un dégradé radial gris à blanc. Placez le dégradé en surbrillance vers le bas à gauche. Copiez ensuite la forme, allez à Make Opacity Mask (Créer un masque d’opacité), activez-la en cliquant sur le carré noir et collez-y le cercle. Maintenant, nous devons supprimer quelques points de chemin afin d'obtenir une forme similaire à l'image ci-dessous..
Appliquez maintenant un dégradé linéaire de blanc à noir à blanc sur la forme du masque d'opacité, puis inclinez-le. Ceci cachera et révélera seulement la forme plus une partie du dégradé radial. Bien sûr, ce n’est qu’un moyen de créer une réflexion..
Nous devons donner à la lentille une sorte de profondeur biseautée. Pour ce faire, créez un autre cercle et remplissez-le avec un dégradé radial allant du blanc au noir. Appliquez le dégradé de sorte que la couleur blanche soit au centre. Définissez l’opacité du calque sur 46% et assurez-vous que la forme est au-dessus de toutes les autres formes..
Créez une forme similaire à celle illustrée ci-dessous. Vous pouvez utiliser le même cercle que nous venons de créer, supprimer des points, puis le remodeler. Remplissez-le avec une couleur grise à 60% K. Réglez ensuite l'opacité du calque sur 18%..
Placez la forme au milieu de la boucle. Comme vous pouvez le constater, cela nous donnera l’illusion d’une réflexion de la lentille.
Regardons la poignée que nous allons créer. Nous devons nous concentrer sur les points forts, les réflexions, les biseaux et les dégradés. Nous allons créer un surlignage (1), un biseau avec des dégradés (2) et des éléments d'accent (3).
Créer un rectangle d'angle arrondi (le rayon d'angle dépend de la taille du rectangle, j'ai choisi environ 8 pt). Ensuite, remplissez-le avec un dégradé linéaire rouge foncé à noir. Ce sera une base et agira comme une forme biseautée.
Créez un rectangle très fin mais gardez-le aussi large que la forme de base. Puis remplissez-le avec un dégradé linéaire de gris à blanc à noir.
Faites une copie de la forme de base et coupez-la pour obtenir une forme similaire à celle de l'image ci-dessous. Vous pouvez le faire en utilisant le couteau à découper (outil à ciseaux) ou en découpant la forme à l'aide de l'outil à ciseaux (C) aux points du tracé situés avant les coins arrondis, puis en reliant les chemins et en étendant la forme. Assurez-vous de le remplir avec le même dégradé d'argent que celui utilisé pour la petite forme d'accent.
Faites une copie de la forme supérieure argentée et faites-la pivoter de 180 degrés. Redimensionnez-le pour qu'il ne soit pas aussi grand.
Créez un rectangle plus petit en largeur que la forme de base et remplissez-le avec le même dégradé argenté. Assurez-vous que lorsque vous le placez sous les deux formes supérieures argentées, les dégradés.
Passons maintenant au point culminant. C'est une forme simple remplie de blanc. Placez-le sur la gauche et laissez-le couler du haut vers le bas. Appliquez ensuite un masque d’opacité et masquez la partie inférieure de sorte que la forme semble s’effacer dans le rouge..
Regroupez la forme de la boucle, puis la poignée de base, puis placez-la près de la boucle. J'ai groupé les deux ensemble et fait pivoter la boucle dans le sens antihoraire. Ensuite, j'ai ajouté une ombre portée (Effet> Styliser> Ombre portée)..
Ah, vous pensiez avoir terminé, mais passons au papier. Créez un rectangle, une taille de portrait et remplissez-le de gris clair, puis appliquez une ombre portée (Effet> Styliser> Ombre portée)..
J'ai souligné les colonnes de texte pour la mise en page. Nous allons créer trois colonnes.
Premièrement, nous avons besoin de texte. J'ai attrapé un texte de lorem ipsum sur lipsum.com/ et je l'ai copié. Ensuite, sélectionnez l'outil Texte (T), cliquez sur le coin supérieur gauche de la première colonne, maintenez le bouton gauche de la souris enfoncé et commencez à faire glisser le curseur vers le bas..
Vous verrez que nous créons une zone de texte rectangle.
Maintenant, il peut être un peu difficile de placer exactement cela dans les instructions, mais il existe un outil pratique pour redimensionner les zones de texte sans déformer le texte lui-même. Accédez à Fenêtre> Afficher le cadre de sélection (Commande + Maj + B) et redimensionnez la zone de texte. Collez le texte que vous avez copié là.
Depuis que nous avons créé une zone de texte, le texte que nous avons collé est trop long. Illustrator vous le fait savoir en ajoutant un signe plus rouge en bas à droite de la zone de texte. Sélectionnez l'outil de sélection (V) et cliquez une fois sur le signe plus rouge. Environ une demi-seconde plus tard, vous verrez une image de ligne de texte sous le curseur..
Effectuez un zoom arrière pour voir les repères et dessiner une autre zone de texte rectangle. Vous n'avez pas besoin de sélectionner l'outil Texte (T), car vous l'avez déjà activé en cliquant sur le signe plus rouge..
Répétez les étapes précédentes et ajoutez une autre colonne. Supprimer tout texte inutile.
J'ai créé une autre zone de texte au-dessus des trois colonnes et ajouté un titre..
Enfin et surtout, j'ai placé la boucle au-dessus du texte. Pour donner l’illusion que la boucle grossit le texte, j’ai copié la colonne et augmenté la taille du texte. Puis j'ai appliqué un masque pour cacher le reste. J'espère que vous avez apprécié ce tutoriel.