Le modèle de pixel

Récemment, le motif subtil a été utilisé plus souvent dans la conception de sites Web. Aujourd'hui, nous allons apprendre à créer plusieurs types de ces obturations. L'ensemble du processus ne devrait prendre que quelques minutes si vous utilisez la fonctionnalité Création de modèle dans Adobe Illustrator CS6. Commençons!

Le motif subtil diffère des autres motifs en ce sens que les nuances des éléments n’ont qu’une légère différence entre elles et entre la couleur de fond principale. Ces motifs sont principalement dans les styles d'éclairage Low-key (dark) et High-key (light).


Le modèle de pixel

Étape 1

Choisissez le mode d'affichage Pixel (Affichage> Affichage Pixel) pour créer le motif de pixels. Dans ce cas, tous les objets créés seront placés exactement sur les lignes de la grille de pixels, car le mod Snap to Pixel sera activé automatiquement..

De plus, lorsque vous zoomez sur la planche graphique, vous pourrez voir les lignes de la grille de pixels, ce qui facilitera beaucoup la création du motif..

Créons maintenant un motif simple mais attrayant. Prenez l'outil Rectangle (M) et créez le rectangle de taille 4 * 4px avec le remplissage gris clair..

Créons deux autres rectangles de taille 2 * 1px avec un remplissage gris un peu plus foncé et posons-les comme indiqué sur l'image ci-dessous.

Maintenant, créez deux rectangles blancs de la même taille.


Étape 2

Sélectionnez tous les objets créés et sélectionnez Objet> Modèle> Créer.

À la suite de ces actions, nous sommes en mode create-pattern. Vous pouvez éditer ce motif avec le panneau Options de motif. Vous pouvez regarder le motif en taille réelle et décider si vous devez éditer la couleur de ses éléments.

Nous pouvons également appliquer au motif différents types de tuiles, ce qui nous permet de créer plusieurs types de motifs à partir d'un élément


Étape 3

Pour enregistrer quelques variantes du motif, cliquez sur Enregistrer une copie dans la barre supérieure. Pour enregistrer un motif, cliquez sur Terminé..

Tous les modèles enregistrés ont été ajoutés au panneau Nuancier. Créons maintenant quelques figures et appliquons-leur les motifs créés..

Si, pour une raison quelconque, vous n'êtes pas satisfait du résultat, cliquez deux fois sur l'image dans le panneau Nuancier et modifiez-la en mode création de modèle..


Étape 4

Vous pouvez créer des motifs plus compliqués en utilisant la technique décrite. Sur l'image ci-dessous, vous pouvez voir l'un de mes modèles, créé avec le réseau de pixels et l'outil Rectangle (M).


Motif ondulé

Étape 5

Créons le segment de droite horizontal avec l'outil Plume (P).

Conservez le segment sélectionné et allez dans Effet> Distort & Transform> Zig Zag et réglez le paramètre affiché dans l'image ci-dessous..

Allez à l’objet> Développer l’apparence, puis prenez l’outil Ciseaux (C) et coupez le chemin entre les points A et B.

Supprimer les parties gauche et droite du chemin.


Étape 6

Double les chemins deux fois; coloriez les copies en différentes nuances de gris foncé.

Sélectionnez tous les chemins créés et accédez à l’objet> Modèle> Créer. Sélectionnez l'outil de mosaïque de motifs dans le panneau Options de motif et réduisez la hauteur du cadre de sélection.

Cliquez sur "Terminé" dans la barre supérieure..


Étape 7

Créons un grand rectangle avec un remplissage gris foncé à l'aide de l'outil Rectangle (M). Ajouter le nouveau remplissage à cet objet dans le panneau Apparence.

Appliquez maintenant le motif ondulé créé à ce remplissage.

Maintenant, éditez, si nécessaire, la couleur du remplissage inférieur ou la couleur des traits du motif.


Modèle à la main

Étape 8

Créons un rectangle avec le remplissage bleu foncé. Prenez l'outil Crayon (N) et créez deux ou trois chemins fermés de couleur grise..

Pour créer les tracés fermés avec l'outil Crayon (N), conservez l'option sélectionnée en même temps lorsque vous vous dirigez vers le noeud final..


Étape 9

Sélectionnez les objets créés et accédez à Objet> Modèle> Créer. Continuez à créer le chemin avec l'outil Crayon (N). Essayez de combiner la fin et le début du chemin le plus précisément possible, au-delà des arêtes de la tuile..

Pour faire la correspondance exacte, utilisez l'outil de sélection directe (A).


Étape 10

Regroupez les chemins créés, puis copiez le groupe et collez-le à nouveau (Commande + C, puis Commande + B). Remplacez le noir par la couleur de remplissage des traits du groupe inférieur et décalez ce groupe de quelques pixels vers le haut..

Cliquez sur "Terminé" dans la barre supérieure..


Conclusion

Vous pouvez utiliser les techniques décrites pour créer les textures des illustrations vectorielles. Vous avez probablement remarqué que les œuvres d'art qui ont des textures semblent plus professionnelles et saturées.