Comment créer des icônes de fournitures scolaires dans Adobe Illustrator

Ce que vous allez créer

La pause estivale est finie et c'est la rentrée des classes! Saviez-vous que l'année scolaire commence à différents moments dans différents pays du monde? Dans mon enfance, l'année scolaire ukrainienne a commencé le 1er septembre. En Allemagne, où ma fille fréquentait l’école, tout a commencé mi-septembre. Aux États-Unis, où nous vivons maintenant, l'école commence vers la fin août. 

Aujourd'hui, j'aimerais vous inviter à dessiner quelques fournitures scolaires en utilisant des formes de base dans Adobe Illustrator. Nous prendrons des formes simples, comme les effets Warp rectangle, ellipse et triangle, et nous utiliserons le chemin de décalage. À la fin de ce didacticiel, vous saurez découper des formes à l'aide du bouton Moins avant ou Intersect du panneau Pathfinder, et donner à vos fournitures scolaires un aspect en trois dimensions! Commençons!

Si vous ne vous sentez pas assez fort pour terminer l'ensemble du didacticiel aujourd'hui, vous pouvez trouver de nombreuses icônes sur Envato Market, y compris plusieurs packs d'icônes sur le thème de l'éducation..

1. Créer le crayon

Étape 1

Après avoir ouvert votre Adobe Illustrator, créer un nouveau document avec 850 x 850 px Largeur et la taille. Pour pouvoir déplacer des objets avec précision, nous devons activer la Guides intelligents. Alors allons à Affichage> Guides intelligents (Control-U). Nous allons commencer par dessiner au crayon-forme trois rectangles qui sont attachés les uns aux autres en utilisant le Outil Rectangle (M). Supprimez la couleur du trait et définissez les couleurs de remplissage indiquées dans l'image ci-dessous. Le rectangle au milieu aura une couleur légèrement plus claire. Puis sélectionnez les trois rectangles et allez à Effet> Warp> Ardennes. Dans la nouvelle fenêtre, ajustez les options suivantes:

Étape 2

En utilisant le Outil Ellipse (L), dessine une ellipse jaune. Placez-la dans le dos, alors que l'ellipse est sélectionnée, utilisez la combinaison suivante: Control-X, Control-B.

Étape 3

Ajoutez un triangle marron clair en appuyant sur la touche Outil Polygone. Après avoir cliqué sur la planche graphique, une nouvelle fenêtre de dialogue s’ouvrira. Entrer 3 côtés et n'importe quel Rayon. Vous pouvez ajuster la taille du triangle. Faites une copie devant (Control-C, Control-F) et ensuite le rendre plus étroit. Assurez-vous de placer les deux triangles derrière les rectangles jaunes (utilisez le Control-X, Control-B combinaison).

Étape 4

Faisons la pointe du crayon, la mine. Faites une copie du triangle plus grand devant (Control-C, Control-F). Réglez-le sur une couleur gris foncé. En utilisant le Outil Ellipse (L), Créez l'ellipse qui chevauche le triangle gris, comme indiqué dans l'image ci-dessous. Sélectionnez cette ellipse et le triangle gris. presse Minus Front bouton sur le Éclaireur (Fenêtre> Pathfinder) panneau. Vous obtiendrez le bout du crayon.

Donnons maintenant un peu de volume à la pointe pour la rendre plus réaliste. Faites une copie du conseil nouvellement créé à l'avant, deux fois. Étirer la dernière copie. Sélectionnez l'une des copies de la pointe (vous en avez deux, vous vous en souvenez?) Et la copie que vous avez étirée. presse Couper dans Éclaireur (Fenêtre> Pathfinder). Rendre la forme obtenue plus légère.

2. Créer le surligneur

Étape 1

Choisissez le Outil Rectangle (M) et faire un rectangle rouge. Sélectionnez le point d’ancrage en bas à gauche à l’aide des touches Outil de sélection directe (A) et appuyez sur le Flèche droite sur votre clavier à quelques reprises. 

