Fabriquer un cahier de collegiate de vecteur

Quelques fois par mois, nous revoyons certains des articles préférés de nos lecteurs au cours de l'histoire de Vectortuts +. Ce tutoriel de Jonathan a été publié le 20 janvier 2009..

Apprenez à créer un cahier de notes collégial vectoriel composé d’un cahier vectoriel réaliste et d’accessoires. C'est également la base idéale pour créer un thème d'en-tête de site Web intéressant! Une connaissance avancée d'Adobe Illustrator est requise pour suivre ce didacticiel. Commençons!

Aperçu de l'image finale

Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler.

Étape 1

Utilisez l'outil Rectangle arrondi pour dessiner la forme de base du bloc-notes. Appuyez sur les touches fléchées Haut et Bas pendant que vous dessinez la forme pour modifier le rayon des coins..

Étape 2

Appliquer un dégradé complexe.

Étape 3

Dupliquez le cahier et coupez-le en deux à l'aide du Pathfinder.

Étape 4

Dupliquez la page de gauche et placez-la sur elle-même. Appliquez un dégradé subtil et définissez la transparence sur Multiplier. Vous pouvez rapidement changer l’obscurité de l’ombrage en ajustant l’opacité..

Étape 5

Utilisation de l'outil Plume (P) pour dessiner une forme de courbe de page. À l’aide de Pathfinder, soustrayez la forme courbée de la page du bord du papier..

Étape 6

Placez un dégradé plus foncé sur le papier situé sous la page pour simuler son ombrage..

Étape 7

Tracez un demi-cercle et condensez-le légèrement. Placez le demi-cercle sous la page pour compléter l’effet. Notez que le dégradé a un bord légèrement plus clair sur la droite. C'est ce qu'on appelle la lumière réfléchissante et c'est un détail important dans le réalisme général de la boucle de page..

Étape 8

Appliquez une ombre portée au bloc-notes. Sachez que vous pouvez appliquer toutes vos ombres portées à la dernière étape, en fonction de la vitesse de votre ordinateur. Les ombres portées diminuent les performances de vitesse d'Illustrator. Mais si votre ordinateur est assez rapide, cela ne pose pas de problème.

Étape 9

Créez des onglets colorés en traçant un rectangle, puis en utilisant les dégradés prédéfinis pour les colorer. Pour y accéder, accédez à Fenêtre> Bibliothèques de nuances> Dégradés> Brillants. Vous voudrez peut-être assombrir légèrement la couleur en surbrillance, car notre conception exige que l'onglet apparaisse comme s'il était coincé entre les pages..

Étape 10

Créez les lignes réglées en dessinant d'abord deux lignes horizontales.

Étape 11

Sélectionnez les deux lignes, puis sélectionnez Objet> Fusion> Options de fusion. Sélectionnez Étapes spécifiées, entrez une valeur, puis appuyez sur OK. Aller à l'objet> Mélanger> Faire.

Étape 12

C'est le résultat. Vous pouvez ajuster le nombre de lignes en allant dans Objet> Fusion> Options de fusion..

Étape 13

En l’état, les lignes chevauchent la page. Pour résoudre ce problème, développez les lignes fusionnées en allant dans Objet> Développer..

Étape 14

Dissociez les lignes que vous venez de développer et ajustez leur longueur horizontale.

Vous ne pouvez pas donner de dégradé aux traits. À l'aide de l'outil Rectangle (M), tracez un rectangle très fin et donnez-lui un dégradé de bleu légèrement plus foncé. Tracez une petite ligne courbe et donnez-lui une couleur bleue plus foncée.

Étape 15

Placez vos nouveaux éléments dans la section curl de la page.

Étape 16

Voici à quoi devrait ressembler votre design.

Étape 17

Créez facilement des taches aléatoires sur le papier en utilisant le panneau Artistic Ink. Accédez à Bibliothèques de pinceaux> Artistiques> Encre artistique. Vous pouvez faire glisser les échantillons directement sur la page ou tracer une ligne à l'aide de l'outil Plume et les appliquer à la ligne. Pour éditer davantage les échantillons d'encre, vous devez d'abord développer l'encre..

Si vous connaissez bien Illustrator, vous saurez peut-être que quelqu'un utilise des nuances d'encre intégrées. Pour remédier à ce problème, modifiez les nuances d’encre à l’aide de l’outil Crystallize (disponible sous l’outil Warp, Shift + R.). Ou encore, utilisez divers outils de déformation pour obtenir des résultats intéressants..

Étape 18

Donnez à vos taches des dégradés, réglez leur transparence sur Multiplier et ajustez leur opacité pour qu'elles se fondent avec le papier..

Étape 19

Créez des trous dans le papier en dessinant une ellipse à l'aide de l'outil Ellipse (L.).

Étape 20

Alignez parfaitement vos trous en utilisant la palette Align.

Étape 21

Construire le crayon en utilisant des formes de base. Notez que le triangle utilisé pour la pointe du crayon a été créé à l’aide de Star Tool. Pour faire varier le nombre de points que l'étoile a simplement utiliser les flèches haut et bas pendant que vous dessinez la forme d'étoile.

