Créer une icône de boîte aux lettres avec Adobe Illustrator

Attention! Cette icône n'a pas été créée uniquement à des fins éducatives. Vous pouvez voir le processus de travail de la conception réelle! Nous allons utiliser différentes techniques professionnelles pour créer cette icône, et je vous donnerai de nombreux conseils utiles tout au long du processus. Alors, mettons-nous au travail, experts!


Étape 1

Prenez l'outil Ellipse (L) et créez un cercle de 200 pixels de diamètre..

Maintenant, à l'aide de l'outil Rectangle arrondi, créez un rectangle avec un rayon d'angle de 15 pixels et de la même largeur que le cercle..

Prenez l'outil Gomme, et tout en maintenant la touche Alt enfoncée, effacez la partie supérieure du rectangle.

Superposez le cercle et le rectangle en les alignant verticalement selon le centre à l'aide de la palette Aligner..

En conservant les formes sélectionnées, cliquez sur le bouton Unir de la palette Pathfinder..


Étape 2

Passons à la modélisation 3D de la boîte aux lettres. Sélectionnez la forme et allez à Effet> 3D> Extruder et biseauter… avec les paramètres indiqués dans la figure ci-dessous ou entrez les vôtres. Notez ces paramètres sur un papier, nous en aurons besoin pour nos montages plus tard.

Veuillez noter que j'ai choisi la valeur No Shading pour le paramètre Surface afin d'éviter de créer des objets supplémentaires lors de la modélisation. Ainsi, nous avons atteint cinq objets.

Je pense que deux objets suffiront à notre travail: le recto et le côté de la boîte aux lettres. À l'aide de la palette Unite de Pathfinder, unissez tous les objets du côté en un seul objet..


Étape 3

À la suite de la modélisation, nous avons réalisé des objets contenant de nombreux points d'ancrage supplémentaires. Puisque nous allons travailler avec ces objets plus tard, il est souhaitable que le nombre de points d'ancrage soit réduit. Pour ce faire, allez à Objet> Chemin> Simplifier… et définissez la valeur de Précision de la courbe autour de 90-96%. Si le chemin d'origine est différent de celui transformé, augmentez la valeur du seuil d'angle.


Étape 4

Malheureusement, lors de la modélisation, certains chemins resteront ouverts. Il est facile de voir, en sélectionnant l'objet et en ouvrant la palette Informations sur le document.

Ces chemins doivent être fermés. Ces deux scripts très utiles peuvent vous aider: Fermer les chemins sélectionnés et Fermer tous les chemins. Enregistrez ces scripts sur votre disque dur et lancez-les à l’aide de la combinaison Commande + F12 ou en choisissant Fichier> Script> Autre script… choisissez le script nécessaire et ouvrez-le..


Étape 5

Continuez sur le côté de la boîte aux lettres. Copiez le côté et collez-le devant, maintenant prenez l'outil Ciseaux (C) et coupez la forme à quatre endroits. Supprimez maintenant les parties supérieure et inférieure de la figure..

Déplacer les courbes obtenues vers le centre de la surface latérale de la boîte aux lettres.

Modifiez la courbe de droite à l'aide de l'outil de sélection directe (A)..

Prenez l'outil Crayon (P) et fermez le chemin de la surface latérale, comme indiqué dans la figure ci-dessous..


Étape 6

Découpez maintenant la silhouette autour du chemin de la boîte aux lettres. Copiez le côté inférieur (indiqué en vert) et collez-le devant. Sélectionnez la forme obtenue et la face supérieure (en rouge), puis cliquez sur Intersection dans la palette Pathfinder..

Remplissez le côté avec un dégradé linéaire allant du bleu clair au bleu.

Ainsi, nous avons créé un tampon en plastique sur la boîte aux lettres. Créez l'épaisseur du tampon en plastique. Copiez-le et collez-le à l'arrière, déplacez la copie vers la gauche et modifiez l'angle du dégradé de la pente..


Étape 7

