Comment créer un modèle d'école mignon et ludique dans Adobe Illustrator

Ce que vous allez créer

Suivez ce tutoriel et créons un modèle sans couture pour la rentrée scolaire avec des animaux mignons et des objets scolaires! Nous allons modifier diverses formes simples à l'aide de l'outil Shape Builder, des effets de distorsion et d'autres fonctions utiles d'Adobe Illustrator. Ensuite, nous rassemblerons nos éléments dans un motif transparent ludique qui peut être appliqué à n’importe quelle forme et utilisé pour imprimer sur du tissu ou comme arrière-plan de votre site Web ou de votre blog.. 

Vous pouvez créer une version développée du motif en ajoutant plus d'éléments, que vous pouvez obtenir à partir de cette Kids School Set sur Envato Elements. Vous y trouverez une collection de motifs colorés sans soudure, un ensemble d’éléments scolaires et des portraits de tous les personnages que vous pouvez utiliser à la fois pour des projets personnels et commerciaux.!

Commençons à créer notre modèle!

1. Comment créer un lapin mignon

Étape 1

Prendre le Outil Ellipse (L) et créons la base de la tête d'un 115 x 85 px ovale blanc.

Utilisez le Outil de sélection directe (A) tirer les poignées d'ancrage des côtés vers le haut, ce qui rend la forme un peu plus carrée et plate à la partie supérieure.

Étape 2

Ajoutons des traits du visage. Faire un 8 x 8 px cercle violet foncé pour l'oeil. Sélectionnez-le avec le Outil de sélection (V), tenir Alt-Shift, et faites glisser sur le côté opposé pour faire le deuxième oeil.

Puis faire un couple de 12 x 6 px ellipses roses pour les taches de blush sur les joues. Utilisez les mêmes ellipses pour former les sourcils. Changez la couleur de remplissage en gris et faites légèrement pivoter les formes pour que le lapin ait l'air surpris et amical.

Créez une ellipse plus grande pour le nez et placez-la au centre du visage. Utilisez le Outil Pipette (I) choisir la couleur des yeux.

Enfin, pour que tout soit parfaitement aligné, nous pouvons groupe (Control-G) chaque paire d'éléments, sélectionnez-les avec la tête, puis cliquez sur Centre d'alignement horizontal dans le Aligner panneau. Sélectionnez soit Aligner sur un objet clé ou à Artboard au bas du panneau.

Étape 3

Ajoutons maintenant une bouche. Créer un 12 x 12 px cercle avec violet foncé Accident vasculaire cérébral et aucun remplissage. Utilisez le Outil Ciseaux (C) cliquer sur les deux points d’ancrage latéraux en séparant la forme. Supprimer la moitié supérieure du cercle. 

Tenir Alt-Shift et faites glisser le demi-cercle vers la droite pour créer une copie.

Nous pouvons ajuster l’épaisseur des lignes dans le Accident vasculaire cérébral panneau. Met le Poids à 2 pt et Casquette à Casquette ronde.

Reliez la bouche au nez en ajoutant une courte verticale 2 pt ligne.

Étape 4

Mettons une paire de lunettes rigolotes sur le visage de notre lapin. Faire un grand 55 x 55 px cercle avec contour magenta et 3 pt de poids