En utilisant une technique similaire, déplacez le point d'ancrage en bas à droite vers la gauche. N'oubliez pas de compter le nombre de fois où vous avez appuyé sur ces flèches afin que votre forme soit symétrique. En utilisant le Outil Ellipse (L), Ajoutez deux ellipses en haut et en bas du rectangle. Sélectionnez les trois objets et réunissez-les à l'aide du Unir bouton sur le Éclaireur panneau.

Étape 2

Faites une copie de la forme créée devant, étirez-la verticalement et rétrécissez-la horizontalement un peu. Sur l'image ci-dessous, cette copie est représentée par un trait noir, mais vous n'avez pas besoin de changer de couleur. Faites une autre copie de la forme originale devant. Vous devriez maintenant avoir trois copies: deux originaux et un étiré. Sélectionnez l'un des originaux et celui qui est étiré. Frappé le Couper bouton sur le Éclaireur panneau. Changer la couleur de la forme nouvellement créée en une couleur plus claire.

Maintenant, répétez ces actions pour créer une autre forme plus claire à l'intérieur. Faites une copie de la forme supérieure devant, étirez-la verticalement et rétrécissez-la horizontalement. Faites une autre copie de la forme plus claire devant, sélectionnez les deux formes et appuyez sur la touche Couper bouton dans Éclaireur. Choisissez une couleur encore plus claire pour la forme la plus haute.

Étape 3

Créons la partie supérieure du surligneur. Dessinez deux ellipses qui se chevauchent comme dans l'image ci-dessous. Gardez les deux sélectionnés et appuyez sur Unir dans Éclaireur. Vous obtiendrez une forme. Prendre le Supprimer l'outil de point d'ancrage (-) et cliquez sur ces points d'ancrage internes gauche et droit pour les faire disparaître.

