Faire une icône de calendrier de vecteur 3D pratique

Apprenez à créer une icône de calendrier pratique à utiliser sur votre blog, votre site Web ou vos projets d'impression. Nous utiliserons Illustrators Path et des outils 3D pour créer cette conception. En outre, un simple effet de boucle de page sera également démontré. Passons à ce tutoriel.

Aperçu de l'image finale

Voici le dernier regard que nous allons réaliser. Pour réussir ce didacticiel, vous devez maîtriser les outils Illustrators..

Étape 1

Commencez par dessiner un carré à l'aide de l'outil Rectangle (M).

Étape 2

Faites pivoter le carré en sélectionnant Effet> 3D> Rotation. Vous n'avez pas besoin d'entrer ces valeurs exactes, mais assurez-vous de noter les valeurs que vous entrez, car vous devrez vous y référer à nouveau lorsque nous ajouterons du texte. Après avoir cliqué sur OK, développez votre forme en allant à Objet> Développer l’apparence..

Étape 3

Pour simuler la profondeur du calendrier, nous utiliserons les options Extrusion et biseautage 3D d'Illustrator. Allez à Effet> 3D> Extruder et biseauter. Entrez 1 degré pour la rotation de l'axe X (première case). Dans la zone Extrusion en profondeur, entrez un nombre élevé, comme indiqué ci-dessous. Plus le nombre d'axes X est grand, plus votre valeur pour la profondeur d'extrusion sera petite..

Je préfère cette méthode car elle déforme beaucoup moins la face du calendrier que la saisie d’un grand nombre d’axes X et d’un petit numéro de profondeur d’extrusion. Cliquez sur OK, puis sélectionnez Objet> Développer l'apparence. Enfin, sélectionnez Objet> Dissocier. Notez que vous devrez peut-être dissocier l’objet plusieurs fois pour que chaque forme soit gérée individuellement..

Étape 4

Répétez l'étape 3 pour créer la base du calendrier. Agrandir la forme afin qu'il soit légèrement plus large que le haut. N'oubliez pas d'étendre et de dissocier la forme pour pouvoir colorier chaque côté de l'objet ultérieurement.

Étape 5

Créez une petite bordure autour de chacun des bords de la partie supérieure du calendrier en allant dans Objet> Chemin> Chemin décalé. Entrez les valeurs indiquées ci-dessous. Cette petite bordure nous permettra de donner un peu de surbrillance ou un dégradé alternatif au bord de chaque côté du calendrier, ce qui est un petit détail, mais ajoute à la qualité générale de la pièce..

Étape 6

Donnez aux formes intérieures que vous venez de créer un léger dégradé. Observez le dégradé légèrement plus clair du côté gauche du calendrier que du côté droit.

A l'aide de l'outil Plume (P), tracez des lignes à l'intérieur des formes intérieures que vous venez de créer pour simuler le bord de certaines pages du calendrier. Il n'y a pas de maths impliqué avec cette étape. Utilisez simplement votre œil et faites-le bien paraître. Remarquez comment les lignes diminuent en un point.

Étape 7

Une fois que toutes les lignes sont dessinées, utilisez la palette Distribuer pour créer un espace parfait entre chacune des lignes..

Étape 8

De plus, vous pouvez sélectionner toutes les lignes à la fois et leur donner un dégradé pour les aider à se fondre un peu plus dans les formes.

Donnez de la couleur à la base du calendrier en veillant à appliquer une couleur légèrement plus claire à gauche et une couleur plus sombre à droite.

En utilisant la même forme de ligne que vous avez dessinée pour créer le bord des pages, ajoutez-la en surbrillance ci-dessous pour donner l'impression d'une ombre et d'une surbrillance..

Étape 9

Sélectionnez une police que vous aimez (j'ai utilisé Din) et tapez les mots que vous souhaitez voir apparaître sur le devant du calendrier. Faites pivoter le type pour qu'il corresponde à l'angle de la surface du calendrier en sélectionnant Effet> 3D> Rotation. Entrez les valeurs que vous avez utilisées à l'étape 2, puis cliquez sur OK..

Étape 10

Ajouter le type à la face du calendrier et changer la couleur en blanc.

Étape 11

Dessinez un rectangle sur la face du calendrier qui correspond au rectangle bleu présenté ci-dessous. Donnez-lui un léger dégradé.

Étape 12

Faites le numéro sur le devant du calendrier en utilisant la même technique que nous avons utilisée pour le nom VECTORTUTS. Donne au chiffre un mince contour blanc.

Étape 13

Obtenez un aspect de page courbé en dessinant une forme fluide semblable à celle ci-dessous. Plus la forme est lisse, plus le contour de la page sera réaliste.

Étape 14

Pour que la boucle soit aussi crédible que possible, nous devons modifier la partie du papier située directement à gauche de la boucle. Commencez par sélectionner la face du calendrier et la courbure de la page. Dans la palette Pathfinder, cliquez sur Diviser. Maintenant, allez à Objet> Dissocier. Remarque: vous devrez peut-être ajuster la disposition des formes après avoir utilisé le filtre Diviser, car certaines formes peuvent maintenant être masquées..

Étape 15

Sélectionnez les deux moitiés de la page et utilisez l’option Ajouter à la zone de forme de la palette Pathfinder. Cliquez sur Développer dans la palette Pathfinder. Maintenant, les deux moitiés de la boucle de page sont à nouveau combinées et la face du calendrier est divisée en deux parties (une à gauche de la page et une à droite.)

Étape 16

À l'aide de l'outil de sélection directe (A), cliquez sur le point indiqué ci-dessous et déplacez-le légèrement vers la droite et le haut..

Étape 17

Éliminez le bord droit de la page en traçant une forme incurvée dessus et en utilisant la palette Pathfinder pour découper l’illustration. Découpez la forme en sélectionnant les deux formes et en utilisant l'option Soustraire de la zone de forme, mise en évidence ci-dessous. Puis terminez en cliquant sur Expand.

Étape 18

Dupliquer la page et la repositionner légèrement pour obtenir une page supplémentaire.

Étape 19

Donner au bord droit du calendrier un dégradé qui crée l’illusion qu’il est dans l’ombre.

Étape 20

Donne à la page des dégradés. Assurez-vous de donner à la page courbée à gauche un dégradé un peu plus foncé, car elle contient un objet très proche de lui. Ajoutez un peu plus d’intérêt au bord des boucles de la page en décalant leurs chemins comme nous l’avions fait à l’étape 5 en allant à Objet> Chemin> Décalage du chemin..

Étape 21

Vous pouvez maintenant donner à la nouvelle forme une modification subtile de son dégradé, ce qui permet de mettre en évidence le bord du papier..

Étape 22

Créez facilement une ombre portée en utilisant la forme de la surface supérieure du calendrier et en la calquant sur le coin inférieur. Allez à Effet> Flou> Flou gaussien et entrez une valeur produisant un flou suffisamment doux pour impliquer une ombre..

Image finale

Placez l'ombre portée derrière le calendrier et donnez à la surface supérieure un subtil dégradé. L'icône de votre calendrier est complète.!

Cette icône est polyvalente et peut être utilisée pour diverses applications. Faites preuve de créativité, vous pouvez changer le visage du calendrier pour répondre à de nombreux besoins.

Abonnez-vous au flux RSS VECTORTUTS pour rester informé des derniers tutoriels et articles sur les vecteurs.