Créez la pièce métallique de la boîte aux lettres. Pour ce faire, remplissez la surface inférieure du côté avec un dégradé linéaire contenant deux nuances de gris et de blanc..

En utilisant les techniques mentionnées ci-dessus, créez le côté arrière de la boîte aux lettres..


Étape 8

Procédez maintenant pour créer le devant de la boîte. Sélectionnez la surface avant et allez à Objet> Transformer> Échelle…, définissez 90% et appuyez sur le bouton Copier.

Remplir la forme d'origine avec un dégradé linéaire grisâtre blanc.


Étape 9

Prenez l'outil Crayon (P) et créez un éblouissement sur les bords des surfaces métalliques..


Étape 10

Créez la surface interne de la partie métallique de la boîte. Copiez et collez devant la forme du trou dans la boîte aux lettres et déplacez-la un peu en haut et à droite.

Copiez la forme du trou et collez-le à nouveau devant. Sélectionnez la copie du trou et la forme décalée avant, puis appuyez sur le bouton Moins avant de la palette Pathfinder..

Remplir la figure obtenue avec un dégradé linéaire.


Étape 11

Le trou dans la boîte aux lettres ne doit pas nécessairement être complètement noir. Je l'ai donc rempli d'un dégradé linéaire contenant des couleurs proches du noir..


Étape 12

Passez à la création du couvercle de la boîte aux lettres. Sélectionnez la surface métallique avant de la boîte aux lettres et allez à Objet> Transformation> Refléter… et définissez la valeur Axe - Horizontal, cliquez sur le bouton Copier. Décale la forme obtenue verticalement vers le bas tout en maintenant la touche Maj enfoncée.

Et réfléchissez à nouveau sur le couvercle, mais faites-le verticalement cette fois-ci.

Prenez l'outil de rotation (R), réglez le centre de rotation sur le point A et faites pivoter le couvercle, comme indiqué sur la figure..


Étape 13

Le couvercle de la boîte aux lettres se trouve sur une surface horizontale. Sa forme sera donc quelque peu différente de celle d'origine. Sélectionnez le couvercle et allez à Effet> Déformer et transformer> Déformation libre et modifiez la hauteur du couvercle, en déplaçant les points inférieurs du rectangle vers le haut dans la boîte de dialogue..

Après cette opération, la forme du couvercle nécessitera un peu de modification et la suppression de points d’ancrage supplémentaires.


Étape 14

Je ne vais pas entrer dans les détails décrivant comment créer un couvercle, sa technique de création ne va pas loin de celle décrite ci-dessus. Je pense que vous allez tout comprendre du lot de dessins que j'ai posté ci-dessous.


Étape 15

Procéder à la création d'un porte-drapeau. Prenez l'outil Crayon (P) et créez un triangle rectangle comme indiqué dans la figure ci-dessous..

Conservez le triangle sélectionné, accédez à Effet> 3D> Extruder et biseauter… avec les mêmes paramètres qu'à l'étape 2..


Étape 16

Créez une ligne d'intersection de la surface latérale du porte-drapeau sur la surface cylindrique de la boîte aux lettres. La courbure de cette ligne coïncidera avec la courbure du bord avant de la boîte aux lettres. Vous pouvez le créer à l'aide de l'outil Plume (P) en utilisant la forme du bord avant en tant que gabarit, puis déplacez-le vers le point d'intersection des surfaces et passez le point A.

Sélectionnez la ligne d'intersection, le côté du support, puis appuyez sur le bouton Diviser de la palette Pathfinder. Supprimez maintenant le côté gauche du titulaire.


Étape 17

Utilisez une technique similaire sur le dessus du porte-drapeau.

Remplissez les côtés du support avec un dégradé linéaire puis, à l'aide de l'outil Plume (P), créez un éblouissement sur le bord du support.


Étape 18

Créez une forme de drapeau composée de formes géométriques simples, qui seront unies à l'aide de la palette Pathfinder.