Ensuite, nous devons faire une sorte de diviseur (image 2). Dessinez deux ellipses grises qui se chevauchent presque. Si vous regardez de près le trait rose (que vous n'avez évidemment pas besoin de faire), vous verrez comment les ellipses doivent être placés. Cliquez sur Minus Front dans Éclaireur.

Enfin, place 2 plus de 1. C'est tout. Vous devriez avoir une forme de cylindre, qui sera également utilisée dans les prochaines étapes.

Placez cette partie sur la base du surligneur. Si votre forme est trop petite, agrandissez-la ou inversement. Tu as le Guides intelligents, donc ça ne devrait pas être si difficile.

Étape 4

Créez une copie de cette forme cylindrique, réduisez-la et placez-la sur la plus grande. Pour mettre en surbrillance la bordure de ces deux formes, ajoutez le séparateur gris des étapes précédentes. Un léger étirement de ce diviseur sera probablement nécessaire.

Étape 5

Placez les deux rectangles noirs comme dans l'image ci-dessous. Il suffit de sélectionner celui du bas et d'aller à Effet> Warp> Ardennes. Dans la nouvelle fenêtre, entrez les options affichées. Vous devrez probablement ajuster la taille du rectangle supérieur.

Ajoutez une ellipse noire au-dessus du petit rectangle et, tout en maintenant les trois formes sélectionnées, appuyez sur la touche Unir bouton sur le Éclaireur panneau.

Étape 6

Pour le dernier détail de notre surligneur (la partie avec laquelle vous mettez en surbrillance), créez un rectangle rouge. Sélectionnez le point d’ancrage en haut à droite à l’aide des touches Outil de sélection directe (A) et déplacez-le vers le bas, comme indiqué dans l'image ci-dessous. Dessinez une ellipse rouge foncé et placez-la sur le rectangle déformé. Copiez le rectangle déformé devant, sélectionnez cette forme et l’ellipse, puis appuyez sur la Couper bouton sur le Éclaireur panneau. Faites une copie de la forme «demi-cercle» dans le dos (Control-C, Control-B), et l'étirer un peu. Changer la couleur de cette forme en rose.

Étape 7

Une fois que tout est mis ensemble, votre surligneur devrait maintenant ressembler à ceci:

3. Créer le sac à dos

Étape 1

Devons-nous créer un sac à dos mignon maintenant? Commençons par former d'abord la base du sac à dos. Frappé le Outil Rectangle Arrondi et dessinez un rectangle arrondi semblable à la forme indiquée ci-dessous. Tout en le gardant sélectionné, allez à Effet> Warp> Ardennes. Dans la nouvelle fenêtre de dialogue, ajustez les options comme indiqué dans l'image ci-dessous.

Étape 2

Ajoutez un autre rectangle arrondi plus petit, plus léger sur le dessus. Créez une autre copie à l'arrière (Control-C, Control-B), décaler un peu cette copie et la rendre plus sombre.

Étape 3

Pour créer une petite poignée pour le sac à dos, faites un cercle (utilisez le Outil Ellipse (L) tout en maintenant le Décalage clé), avec juste la couleur du trait, sans la couleur de remplissage. Sur le Accident vasculaire cérébral panneau, augmentez l’épaisseur de trait pour avoir une forme similaire à celle de l’image ci-dessous. Sélectionnez le cercle et développez-le: Objet> Développer l'apparence. Nous devons développer car plus tard, si vous devez réduire ou augmenter la taille du sac à dos, sa taille sera modifiée proportionnellement.

Pour ajouter des bretelles, commencez par créer un rectangle arrondi et inclinez-le légèrement vers la gauche. Pour créer un second rectangle arrondi réfléchi, sélectionnez celui d'origine., clic droit> Transformer> Refléter, choisir Verticale, angle de 90 degrés, et appuyez sur Copie. Déplacez la copie créée de cette forme vers la droite en utilisant le bouton Flèche droite bouton de votre clavier. N'oubliez pas de placer la poignée et les deux bretelles du sac à dos derrière le corps du sac à dos. Pour ce faire, sélectionnez-les et appuyez sur Control-X, Control-B.

Étape 4

Pour ajouter des poches, créez un long rectangle arrondi de couleur bleu clair sur lequel se trouve un rectangle jaune étroit. Sélectionnez ces deux rectangles et envoyez-les à l'arrière de l'image. (Control-X, Control-B).

Étape 5

Ajoutons une fermeture à glissière au sac à dos. Dessinez une ellipse remplie d'une couleur jaune. Choisir la Outil de sélection directe (A) et sélectionnez les points d'ancrage droit et gauche. Faites les glisser vers le bas. Créez un cercle dessus, sélectionnez les deux formes et appuyez sur la touche Minus Front bouton sur le Éclaireur panneau.

Étape 6

Pour faire la poche avant, dessinez un autre rectangle arrondi. Pour créer une bordure jaune pour cette poche, sélectionnez-la et allez à Objet> Chemin> Chemin décalé. Définir les paramètres Décalage: 3 px, Joins: Mitre; Limite d'onglet: 4. La valeur de décalage est approximative et dépend de la taille de votre forme d'origine. Pour utiliser la même couleur jaune que pour la fermeture à glissière, sélectionnez la bordure, puis sélectionnez Outil Pipette (I) et cliquez sur la fermeture à glissière jaune. La couleur de l'objet sélectionné sera celle sur laquelle vous avez cliqué avec l'outil Pipette..

Placez la fermeture à glissière sur la poche avant.

Étape 7

Pour créer le fermoir, commencez par créer un rectangle arrondi. Ajoutez ensuite un petit cercle bleu foncé. Descendez ce cercle tout en tenant le Décalage et Alt clés ensemble. Vous verrez que vous venez de faire une copie. presse Contrôle-D une fois et vous obtiendrez une troisième copie.

Pour créer une boucle de ceinture, créez un rectangle arrondi avec un trait jaune et aucune couleur de remplissage. Faites un gros coup en ajustant le Accident vasculaire cérébral panneau. N'oubliez pas de développer ce rectangle arrondi: sélectionnez-le et appuyez sur Objet> Développer, OK.

Pour ajouter la broche de ceinture (vous rencontrerez des mots étranges que vous ne pensiez probablement pas rencontrer!), Créez une autre ellipse (couleur de remplissage jaune, pas de couleur de trait). Choisir la Outil de sélection directe (A), sélectionnez les points d'ancrage droit et gauche et faites-les glisser vers le haut.

Regrouper tout le fermoir (clic droit> Groupe).

Étape 8

Placez le fermoir sur le côté gauche du sac. Frappé le Alt et Décalage clés et déplacez ce fermoir vers la droite avec votre souris. De cette façon, vous créerez une deuxième copie de la ceinture, qui sera alignée horizontalement. Votre sac est prêt pour l'école.

4. Créer le tableau

Étape 1

Et bien sûr, nous allons maintenant créer un tableau - l'endroit où commencent certains des cauchemars de l'école.

Commençons par un rectangle brun (Outil Rectangle (M)). Pour créer le rectangle noir à l’intérieur du marron, nous allons suivre les étapes suivantes: garder le rectangle brun sélectionné, aller à Objet> Chemin> Chemin décalé et entrez Décalage -8 px; Se joint à Mitre; Limite d'onglet 4. Changez la couleur du rectangle créé en gris foncé. Maintenant encore une fois, sélectionnez le rectangle gris foncé et allez à Objet> Chemin> Chemin décalé et entrez Décalage -3 px; Se joint à Mitre; Limite d'onglet 4. Donnez une couleur gris clair à ce nouveau rectangle à l'intérieur. 

Pour ajouter du volume à l'image, nous allons créer un autre rectangle (je sais, nous créons tout un tas de rectangles aujourd'hui…), légèrement plus gros et plus clair que le marron. Sélectionnez le rectangle brun, allez à Objet> Chemin> Chemin décalé et définir les paramètres: Décalage 2 px; Se joint à Mitre; Limite d'onglet 4. Le rendre plus léger.