Dupliquer (tenir Alt-Shift et faites-le glisser vers le côté opposé et reliez les cercles à une petite arche. Nous pouvons copier la ligne arquée du groupe de la bouche et la faire tourner à l'envers.

Étape 5

Passons maintenant aux oreilles. Faire un 22 x 75 px ellipse gris clair. Sélectionnez ses points d’ancrage supérieur et inférieur à l’aide du bouton Outil de sélection directe (A) et Convertir les points d'ancrage sélectionnés en angle depuis le panneau de commande en haut.

Sélectionnez ensuite les deux points d'ancrage latéraux et faites-les glisser un peu pour élargir le haut de la forme..

Étape 6

Double-cliquez la Outil de rotation (R) et mettre le Angle à 20 degrés. À présent Copier (Control-C) la forme et Coller devant (Control-F). Réduisez la forme et remplissez-la de couleur rose, représentant la partie interne de l'oreille.

Étape 7

Groupe (Control-G) les deux parties de l'oreille, double-cliquez la Outil de réflexion (O), et sélectionnez le Axe vertical. Cliquez sur Copie pour créer la deuxième oreille.

Étape 8

Fixez les oreilles au sommet de la tête et Envoyer à l'arrière (Shift-Control- [).

Là nous l'avons! Notre lapin est prêt!

2. Comment dessiner un personnage de chaton

Étape 1

Utilisons la base de la tête du lapin et son visage pour faire un joli minou! Ajouter court 2 pt coups aux yeux pour former les cils.

Étape 2

Prendre le Outil Ellipse (L) et faisons des rayures sur le front. Créer un 15 x 45 px ovale au centre du bord supérieur de la tête et ajoutez deux ovales plus petits des deux côtés.

Sélectionnez tous les ovales et la tête. Prendre le Outil de création de forme (Maj-M), tenir Alt, et cliquez sur les morceaux que vous souhaitez supprimer.

Étape 3

Maintenant faisons les oreilles!

  1. Prendre le Outil Polygone (vous pouvez le trouver dans le même menu déroulant que le Outil Rectangle (M)) et cliquez n'importe où sur l'Artboard pour ouvrir une fenêtre contextuelle Les options la fenêtre. Définir le nombre de Côtés à 3. Faire un 65 x 60 px Triangle.
  2. Sélectionnez le coin supérieur du triangle avec le bouton Outil de sélection directe (A) et faites-le glisser sur le côté droit.
  3. Prenez le Outil de point d'ancrage (Maj-C) et faisons le haut de l'oreille arrondie. Cliquez sur le point d'ancrage supérieur et faites glisser les poignées vers l'extérieur pour rendre le coin lisse.

Étape 4

Faites glisser le point haut plus à droite, ce qui rend la forme plus asymétrique. Dupliquer (Control-C> Control-F) la forme et rendre la copie plus petite. Changer la couleur de remplissage en rose, représentant la partie interne de l'oreille.

Étape 5

Faisons tourner l'oreille, attachez-la sur le côté gauche de la tête et Envoyer à l'arrière (Shift-Control- [). Utilisez le Outil de réflexion (O) retourner le groupe d'oreille sur le Axe vertical et attachez-le sur le côté opposé de la tête.

Étape 6

Terminez le chaton en ajoutant des lunettes rondes au visage.

3. Comment faire un chien Shiba mignon

Étape 1

Commencez par faire la tête d'un 125 x 90 px ellipse orange. Sélectionnez ses points d’ancrage latéraux avec le Outil de sélection directe (A) et déplacez-les un peu. Réduisez les poignées d'ancrage pour que les côtés de la tête soient plus pointus.

Ajoutez les traits du visage au visage en les dupliquant du lapin, mais cette fois, les sourcils sont blancs.

Étape 2

Prendre le Outil de segment de ligne (\) ou la Outil stylo (P), tenir Décalage, et tracez une ligne horizontale. Aller à Effet> Distorsion & Transformation> Zig Zag et définissez les options suivantes:

  • Taille à 10 px
  • Ridges par segment à 3
  • Points à Lisse

Cliquez sur D'accord et Objet> Développer l'apparence appliquer l'effet.

Étape 3

Utilisez le Outil de sélection directe (A) redresser les extrémités de la ligne en pliant les poignées d’ancrage vers le bas.

Placez le trait créé sur le visage, comme indiqué dans l’image ci-dessous, et alignez-le sur la tête, en utilisant la tête comme Objet clé. Pour ce faire, sélectionnez à la fois la ligne et la tête, puis cliquez à nouveau sur la tête. Puis clique Centre d'alignement horizontal dans le Aligner panneau.

Étape 4

En conservant les deux formes sélectionnées, cliquez sur Diviser dans le Éclaireur panneau pour séparer la forme. Remplir la partie inférieure avec la couleur blanche.

Étape 5

Formons une oreille d'un 65 x 60 px triangle orange. Aller à Effet> Warp> Arc, met le Courbure verticale valeur à 20%, et cliquez D'accord.

Objet> Développer l'apparence appliquer l'effet.

Étape 6

Sélectionnez la forme avec le Outil de sélection directe (A) et faisons les coins arrondis. Nous pouvons le faire soit manuellement en tirant le marqueur de cercle du Coins vivants ou en mettant le Rayon de coin à 10 px dans le panneau de commande en haut.

Dupliquer (Control-C> Control-F) la forme et rendre la copie plus petite. Changer sa couleur de remplissage en blanc.

Étape 7

Fixez l'oreille à la tête et utilisez le Outil de réflexion (O) faire une copie en miroir. Notre chien Shiba est fini! Bon travail!

4. Comment concevoir un raton laveur mignon

Étape 1

On peut faire la tête de ce personnage semblable à la tête du chien mais avec des côtés plus tranchants.

Une autre façon de créer la tête est d’ouvrir ce didacticiel Comment créer un ensemble d’icônes d’animaux plats dans Adobe Illustrator et de le suivre. Partie 3, étape 1 recréer une tête de raton laveur similaire.

  • Comment créer un ensemble d'icônes d'animaux plats dans Adobe Illustrator

    Dans ce tutoriel, nous allons créer six portraits d'animaux différents à partir d'un même cercle! Amusons-nous à créer un ensemble d'éléments plats à la mode en utilisant des…
    Yulia Sokolova
    Conception d'icônes

Ou nous pouvons obtenir le pack complet d'icônes d'animaux plats sur Envato Elements et utiliser l'icône de raton laveur comme base..

Appliquez le visage de notre lapin.

Étape 2

Recréons les rayures. Faire un 83 x 75 px ellipse bleu foncé, faites-la pivoter et placez-la sur le côté gauche du visage, comme indiqué dans l'image ci-dessous. Utilisez le Outil de réflexion (O) retourner la forme sur la Axe vertical, créer une copie.

Sélectionnez les ellipses avec la tête et utilisez les Outil de création de forme (Maj-M) tout en maintenant Alt supprimer les morceaux indésirables.

Étape 3

Maintenant nous avons les quatre personnages! Ajoutons encore quelques objets pour rendre le motif plus diversifié.

5. Comment créer un tambour coloré

Étape 1

Créons les bords supérieur et inférieur du tambour à partir de deux 98 x 9 px rectangles roses avec 2 px Rayon de coin.

Placez les rectangles comme indiqué ci-dessous et connectez-les avec un grand rectangle rose pâle représentant une vue latérale du tambour..

Étape 2

Créez une ligne horizontale avec un trait jaune, en utilisant le Outil stylo (P) ou la Outil de segment de ligne (\).

Aller à Effet> Distorsion & Transformation> Zig Zag et définissez les options suivantes:

  • Taille à 26 px
  • Ridges par segment à 4
  • Points à Coin

Cliquez sur D'accord et allez à Objet> Développer l'apparence. Utilisez le Supprimer l'outil de point d'ancrage (-) supprimer le point du bas à droite pour rendre la forme symétrique.  

Étape 3

Sélectionnez la forme créée, clic-droit, et Joindre fermer le chemin. presse Shift-X à Permuter le remplissage et le contour.

Enfin, placez les triangles créés sur la base du tambour. Redimensionner et aligner pour que les triangles s'adaptent au tambour.

Étape 4

Terminez la batterie en ajoutant une paire de baguettes simples composées de cercles et de rectangles arrondis.

6. Comment dessiner un bloc-notes, des crayons et une pomme

Étape 1

Passons au prochain élément de l'école. Prendre le Outil Rectangle (M) et faire un 75 x 110 px rectangle jaune. Dupliquer (Control-C> Control-F) et réduisez la copie du haut (75 x 98 px). Remplir la nouvelle forme avec la couleur rose.

Étape 2

Ajoutons une spirale au cahier. Faire deux 12 x 6 px rectangles gris et placez-les par le côté gauche du cahier. Sélectionnez les rectangles et allez à Objet> Mélange> Marque

Maintenant que le Groupe de mélange est créé, nous pouvons modifier les paramètres de Objet> Fusion> Options de fusion et mettre le Espacement à Étapes spécifiées égal 7.

Étape 3

Ajoutons un rectangle arrondi jaune à la couverture et décorons-le avec les lettres "ABC". J'ai utilisé la police Bananito, que vous pouvez obtenir sur GraphicRiver, ou vous pouvez la remplacer par n'importe quelle police de style de votre choix, dessinée à la main..

Copier (Control-C) le rectangle de base jaune et Coller à l'arrière (Control-B). Sélectionnez ses points d’ancrage supérieur et inférieur droit avec le bouton Outil de sélection directe (A) et déplacez les points vers le bas. Remplissez la copie avec une couleur jaune plus sombre pour rendre l'objet un peu plus tridimensionnel.

Étape 4

Créer un 14 x 75 px rectangle rose et le transformer en un simple crayon en ajoutant plus de rayures et de détails. Créez également le haut du crayon à partir d’un rectangle et rapprochez ses points d’ancrage supérieurs à l’aide des touches fléchéessur votre clavier tout en maintenant enfoncé Décalage.

Dupliquer les crayons à quelques reprises et varier les couleurs.

Étape 5

Faisons une pomme d'un 55 x 55 px Cercle rouge. Sélectionnez son point d’ancrage supérieur et utilisez le Outil de point d'ancrage (Maj-C) faire pivoter les poignées 45 degrés pour former le sommet en forme de coeur de la pomme. Faites-le un peu plus lisse, en utilisant le Coins vivants fonctionnalité.

Terminez la pomme en ajoutant quelques détails supplémentaires, comme une feuille et un point culminant, en utilisant la touche Outil Ellipse (L).

7. Comment concevoir un motif sans couture

Étape 1

Maintenant que tous les éléments sont prêts, nous pouvons les sélectionner et aller à Objet> Modèle> Marque. Une fois la Options de modèle panneau est ouvert, définissez les options suivantes:

  • Type de tuile à la grille
  • Largeur à 450 px
  • la taille à 450 px
  • Copies à 5 x 5

Nous pouvons commencer à distribuer nos objets à l'intérieur de la boîte bleue, en gardant tous les autres objets en dehors de la boîte et en les ajoutant un à un pour rendre le motif bien équilibré..

le Copies Cette option nous aide à voir l’ensemble de la photo en projetant des copies semi-transparentes autour de la boîte, ce qui nous permet d’aligner les éléments et de remplir les espaces vides..

Étape 2

Ajoutez le reste des éléments, en les plaçant parmi les personnages et en faisant pivoter les objets.

Remplissez les espaces vides avec des éléments génériques, tels que des cercles, des feuilles ou des formes en forme de gouttes, en les créant avec Outil Crayon (N) ou avec un Pinceau d'art.

Voyons comment nous pouvons faire une telle brosse nous-mêmes.

Étape 3

Commencez par faire un cercle d'environ 20 x 20 px Taille. Sélectionnez son point d'ancrage gauche et faites-le glisser plus à gauche. Convertir le point d'ancrage sélectionné en coin depuis le panneau de commande en haut.

Ensuite, faites glisser la forme vers le Des pinceaux panneau (Fenêtre> Brosses). Sélectionner Pinceau d'art dans le menu contextuel et laissez toutes les options par défaut. Maintenant, nous pouvons choisir la brosse dans le Des pinceaux panneau et utiliser le Outil Pinceau (B) dessiner des éléments floraux simples ou des tourbillons. 

Nous pouvons changer la taille des tourbillons en faisant varier la Poids dans le panneau de commande sur le dessus ou dans le Accident vasculaire cérébral panneau.

Étape 4

Une fois que vous êtes satisfait du motif, cliquez sur Terminé sur le dessus de l'Artboard. Maintenant, nous pouvons trouver notre modèle dans le Échantillons panneau et éditez-le à tout moment si nécessaire en cliquant sur le bouton Modifier le motif bouton en bas du panneau.

Faisons un 850 x 600 px rectangle rose. Dupliquer et appliquez le motif à la copie supérieure en cliquant dessus dans le Échantillons panneau.

Là nous l'avons!

Étape 5

J'ai utilisé plus d'articles scolaires de l'ensemble School Kids Set pour rendre le motif plus détaillé et plus ludique. Nous pouvons également faire varier les couleurs des éléments et de l'arrière-plan, pour l'adapter à tous les besoins de conception.

Toutes nos félicitations! Notre modèle sans couture d'école d'enfants est prêt!

Bon travail! Notre modèle est fini! J'espère que vous avez apprécié suivre ce didacticiel et découvrir de nouveaux conseils et astuces qui vous aideront à dessiner des personnages de dessins animés plus mignons et à créer de nouveaux modèles sans soudure sur différents thèmes!

Ne hésitez pas à obtenir l'ensemble de l'école pour enfants sur Envato Elements. Vous y trouverez la version développée de notre modèle dans différentes combinaisons de couleurs, ainsi que de nombreux éléments supplémentaires et des portraits de tous les personnages à utiliser dans vos projets personnels ou commerciaux..