Conservez le drapeau sélectionné, allez à Effet> 3D> Extruder et biseauter… avec les paramètres indiqués dans la figure ci-dessous..

Modifiez la couleur de remplissage des côtés du drapeau: remplissez la pièce latérale en rouge uni, la partie supérieure en rose et le devant avec un dégradé linéaire passant du rouge au rose.

Créer un approfondissement sur le côté du drapeau. Prenez l'outil crayon (P) et créez une ligne verticale de 3 pt de largeur.

Conservez la ligne sélectionnée, sélectionnez Objet> Développer et remplissez la forme avec un dégradé linéaire allant du rouge au rouge foncé..


Étape 19

Procédez à la création des enveloppes postales. Prenez l'outil crayon (P) et créez un losange.

Pour notre composition ultérieure, créez deux guides qui se croisent au centre de l’enveloppe et sont dirigés vers le point d’origine horizontal et vertical. Pour vous rappeler que vous pouvez faire pivoter les guides à l’aide de l’outil Rotation (R). Verrouillez les guides dans la palette Calques afin de ne pas les déplacer lors de la construction..


Étape 20

Prenez l'outil Crayon (P) et créez des rabats d'enveloppe en forme de triangles..

Tournez maintenant la pointe du rabat supérieur de l’enveloppe. Lorsque je dois arrondir les pointes, j'utilise un très bon script Round Any Corner, sélectionne le ou les points nécessaires et lance le script, comme décrit à l'étape 4..


Étape 21

Créez l'ombre du rabat d'enveloppe supérieur, en dupliquant sa forme, en la transformant à l'aide de l'outil de sélection directe (A) et en la plaçant dans les calques sous le rabat supérieur. Pour obtenir l’ombre sur le volet inférieur de l’enveloppe, utilisez la technique décrite en détail à l’étape 6..


Étape 22

En utilisant la même technique, créez des lumières sur l’enveloppe. Il existe une astuce efficace pour obtenir les nuances de la couleur de base: choisissez la couleur de base, ouvrez la palette Couleur et maintenez la touche Maj enfoncée, déplacez l’un des curseurs C, M, Y vers la droite ou vers la gauche. Pour les tons plus clairs, déplacez le curseur vers la gauche et vers la droite pour les tons sombres. Je ne recommanderais pas le curseur K pour les nuances plus sombres afin de ne pas obtenir des couleurs sales. En ajustant la couleur avec seulement trois curseurs, vous obtiendrez des couleurs plus vives. Cette méthode ne peut être appliquée qu'au modèle de couleur CMJN..


Étape 23

Pour que l’enveloppe ne semble pas plate, remplissez ses éléments avec des dégradés radiaux contenant les nuances de la couleur de base.


Étape 24

Créez des lumières sur la partie avant et inférieure de l'enveloppe, à l'aide de la technique décrite à l'étape 6..


Étape 25

Copiez la forme d'une enveloppe et collez-la à l'arrière. Déplacez la copie un peu en bas et à gauche. Ainsi, nous avons créé l'épaisseur de l'enveloppe. Remplir la forme obtenue avec un dégradé radial. L'enveloppe est prête, regroupez tous ses éléments.


Étape 26

Maintenant, créez une autre enveloppe. Cela ne pourrait pas être plus facile. Copiez l'enveloppe prête, collez-la à l'arrière et faites-la pivoter en fonction de la première. Changez les couleurs de la deuxième enveloppe en nuances de jaune. Les techniques permettant d'obtenir les nuances des couleurs de base sont décrites à l'étape 22..


Étape 27

Les enveloppes à droite seront placées à l'intérieur de la boîte aux lettres et ne seront donc pas visibles. Nous allons utiliser le masque d'écrêtage pour masquer ces pièces.

Créez la forme du tracé de détourage. Copiez la forme de la fente dans la boîte aux lettres et collez-la devant tous les objets. Prenez l'outil Ciseaux (C) et coupez cette figure aux points A et B, puis retirez la partie gauche de la figure..

