Comment créer une icône de recyclage, sac en papier

Dans ce didacticiel, nous expliquerons comment créer une icône de papier écologique avec des formes et des dégradés simples. Ce tutoriel est idéal pour les débutants qui débutent avec la conception d’icônes, car c’est une icône assez simple à créer. Plongeons dedans!

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: Adobe Illustrator CS4
  • Difficulté: Débutant
  • Temps d'exécution estimé: 1 heure
 

Étape 1

Ouvrez un nouveau document et sélectionnez l'outil Rectangle (M). Créez un rectangle. Nous ne nous soucions pas encore de la couleur et des traits.

Étape 2

Sélectionnez l'outil de cisaillement. Cet outil se trouve sous l'outil de transformation..

Étape 3

Cliquez une fois sur le coin inférieur droit avec l'outil Cisaillement et commencez à déplacer le curseur de la souris. Vous verrez comment le rectangle est transformé. Essayez de réaliser une forme similaire à celle que vous voyez ci-dessous.

Étape 4

Créez un autre rectangle et transformez-le également à l'aide de l'outil Cisaillement, mais cette fois dans l'autre sens pour l'aligner perpendiculairement à la première forme..

Étape 5

Sélectionnez les deux formes et remplissez-les avec un beige-brun et réglez le contour sur Aucune.

Étape 6

Sélectionnez l'outil Crayon (P) et ajoutez des points de tracé à la ligne supérieure des rectangles. Nous allons les manipuler légèrement comme indiqué. Ceci est pour créer un look usé sur le dessus du sac en papier. Si vous avez besoin d’un peu d’entraînement avec Pen Tool, consultez le didacticiel de l'outil Stylo d'Illustrator: le guide complet, car nous utiliserons l'outil Stylo tout au long de ce didacticiel..

Pour ce faire, sélectionnez les points avec l'outil de sélection directe (A) et déplacez les points ajoutés. Commencez à donner aux formes un look personnalisé et remplissez-les d'un dégradé de brun à beige. Placez le dégradé en surbrillance vers le haut.

Étape 7

Ajouter plus de points d'ancrage si nécessaire.

Étape 8

Avec l'outil Plume, créez une autre forme qui sera placée en haut de la forme de gauche. Essayez de suivre la forme, mais conservez la moitié de la taille. Remplissez-le avec un dégradé plus foncé. Cela simulera un côté du sac en papier collé.

Étape 9

Créez une autre forme similaire à celle de l'image pour le côté droit et placez-la derrière la forme avant. Remplissez-le à nouveau avec un dégradé, mais essayez de placer la surbrillance du dégradé vers l'arrière..

Étape 10

Ajoutez un petit triangle sur le côté gauche au bas du sac. Remplissez-le avec une couleur plus sombre ou un dégradé.

Étape 11

Créez une forme extérieure avec l'outil Crayon (P) autour du sac en papier. La forme est totalement à vous. Assurez-vous simplement que la forme se chevauche avec les autres formes.

Étape 12

Créez une copie de toutes les formes, puis sélectionnez-les toutes et accédez à la palette Pathfinder. Là, sélectionnez le mode de forme Unite.

Étape 13

Voici ce que vous devriez avoir après avoir uni toutes les formes. Assurez-vous simplement que vous avez toujours toutes les autres formes. Sinon, annulez (Commande + Z).

Étape 14

Prenez la forme unie et placez-la derrière toutes les autres formes. Assurez-vous de supprimer la forme de contour supplémentaire, car nous n'en avons plus besoin.

Étape 15

Créez une forme amusante remplie de noir et placez-la sous toutes les formes. Ce sera l'ombre qui tombe vers l'arrière, car nous voulons simuler que la source de lumière vient de l'avant..

Étape 16

Sélectionnez la forme de l'ombre. Appliquez ensuite un effet de flou gaussien de 10 pixels..

Étape 17

Définissez l'opacité de la transparence sur 14%

Étape 18

Faisons l'icône de recyclage ensuite. Créez un polygone avec l'outil Rectangle (M). Cliquez une fois sur la planche graphique et, dans la fenêtre contextuelle, définissez le rayon sur 50 pt et les côtés sur 3. Puis cliquez sur OK. Remplir le triangle avec une couleur brune.

Étape 19

Avec le triangle sélectionné, allez à Effet> Styliser> Coins arrondis et appliquez-les..

Étape 20

Une fois le triangle sélectionné, développez l’apparence (Objet> Agrandir l’apparence). Maintenant, allez à Objet> Chemin> Chemin de décalage et appliquez un décalage de 10 pt comme indiqué.

Étape 21

Sélectionnez les deux formes et cliquez sur le bouton Exclure de la palette Pathfinder..

Étape 22

Créez davantage de triangles, comme à l'étape 18. Placez-les au centre de chaque côté du triangle, comme indiqué..

Étape 23

Cliquez sur le bouton Diviser de la palette Pathfinder pour les diviser en formes individuelles, comme indiqué..

Étape 24

Avec l'outil de sélection directe (A), sélectionnez la partie en surbrillance dans l'image ci-dessous et appliquez le bouton Unite Pathfinder. Répétez cette opération si nécessaire pour que chaque flèche soit attachée à une courbe comme indiqué…

Étape 25

Dissociez les formes si nécessaire et éloignez-les légèrement les unes des autres, ce qui crée un espace entre chaque flèche et courbe..

Étape 26

Inclinez l'icône de recyclage en utilisant l'outil Cisaillement, comme indiqué. Placez-le sur le devant du sac comme indiqué..

Étape 27

Pour le rendre un peu plus intéressant, créez une copie du côté et remplissez-la de fins points ondulés (un motif que vous pouvez trouver sous Fenêtre> Nuancier> Motifs). Définir l'opacité à 27%.

Étape 28

Répétez l'étape 27 pour le devant. Définir l'opacité à 27%.

Étape 29

Créez une copie de la forme du dos derrière elle (Commande + C + B) et agrandissez-la légèrement. Changer la direction du dégradé pour que la partie supérieure soit plus claire.

Conclusion

Jetez un coup d'œil, l'icône de sac en papier écologique est prête. J'espère que vous avez apprécié ce tutoriel de base.

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.