Étape 2

Ajoutons l'étagère où vous pouvez placer la craie. Créez un autre rectangle brun et attachez-le sous le tableau. Faites une copie à l'arrière. Déplacez la copie arrière légèrement vers le haut et changez la couleur en brun clair.

Étape 3

Nous allons maintenant ajouter un rectangle brun foncé au centre du tableau, et un autre de même couleur en bas à gauche. Le rectangle en bas représentera la jambe du tableau. Pour une légère modification, nous allons sélectionner les points d’ancrage inférieurs de ce rectangle avec le Outil de sélection directe (A) et faites-le glisser légèrement vers la gauche. Pour faire une autre jambe, sélectionnez la jambe gauche, clic-droit > Transformer> Réfléchir, choisir Verticale, angle de 90 degrés, et appuyez sur Copie. Déplacer la copie créée de la jambe vers la droite.

Étape 4

Pour finaliser l'image, nous allons ajouter une craie avec un rectangle blanc. Assurez-vous de le placer derrière le rectangle brun clair de l'étagère. Nous avons fini avec le tableau.

5. Créer les fonds

Étape 1

N'abandonnez pas, nous y sommes presque! Tirons un carré gris clair de 850 x 850 px Largeur et la taille, et un cercle plus sombre dans le coin supérieur gauche de l'image. Pour faire une copie de ce cercle aligné horizontalement, maintenez la touche enfoncée. Alt et Décalage boutons et déplacez ce cercle vers la droite. Ensuite, sélectionnez ces deux cercles et, tout en maintenant le bouton Alt et Décalage clés, déplacez-les vers le bas. Vous devriez vous retrouver avec quatre cercles plus sombres, tous alignés symétriquement.

Étape 2

C'est maintenant l'étape la plus facile du tutoriel d'aujourd'hui. Il suffit de placer les objets créés à l'intérieur des cercles. Pour les déplacer facilement, regroupez chaque objet séparément (clic droit> Groupe).

La classe d'aujourd'hui est terminée!

Si vous êtes encore à l’école, j’espère que cette année scolaire sera douce et agréable pour vous. Si vous êtes un parent, ayez beaucoup de patience et soyez fier de vos enfants. Si vous n’avez aucun lien de parenté avec l’école, amusez-vous à parcourir des allées de mémoire en tirant ces fournitures.