Comment créer un motif homogène sur le thème du crayon dans Adobe Illustrator

Ce que vous allez créer

Dans le didacticiel d'aujourd'hui, nous allons jeter un coup d'œil sur le processus de création d'un motif au crayon dans Adobe Illustrator. Vous apprendrez à l'assembler facilement à l'aide de quelques formes géométriques et outils de base..

Oh, et n'oubliez pas que vous pouvez toujours étendre votre bibliothèque en vous dirigeant vers GraphicRiver, où vous trouverez une grande sélection de motifs vectoriels.

Cela étant dit, prenez une petite gorgée de ce jus de haricots magique et sautons-y tout de suite.!

1. Comment configurer un nouveau fichier de projet

Commençons les choses en mettant en place un Nouveau document en allant à Fichier> Nouveau ou en utilisant le Contrôle-N raccourci clavier. Puis ajustez comme suit:

  • Nombre de planches d'art: 1
  • Largeur: 1560 px
  • La taille: 1360 px
  • Unités: Les pixels 

Et de la Avancée languette:

  • Mode de couleur: RVB
  • Effets raster: Écran (72ppi)
  • Mode de prévisualisation: Défaut

2. Comment créer le fond

Une fois que nous avons notre nouveau fichier de projet, nous pouvons commencer à travailler sur le motif actuel en créant l’arrière-plan..

Étape 1

Prenez le Outil Rectangle (M) et créer un 1560 x 1360 px forme que nous colorierons avec # FFD44D puis centrez le centre sur l'Artboard sous-jacent à l'aide du bouton Aligner du panneau Horizontal et Centre d'alignement vertical options.

Étape 2

Commencez à travailler sur les trous répétitifs en créant la forme principale de l’instance initiale à l'aide d'un 120 x 32 px ellipse, que nous colorierons avec # FFB450 puis centrez aligner sur l'Artboard comme nous l'avons fait avec le grand rectangle.

Étape 3

Zoomez sur la forme que nous venons de créer et ajoutez sa section intérieure plus sombre à l'aide d'une autre 120 x 32 px ellipse, que nous colorierons avec # E2963B puis positionnez-le sur sa moitié inférieure, comme indiqué dans l'image de référence.

Étape 4

Puisque nous voulons que la section la plus sombre reste confinée à la surface de l’ellipse plus claire, nous devrons la masquer à l’aide d’une copie (Control-C) de ce dernier, que nous allons coller devant (Contrôle-F) et ensuite, avec les deux sélectionnés, simplement clic droit> Make Clipping Mask. Une fois que vous avez terminé, assurez-vous de sélectionner et de regrouper les deux formes à l’aide des touches Contrôle-G raccourci clavier avant de passer à l'étape suivante.

Étape 5

Maintenant que nous avons notre premier trou, nous pouvons l’utiliser pour créer la rangée du milieu en faisant deux copies (Control-C > Contrôle-F deux fois) que nous allons positionner sur les côtés, à une grande distance de 400 px. Dès que vous avez les trous en place, assurez-vous de sélectionner et de grouper (Contrôle-G) tous les trois avant de passer à l'étape suivante.

Étape 6

Commencez à travailler sur la rangée la plus large en collant une autre copie du trou initial à l'aide du bouton Contrôle-F raccourci clavier, que nous allons positionner au-dessus de l'instance d'origine, à une distance de 104 px, en veillant à l'aligner ensuite sur le bord gauche de l'Artboard.

Étape 7

Créez les instances restantes avec trois copies (Contrôle-F trois fois) que nous allons positionner 400 px de celui que nous venons de créer, en veillant à sélectionner et à grouper (Contrôle-G) tous les quatre ensemble ensuite.

Étape 8

Ajoutez le reste des lignes en utilisant des copies de celles que nous venons de créer, que nous empilerons verticalement à une distance de 104 px les uns des autres, en les alternant comme on le voit dans l'image de référence. Prenez votre temps, et une fois que vous avez terminé, assurez-vous de les sélectionner et de les regrouper en utilisant le Contrôle-G raccourci clavier.