Maintenant, prenez l'outil Crayon (P) et créez le contour de sorte qu'il ne traverse pas l'enveloppe où il peut être vu.

Sélectionnez les deux enveloppes et le tracé obtenu, puis sélectionnez Objet> Masque de découpage> Créer… En conséquence de ces actions, toutes les parties de l'image qui dépassent le tracé de détourage deviennent invisibles..


Étape 28

Nous avons un peu un mauvais résultat aux endroits où le tracé de détourage coupe les enveloppes.

Cela peut être corrigé facilement. Sélectionnez le tracé de détourage dans la palette Calques, puis déplacez-le de 1 pixel vers la droite à l'aide de la flèche droite..

La boîte aux lettres et les enveloppes sont donc prêtes, mais que manque-t-il? Des ombres, bien sûr.


Étape 29

Prenez l'outil Crayon (P) et créez la forme d'une ombre sous la boîte aux lettres, comme illustré dans la figure ci-dessous..

Maintenant, en utilisant le script Round Any Corner, arrondissez les coins de cette forme.

Remplissez la forme avec du blanc, j'ai personnellement choisi une couleur blanche comme couleur de fond. Conservez les figures sélectionnées dans Objet> Transformation> Échelle…, définissez la valeur à 70% dans la boîte de dialogue et appuyez sur Copier. Remplissez la copie avec du gris. Sélectionnez les deux figures et allez à Objet> Bland> Faire. L'ombre est prête.


Étape 30

Crée l'ombre du drapeau. Dupliquez la surface latérale du drapeau et placez-le dans le calque situé sous le drapeau. Le côté inférieur de la copie doit se trouver sur la ligne d'intersection du titulaire avec la surface cylindrique de la boîte aux lettres..

Sélectionnez cette forme et accédez à Objet> Distorsion d'enveloppe> Créer avec maillage… et définissez 2 lignes et 2 colonnes dans la boîte de dialogue. À l'aide de l'outil de sélection directe, amenez la forme sur celle indiquée dans la figure ci-dessous..

Remplit la forme avec un dégradé linéaire au fur et à mesure que l'intensité de l'ombre diminue en s'éloignant de sa source.

Prenez l'outil Crayon (P) et créez une ombre du drapeau sur le dessus du support..


Étape 31

Créer une ombre sous les enveloppes. Prenez l'outil crayon (P) et créez la forme illustrée dans la figure ci-dessous..

Maintenant, prenez l'outil Rectangle (M) et créez un rectangle sous cette forme.

Avec le rectangle sélectionné, allez à Objet> Créer un filet de dégradé… et définissez 2 lignes et 2 colonnes dans la boîte de dialogue..

Sélectionnez les deux formes et allez à Objet> Masque d'écrêtage> Créer. Ajoutez des points au maillage à l'aide de l'outil Maillage (U) et de l'outil Sélection directe (A), transformez le maillage en apparence, comme illustré dans la figure ci-dessous..


Étape 32

L'enveloppe plus proche du spectateur va créer une réflexion sur le dessus du couvercle. Créez cette réflexion en remplissant le haut du couvercle avec un dégradé linéaire.


Étape 33

Créez l'ombre de la boîte aux lettres à la surface des enveloppes. Copiez la forme de l'enveloppe verte et collez-la devant. Remplissez cette forme avec du vert foncé, réglez l'opacité à 60% dans la palette Transparence.

Copiez à nouveau la forme de l'enveloppe et collez-la devant au-dessus de la forme transparente. Remplissez cette forme avec un dégradé radial noir à blanc.

Sélectionnez la forme de transparence et la forme avec un dégradé radial et cliquez sur Créer un masque d'opacité dans le menu de la palette Transparence..

Faites la même chose avec l'autre enveloppe.


Conclusion

Une fois ce didacticiel terminé, vous pourrez créer différentes icônes dans ce style. Je serai heureux si vous découvriez de nouvelles techniques.