Étape 22

Donnez à la zone montrée ci-dessous un bord déchiqueté en utilisant l'outil de déformation.

Étape 23

Utilisez les dégradés de métaux intégrés d'Illustrator en allant dans Fenêtre> Bibliothèques de nuances> Métaux..

Étape 24

Le corps du crayon peut être rapidement créé en utilisant un dégradé au maximum. Pour donner l’impression d’un certain nombre de faces sur le crayon, appliquez un dégradé à quatre couleurs, toutes légèrement différentes mais appartenant à la même famille. Ensuite, faites glisser les zones surlignées en jaune ci-dessous afin qu'elles soient aussi proches des zones surlignées en vert.

Étape 25

Donnez le bout des dégradés de crayon. Donnez à la section de bois exposée du crayon une lueur intérieure en allant à l’effet> Styliser> Inner Glow?

Étape 26

Reproduisez la partie métallique qui maintient la gomme, condensez-la et modifiez l'inclinaison pour donner l'illusion de crêtes sur la base en métal.

Étape 27

À l'aide de l'outil Texte (T), appliquez du texte à votre convenance. La police que j'ai utilisée est ITC Franklin. Ceci complète le crayon.

Étape 28

Pour créer la gomme rose autonome, tracez un rectangle et donnez-lui un dégradé ténu. Prenez une encoche sur le bord de la gomme en traçant une forme aléatoire et en la soustrayant du rectangle à l'aide de Pathfinder..

Étape 29

Créez des copeaux de gomme à l'aide de l'outil Crayon (N.). Comme c'est pratique! Dessinez arbitrairement des formes et appliquez un dégradé rose à gris-rose. Remarque: le moyen le plus simple de fermer une forme ouverte consiste à maintenir la touche Option enfoncée lorsque vous êtes prêt à fermer la forme..

Étape 30

Créez le trombone par:

  1. Dessine un rectangle aux coins arrondis. Appuyez sur les touches fléchées Haut et Bas pour régler la courbure du rectangle. Comme vous pouvez le constater, la forme finale n’est pas du tout un rectangle. Lorsque vous maîtriserez parfaitement les outils d'Illustrator, vous pourrez créer rapidement presque toutes les formes..
  2. Utilisez l'option Diviser pour trancher le trombone.
  3. Repositionnez, agrandissez et condensez les sections du trombone pour qu'elles ressemblent à celles ci-dessous..

Étape 31

Fusionner tout en utilisant la zone Ajouter à la forme de Pathfinder. Appliquez un effet Inner Glow sombre en sélectionnant Effet> Styliser> Inner Glow pour terminer le trombone..

Étape 32

Positionnez tous vos éléments sur la page à votre convenance et ajoutez des ombres portées. Vous souhaiterez peut-être dupliquer tous les objets, fusionner les formes individuelles qui composent chaque objet à l'aide de Pathfinder et appliquer l'ombre portée à cette forme. De cette façon, l’ombre portée ne sera pas appliquée à tous les petits éléments de chaque groupe de l’illustration, tels que le crayon..

Je trouve plus agréable de créer un groupe d'objets au lieu de tout espacer. Cependant, cela dépend de vous.

Étape 33

Utilisation de l'outil Rectangle pour dessiner un rectangle et lui donner une ombre portée et un dégradé subtils.

Étape 34

Donner un aspect déchiré au bord du papier en dessinant une forme quelconque à l'aide de l'outil Crayon et en utilisant Pathfinder pour soustraire la forme du papier..

Étape 35

Créer la photo est un jeu d'enfant. Dessinez quelques rectangles aux coins arrondis. Alignez-les verticalement à l'aide de la palette d'alignement.

Étape 36

Tracez une ellipse qui tombe à l'endroit où vous souhaitez placer le reflet. Utilisez l’option Diviser du Pathfinder pour briser toutes vos formes.

Étape 37

Maintenant, vous pouvez donner à chaque section des dégradés uniformes de photos.

Étape 38

Donnez un peu de texture au papier blanc en utilisant un échantillon d’encre différent de la palette d’encres artistiques. Variez votre sélection pour que chaque encre soit unique.

Étape 39

Créez les trous dans le dossier en dessinant d'abord une ellipse et en lui donnant un trait blanc..

Étape 40

Créez l'ombre et mettez en surbrillance en rendant flous des formes simples. Créez les formes d'arc sur les trous en superposant deux ellipses et en utilisant la zone Soustraire de la forme dans Pathfinder. Créez le grand angle de réflexion en brouillant un rectangle et en ajustant son opacité.

Étape 41

Ajoutez du texte à l'avant du dossier. J'ai utilisé ITC Franklin pour "Vectortuts" et Bickham Script pour "Jonathan". Appliquer un dégradé à partir de la sélection de métaux intégrée.

Image finale

Voici la conception finale. Vous venez d'apprendre à créer un cahier collégial vectoriel. C'est également la base idéale pour créer un thème d'en-tête de site Web intéressant!