Share
Dans ce didacticiel, nous allons apprendre à créer l'icône de corbeille à l'aide de techniques telles que la modélisation 3D, le maillage en dégradé, l'outil de fusion et les modes de fusion, ainsi que le traçage d'images raster. Ce tutoriel est réalisé par Iaroslav Lazunov et un designer ukrainien professionnel Sergii Korolko.
Ouvrez Adobe Illustrator et créez un nouveau document au format couleur RVB 600 x 600 pt. La fonction Aligner les nouveaux objets sur la grille de pixels doit être désactivée..
Avec l'outil Crayon (P), créez le formulaire présenté ci-dessous. Le formulaire doit être rempli sans remplir avec l'épaisseur du trait définie sur 1 pt. Les deux points les plus à gauche doivent être alignés verticalement. Créez le guide vertical et activez le mode Guides intelligents (Command + U) pour un positionnement plus précis..
Conservez le chemin créé à l'étape précédente, sélectionnez-le et changez la couleur du trait en gris, puis accédez à Effet> 3D> Révolution et définissez les paramètres suivants..
Copiez l'objet créé et collez-le devant (Command + C puis Command + F). Désactivez la visibilité de l’objet inférieur à l’aide du panneau Calques, éliminant ainsi tout risque de mouvement accidentel. Nous aurons besoin de cet objet plus tard.
Maintenant, allez à l'objet> Développer l'apparence. Après cette action, notre objet se transforme en un groupe, constitué d’objets visibles, avec lesquels nous allons continuer à travailler, et d’objets cachés et inutiles. Dissociez le groupe trois fois (Commande + Option + G). Maintenant, le panneau des couches ressemble à ceci.
Notre tâche est maintenant de séparer les objets pour un travail ultérieur. Pour ce faire, utilisez l’outil de sélection (V), maintenez la touche Maj enfoncée et cliquez sur les objets supérieurs..
Allez à Select> Inverse et appuyez sur Suppr. En conséquence, nous avons cinq objets correspondant à différentes parties de notre corbeille. Pour mieux le voir, coloriez-les différemment.
Avant de commencer à travailler sur les détails de l'icône, nous devons ajuster un peu sa géométrie. Comme on peut le constater, les zones surlignées en rouge sont plus larges que les zones bleues. Je pense que ça gâche l'effet visuel.
Prenez l’outil Lasso (Q) et sélectionnez la partie de la figure qui sera modifiée..
Ensuite, prenez l'outil de mise à l'échelle (S), cliquez sur la zone vide et sans relâcher le bouton de la souris, faites-le glisser doucement vers la droite..
Nous faisons le même travail avec le bas du panier, mais maintenant, au lieu d’étirer la zone sélectionnée horizontalement, nous la réduisons, c’est-à-dire, utilisez l’outil Echelle (S), maintenez le bouton de la souris enfoncé et déplacez-le vers l’axe vertical..
Passons au travail avec l'objet le plus bas de la corbeille (il est rose sur la figure ci-dessous). Prenez l'outil de segment de ligne (barre oblique inverse) et créez une ligne horizontale comme indiqué sur la figure ci-dessous..
Sélectionnez le segment de droite à l'aide de l'outil Sélection directe (A) (les points eux-mêmes doivent rester non sélectionnés), puis à l'aide de l'outil Refaçonner, faites glisser la section le long du guide vertical tout en maintenant la touche Maj enfoncée. Arrêtez-vous à peu près à mi-hauteur de l'objet rose. Notre ligne a changé de forme courbe maintenant et il est apparu un point lisse au centre.
Avec l'outil de sélection directe (A), donnez à la ligne la forme complète de manière à diviser l'objet rose sur sa longueur d'environ un demi.
Sélectionnez l'objet rose et la ligne puis cliquez sur le panneau Diviser dans le panneau Pathfinder..
En conséquence, nous avons un groupe de deux objets. Remplissez le haut de l'objet avec le noir et le bas avec le dégradé linéaire du noir au gris.
Aller à l'objet suivant, il est gris clair pour l'instant. Pour lui donner l'aspect de la surface en métal chromé, appliquez le dégradé linéaire en niveaux de gris avec l'outil Dégradé (G)..
Copiez cet objet et placez-le au premier plan (Commande + C, puis Commande + F) et, à l'aide de la technique de l'étape précédente, créez une ligne courbe au-dessus de la partie chromée de la corbeille..
Créer la même ligne dans la partie inférieure du panier.
Sélectionnez les lignes et l'objet chromé, puis cliquez sur Diviser dans le panneau Pathfinder. Dans le groupe de trois objets résultant, supprimez l'objet du milieu. Remplissez l'objet supérieur avec le gris clair et l'objet inférieur avec un dégradé linéaire composé de nuances claires et foncées de gris..
En utilisant les techniques décrites, créez le bord métallique supérieur de la poubelle.
Il est maintenant temps de travailler avec un objet imitant la partie intérieure du panier. Sélectionnez les points de suspension bleus, remplissez-les avec un dégradé linéaire allant du gris foncé au gris.
Faites une copie de cette forme (Commande + C puis Commande + F) et modifiez sa taille avec l'outil de mise à l'échelle (S) comme indiqué sur la figure ci-dessous..
Changer le remplissage en dégradé de cet objet.
Maintenant colorons la plus grande partie de la corbeille qui est orange maintenant. Notre figure étant de forme conique et Adobe Illustrator ne créant pas de dégradés coniques, nous devons utiliser le filet de dégradé. Prenez l'outil Rectangle (M) et créez un rectangle de la taille d'un objet orange..
Appliquez un dégradé linéaire comme remplissage, comme indiqué sur la figure ci-dessous..
Conservez le rectangle sélectionné et allez à Objet> Développer, choisissez les paramètres indiqués sur la figure ci-dessous.
En conséquence, nous avons un groupe d’objets constitué du maillage de dégradé et du tracé de détourage. Dissociez ce groupe et supprimez le chemin de détourage dans le panneau Calques. Déplacez le filet de dégradé sous l'objet orange, qui devrait être verrouillé dans le panneau Calques..
Avec l'outil de sélection directe (A), sélectionnez les nods inférieurs de la grille et avec l'outil de mise à l'échelle (S), faites glisser la forme du maillage de dégradé plus près de la forme de l'objet orange..
Puis, avec l'outil de sélection directe (A), modifiez la forme du maillage de dégradé en fonction de la forme de l'objet orange..
Cela ne peut être fait qu'approximativement, l'essentiel est que les bords du maillage dégradé dépassent légèrement les bords de l'objet du haut.
Sélectionnez le filet de dégradé et l'objet orange qui se trouve en haut, appuyez sur les raccourcis Commande + 7 pour créer le masque d'écrêtage..
Pour obtenir une meilleure image, assombrissez légèrement le bord inférieur du filet de dégradé. Pour rendre notre travail plus confortable, isolons le maillage dégradé. Sélectionnez l'objet dans le panneau Calques et cliquez dessus deux fois..
Avec l'outil Maillage (U), ajoutez une rangée supplémentaire de nœuds près du bord inférieur du maillage en dégradé. Sélectionnez la rangée de noeuds très basse avec l'outil Lasso (Q) et allez dans Edition> Modifier les couleurs> Recolorer l'illustration..
Allez dans l'onglet Édition et cliquez sur le lien Couleurs d'harmonie.
Diminuer le paramètre de luminosité d'environ 2%
Jetez un oeil critique sur votre travail et, si nécessaire, apportez des corrections.
Comme nous pouvons le constater, l’intérieur de la corbeille peut sembler artificiel. Pour obtenir un meilleur attrait visuel, nous devons ajouter des taches de lumière. Corrigez ces lacunes.
Doublez les points de suspension correspondant à la partie intérieure de la corbeille, appliquez au dégradé linéaire du blanc au gris foncé et définissez le mode de fusion Multiplier dans le panneau Transparence..
Avec l'outil Plume, créez trois formes, en vert sur la figure ci-dessous..
Remplissez ces formes avec le dégradé linéaire, constitué de curseurs noir et gris. Appliquer le mode de fusion d'écran à ces formulaires.
Sélectionnez les surbrillances créées à une étape précédente et regroupez-les (Commande + G). Sélectionnez le tracé de détourage situé dans le groupe de mailles en dégradé, puis sélectionnez Objet> Tracé> Tracé du tracé. Dans la boîte de dialogue, définissez la valeur de décalage sur -1pt et cliquez sur OK..
Appliquez le dégradé de rayonnement sur le formulaire créé, du vert clair au blanc.
Placez cet objet sous le filet de dégradé et définissez le mode de fusion Multiplier sur ce dernier. Réduit l'opacité du filet de dégradé à 60%.
Créez une ombre sous la corbeille. Avec l'outil Ellipse (L), créez des points de suspension avec un remplissage gris..
Sous cet objet, créez un autre ellipsis, de plus grande taille avec un remplissage blanc. Définir l'opacité de 0% pour cela.
Sélectionnez les deux ellipses, cliquez sur les raccourcis Commande + Option + B, cette action crée un objet de fusion. Déplacer cet objet sous tous les objets.
Créons un symbole de recyclage. Avec l'outil Crayon (P), créez une flèche incurvée composée de cinq parties remplies de couleurs différentes..
Regroupez tous les objets de la flèche et créez deux copies. À l'aide de l'outil de rotation (R), tournez l'une des flèches à 120 degrés et l'autre à 240 degrés.
Maintenant, avec l'outil de sélection (V), placez les flèches conformément au symbole de recyclage. Pour un placement plus précis, créez un triangle d'assistance avec l'outil Polygone..
Supprimez le triangle, regroupez les flèches, faites glisser ce groupe vers le panneau Symboles.
Et maintenant, mes chers amis, dans la troisième étape, nous avons créé un duplicata de l’objet 3D et avons désactivé sa visibilité. Maintenant il est temps d'y revenir. Tournez la visibilité de cet objet, sélectionnez-le. Cliquez sur la ligne 3D Revolve dans le panneau Apparence..
Cliquez sur l’art cartographique dans la boîte de dialogue ouverte et définissez les paramètres indiqués dans la figure ci-dessous..
Conservez l'objet sélectionné dans l'objet> Développer l'apparence..
Dans le panneau Calques, supprimez la sélection du symbole de recyclage et supprimez le reste du groupe. Le groupe où se trouve le symbole a le tracé de détourage qui doit également être supprimé.
Maintenant colorons le symbole de recyclage. Le processus de coloration est indiqué sur la figure ci-dessous.
Colorer le reste des flèches de l'objet par analogie.
Créons maintenant des points forts sur les flèches. Dessinez trois formulaires comme indiqué sur la figure ci-dessous; Remplissez chaque formulaire avec un dégradé linéaire du gris au noir et appliquez le mode de fusion d’écran. Regrouper tous les objets du symbole et réduire l'opacité du groupe à 80%
Nous avons terminé la création de l'icône de la corbeille vide. Comme nous le savons, chaque corbeille a deux aspects: la corbeille vide et la corbeille pleine. Alors passons un peu plus de temps et remplissons notre poubelle avec du papier froissé.
Je vais utiliser une photo spécialement conçue pour créer le papier froissé. Collez l'image raster dans le document (Fichier> Importer ...), conservez-la sélectionnée et accédez à Objet> Suivi dynamique> Options de traçage. Définissez les paramètres indiqués sur la figure ci-dessous et cliquez sur le bouton Trace.
Maintenant, cliquez sur la touche Développer du panneau de configuration..
Changez la taille du papier froissé de manière à ce qu'elle corresponde à la taille de notre poubelle, doublez-la deux fois.
Maintenant, groupez toutes les copies du papier froissé et placez-les sous le groupe avec le filet dégradé.
Doublez le groupe avec du papier (Commande + C puis Commande + F). Conservez le nouveau groupe sélectionné en cliquant sur Unite dans le panneau Pathfinder. Maintenant, allez dans Objet> Chemin composé> Libérer. En conséquence, nous avons une multitude d'objets sélectionnés. Maintenez la touche Maj enfoncée pour supprimer la sélection de la silhouette de papier. supprimer le reste des objets.
Maintenant, trouvez la plus grande des trois ellipses qui forment la partie intérieure de la corbeille (consultez les étapes 9 et 13), faites une copie et faites-la glisser au-delà des limites du groupe..
Sélectionnez ces points de suspension et la silhouette du papier.
Prenez l'outil de création de formes (Maj + M) et tout en maintenant la touche Option enfoncée, cliquez sur les zones indiquées dans la figure ci-dessous..
Nous avons deux petits objets à la suite.
Sélectionnez ces objets et appliquez les raccourcis (Commande + 8) lors de la création du chemin composé..
Nous devons maintenant passer à trois ellipses qui forment la partie interne de la corbeille; s'ils ne sont pas groupés, nous devrions le faire maintenant. Placez le chemin composé, créé à l'étape précédente, au-dessus de ce groupe..
Sélectionnez le groupe et le chemin composé, cliquez sur les raccourcis Commande + 7 et notre corbeille vide, qui a déjà été créée à l'étape 20, se remplit avec le papier froissé..
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié cette tut.
Accentsconagua