3. Comment créer le crayon orienté vers le haut

Maintenant que nous avons fini de travailler sur le fond, nous pouvons ajouter progressivement nos différents éléments. Nous allons le faire en commençant par la première variante du crayon.

Étape 1

Placez-vous sur l'un des trous et créez le corps principal du crayon à l'aide d'un 48 x 152 px rectangle que nous colorierons avec # FF7348 puis centrer le centre sur le point d'ancrage inférieur de l'ellipse.

Étape 2

Ajouter la partie inférieure de la pointe en utilisant un 48 x 16 px ellipse (# FFE5CC). Retirez sa moitié supérieure en sélectionnant son point d’ancrage supérieur à l’aide des touches Outil de sélection directe (A) puis en appuyant sur Effacer. Fermez le chemin résultant en utilisant le Contrôle-j raccourci clavier, positionnant la forme ajustée comme dans l'image de référence.

Étape 3

Créez la partie supérieure de la pointe en utilisant un 48 x 48 px carré (# FFE5CC), que nous allons transformer en triangle en ajoutant un nouveau point d'ancrage au centre de son bord supérieur à l'aide du bouton Ajouter un outil de point d'ancrage (+) puis en retirant ses coins supérieurs en utilisant le Supprimer l'outil de point d'ancrage (-). Ensuite, nous voulons ajuster sa netteté en convertissant le point d’ancrage supérieur en lisse à l’aide de la touche Convertir les points d'ancrage sélectionnés en lissage fonction, et repositionner ses poignées.

Étape 4

Ajoutez le bout coloré en utilisant un 40 x 40 px cercle (# 916353), que nous allons positionner comme dans l’image de référence, en veillant à la masquer avec une copie (Contrôle-C> Contrôle-F) de la forme sous-jacente. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes du crayon avant de passer à l'étape suivante.

Étape 5

Puisque nous voulons que la partie inférieure du crayon suive la courbure du trou, nous allons le masquer en utilisant une copie ajustée (Contrôle-C> Contrôle-F) de l'ellipse sous-jacente, qui suivra toute la hauteur de l'objet.

Étape 6

Une fois que vous avez terminé de créer et de masquer le crayon, vous pouvez remplir certains trous intérieurs de l’arrière-plan à l’aide de copies (Contrôle-C> Contrôle-F), en variant leur hauteur comme indiqué dans l'image de référence.

4. Comment créer le crayon orienté vers le bas

Maintenant que nous avons les crayons orientés vers le haut, nous pouvons passer aux crayons orientés vers le bas, que nous allons créer à l'aide de deux formes géométriques de base..

Étape 1

Placez-vous sur l'un des trous vides et créez le corps principal du crayon à l'aide d'un 48 x 194 px rectangle que nous colorierons avec # FF7348 puis centrez l'alignement sur le point d'ancrage inférieur de l'ellipse sous-jacente.

Étape 2

Ajoutez la forme principale pour le bas du crayon en utilisant un 48 x 12 px ellipse, que nous colorierons avec # FFE5CC puis placez-vous au-dessus du grand rectangle pour qu'il recouvre sa moitié inférieure.

Étape 3

Créez la section colorée interne en utilisant un 16 x 4 px ellipse, que nous colorierons avec # 916353 puis centrez le centre sur la forme la plus large de l'étape précédente. Une fois que vous avez terminé, n’oubliez pas de sélectionner et de grouper (Contrôle-G) toutes les formes du crayon avant de passer à l'étape suivante.

Étape 4

Comme nous l'avons fait avec la variante précédente du crayon, assurez-vous de masquer le texte actuel à l'aide d'une copie modifiée (Contrôle-C> Contrôle-F) de l'ellipse sous-jacente afin qu'elle couvre toute la hauteur de l'objet.

Étape 5

Remplissez certains des trous vides (à la fois intérieurs et extérieurs), en utilisant quelques copies de hauteurs variées, en réglant la Remplir couleur pour certains de leurs corps à # 7BA1FF.

Conseil rapide: Lorsque vous remplissez les trous extérieurs situés dans les bords de la planche graphique, veillez à les ajouter toujours par paires, situées des côtés opposés, sinon le motif finira par se briser..

5. Comment créer la gomme

Maintenant que nous avons les deux variantes du crayon en place, nous pouvons passer au dernier élément, la gomme, qui est probablement le plus facile à créer, comme vous le verrez dans les moments suivants..

Étape 1

Commencez par vous positionner sur un trou vide, puis créez la forme principale de son bas du corps à l'aide d'un 64 x 16 px rectangle que nous colorierons avec # FFE7E1 puis centrez l'alignement sur le point d'ancrage inférieur de l'ellipse sous-jacente.

Étape 2

Ajoutez le haut du corps de la gomme à l'aide d'un 64 x 64 px carré (# 5EC9F7), que nous ajusterons en réglant la Rayon de ses coins supérieurs à 8 px de l'intérieur Transformer du panneau Propriétés du rectangle. Une fois que vous avez terminé, assurez-vous de sélectionner et de grouper (Contrôle-G) toutes ses formes composant avant de passer à l'étape suivante.

Étape 3

Masquer rapidement la gomme à l'aide d'une copie ajustée (Contrôle-C> Contrôle-F) de l'ellipse sous-jacente, de sorte qu'elle corresponde à la hauteur de l'objet, comme indiqué dans l'image de référence.

Étape 4

Dès que vous avez fini de travailler sur la gomme, vous pouvez utiliser des copies (Contrôle-C> Contrôle-F) pour remplir certains des trous restants de l'arrière-plan, en ajoutant des variations en inversant certaines de leurs couleurs de remplissage, comme indiqué dans l'image de référence.

6. Comment créer le motif

Maintenant que tous nos éléments de composition sont en place, nous pouvons enfin les utiliser pour créer le motif actuel..

Étape 1

Commencez par sélectionner et regrouper toutes les formes (sauf le fond) à l’aide des touches Contrôle-G raccourci clavier, en veillant à les masquer à l'aide d'une copie (Control-C) du fond sous-jacent, que nous allons coller devant (Contrôle-F), puis avec tous sélectionnés simplement clic droit> Make Clipping Mask. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) les formes masquées et l'arrière-plan avant de passer à l'étape suivante.

Étape 2

Sélectionnez l'oeuvre que nous venons de grouper puis allez à Objet> Modèle et frapper Faire, ce qui ouvrira une nouvelle fenêtre où nous pourrons ajuster certains de ses paramètres, mais commençons par lui donner un nom personnalisé.

Étape 3

Ensuite, nous voulons choisir la grille comme notre Type de tuile, en veillant à régler sa Largeur et la taille valeurs identiques à celles utilisées pour Artboard (1560 x 1360 px). Vous pouvez également utiliser le Dimensionnez Tile to Art option, qui devrait produire le même résultat.

Étape 4

Enfin, nous allons quitter le Chevauchement et Copies paramètres tels qu'ils sont et frappé Terminé, ce qui sauvera tous nos réglages.

7. Comment utiliser le motif

Nous avons donc fini de créer notre nouveau modèle, mais comment pouvons-nous l'utiliser??

Eh bien, si vous ouvrez le Échantillons panneau, vous remarquerez rapidement qu’il a été ajouté à son Bibliothèque, ce qui signifie que nous pouvons le définir comme notre Remplir couleur et ensuite utiliser le Outil Rectangle (M) dessiner des formes de différentes tailles.

Conseil rapide: Puisque nous avons utilisé des formes plus grandes pour créer le motif réel, vous devez dessiner un rectangle assez grand pour s'adapter à la composition entière. Si vous souhaitez utiliser le motif dans des projets plus petits, vous pouvez facilement redimensionner la composition finale (clic droit> Transformer> Echelle)à une taille personnalisée en fonction de ce que vous voulez atteindre.

Bon travail!

Voilà un moyen simple et agréable de créer votre propre motif au crayon..

Comme toujours, j'espère que vous avez eu du plaisir à travailler sur le projet. Si vous avez des questions, n'hésitez pas à les poster dans la section commentaires et je vous reviendrai dès que je pourrai.!