Création de styles graphiques Paisley avec des brosses à disperser et une illustration de couleur

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer une série de styles graphiques inspirés de Paisley à l'aide de brosses à dispersion et du panneau Apparence. Une fois cela fait, je vais vous montrer comment créer des styles supplémentaires simplement en utilisant Recolor Artwork. Ceci est un excellent tutoriel pour les débutants car il n’ya aucun outil de stylo (P) impliqué. Alors commençons!


Étape 1

Premièrement, nous allons commencer par créer nos brosses à dispersion que nous intégrerons à nos styles. Ils commencent tous par l'outil Ellipse (L). Cliquez une fois sur la toile et tracez un cercle de 10 pixels sur 10 pixels avec un remplissage noir et un trait nul. Sélectionnez la forme et cliquez sur Nouveau pinceau dans le panneau Pinceau. Dans la boîte de dialogue, sélectionnez Brosse à dispersion. Nommez-le "Cercle complet" et changez la méthode de colorisation en teintes. Cliquez sur OK une fois terminé.

Si vous créez vos pinceaux avec un remplissage noir et que la méthode de colorisation est teintée, quelle que soit la couleur de votre trait lorsque vous utilisez votre pinceau, ce sera la couleur de votre pinceau. Vous trouverez ci-dessous un exemple de ce que le pinceau peut créer..


Étape 2

Nous allons nous en tenir à la même forme, cette fois-ci, lui donner un poids de trait noir de 1,5 point et un remplissage nul. Encore une fois, nous allons l'ajouter en tant que nouvelle brosse à dispersion et l'appeler "contour de cercle". N'oubliez pas de changer la méthode de colorisation en tant que "teintes". Cliquez sur OK une fois terminé.

Voici un exemple de ce que produit cette brosse à dispersion.


Étape 3

Le pinceau de dispersion suivant est légèrement plus complexe, mais il utilise toujours l'outil Ellipse (L). Cliquez une fois sur la toile et créez une ellipse de 5 x 10 pixels avec un poids de trait noir de 0,75 pt. Puis copier (Ctrl + C) et coller avant (Ctrl + F). Modifiez l'ellipse dupliquée en un remplissage noir et un trait nul, puis utilisez l'outil de transformation libre (E) pour réduire l'échelle à environ la moitié de ce qu'elle était, en l'alignant sur le bas de la forme. Puis dupliquez les deux ellipses et utilisez Objet> Transformer> Refléter> Horizontal pour reproduire les ellipses comme indiqué ci-dessous..

Suivez le processus habituel d’ajout d’un nouveau pinceau à dispersion, mais modifiez cette fois l’espacement à 30%. J'ai nommé cette brosse "Loopy Brush", puis j'ai modifié la méthode de colorisation en "Teintes". Cliquez sur OK une fois terminé.

Vous trouverez ci-dessous un exemple de ce que produit le pinceau. Comme la forme du pinceau est mince, elle nécessite un espacement de 30%, sinon il y aurait des espaces inutiles entre.


Étape 4

Maintenant que nous avons nos trois brosses à dispersion, il est temps de choisir votre palette de couleurs. Ma palette de choix pour la plupart des choses implique une nuance de couleur magenta, alors je veux quelque chose dans le sens de ceci. Vous êtes libre de choisir ce que vous voulez. Une fois que vous avez sélectionné votre couleur préférée dans le panneau Couleur, ouvrez l’onglet Guide des couleurs. Dans le menu déroulant, il vous donnera des exemples de palettes de couleurs avec lesquelles votre couleur choisie aura fière allure. J'ai opté pour "Compound 2" car j'aime bien le combo magenta / vert.

Maintenant que vous avez sélectionné votre palette de couleurs, cliquez sur le dossier avec le symbole plus en bas de l'onglet Guide des couleurs pour "Enregistrer le groupe de couleurs dans le panneau Nuancier". Il fait exactement ce qu'il dit et ajoute ces couleurs intermédiaires dans un dossier du panneau Swatch pour un accès facile..


Étape 5

Nous avons donc nos brosses à dispersion, notre palette Swatch, maintenant pour créer une forme de base de larme de Paisley. Tracez un cercle pair avec l'outil Ellipse (L) en maintenant les touches Maj + Alt enfoncées. Utilisez l'outil de sélection directe (A) pour modifier la forme comme indiqué ci-dessous..


Étape 6

Nous allons maintenant travailler au sein du panneau Apparence. Familiarisez-vous avec les options du menu déroulant "Nouveau remplissage", "Nouveau trait" et "Dupliquer". Nouveau remplissage va ajouter un nouveau testament avec la dernière couleur que vous avez sélectionnée. Il en va de même avec l'option Nouveau trait. Toutefois, l'élément en double est différent. Lorsque vous sélectionnez un contour ou un remplissage dans le panneau Apparence, puis que vous sélectionnez Dupliquer l'élément, tous les éléments associés à ce contour et à ce remplissage sont dupliqués. Ainsi, tous les effets, couleurs, options de trait, pinceaux et paramètres du panneau de transparence seront dupliqués. C'est pratique si vous souhaitez dupliquer le même élément mais souhaitez simplement modifier un ou deux éléments. Vous remarquerez cela au fur et à mesure.

Nous allons commencer par donner un remplissage violet et un trait vert de 3 points. Si vous cliquez sur "Trait" dans le panneau Apparence, vous aurez accès aux options du panneau Contour. J'ai défini ici le trait pour être aligné à l'intérieur. Ajouter un nouveau trait et placez-le sous le remplissage. Appliquez le pinceau Loopy et réglez-le sur 1,5 pt..

Comme le pinceau Loopy est "bouclé" des deux côtés, la moitié est cachée derrière le fond violet. C'est parce que le trait est aligné sur le centre.


Étape 7

Ajouter un nouveau remplissage et lui donner un remplissage magenta. Dans la partie inférieure du panneau Apparence, cliquez sur le bouton "Effets" ou "fx", puis sélectionnez Chemin> Chemin décalé. Mettez la valeur en tant que -15px et cliquez sur OK. Une valeur positive augmentera la taille du remplissage au-delà de la taille d'origine des formes, une valeur négative la diminuera..

Mettez en surbrillance le trait 3 points et sélectionnez Dupliquer l’élément. Vous pouvez également appliquer le chemin de décalage aux traits, de sorte que je vais faire la même chose ici et comme je veux l'aligner avec le remplissage magenta, j'ai sélectionné la valeur -15px.


Étape 8

Ajoutons une décoration entre nos lignes vertes dans cette zone violette. Alors ajoutez New Stroke. Chemin décalé à -15 pixels et lui donner une couleur de trait vert clair. Appliquez le pinceau à dispersion totale Circle et donnez-lui un poids de trait de 1,5 pt. Ensuite, faites-le glisser sous le remplissage magenta. Nous ne voyons donc que la moitié du pinceau comme nous le faisions avec le pinceau Loopy..


Étape 9

Nous allons maintenant dupliquer les éléments pour le trait vert à 3 points et le remplissage magenta. Changez la couleur de remplissage en violet et la couleur de trait en vert plus clair. Cliquez ensuite sur le lien "Chemin de décalage" pour modifier la valeur de chacun des éléments en -30px.


Étape 10

Mettez en surbrillance le remplissage violet et l’élément dupliqué. Changez la couleur de remplissage en vert moyen puis allez dans Effets> Styliser> Gribouillis et utilisez les paramètres ci-dessous pour ajouter cet effet de gribouillis fantaisie..


Étape 11

Maintenant que nous avons notre premier style Paisley, allons dans le panneau Styles graphiques et cliquez sur Nouveau style graphique. Double-cliquez sur le nouveau style dans le panneau Styles graphiques pour le renommer. J'ai appelé celui-ci Paisley Style 1. Vous pouvez maintenant dessiner n'importe quelle forme et y appliquer votre nouveau style graphique, comme indiqué ci-dessous..


Étape 12

Une fois que vous avez créé un style paisley, vous pouvez toujours le recycler en modifiant les couleurs et les paramètres pour en créer un nouveau. Ainsi, pendant que vous avez sélectionné la forme de votre goutte, masquez toutes les options. Ensuite, vous pouvez commencer au début et modifier à partir de la base! Je vais donc commencer par changer le "pinceau en boucle" du trait inférieur en pinceau "cercle complet" et lui attribuer un poids de trait de 2 points. Le remplissage je vais garder le même. Ensuite, je vais juste changer la couleur du prochain trait en un vert plus clair.


Étape 13

Pour le trait suivant, je vais changer le pinceau en contour de cercle et lui donner un poids de trait de 1 point. J'ai ensuite cliqué sur "Chemin de décalage" pour modifier la valeur à -10px.

Je suis ensuite allé de l'avant et a changé la valeur du chemin de décalage pour le remplissage magenta en -17px. J'ai mis en évidence le trait vert clair de 3 points, troisième élément à partir du bas, et je l'ai dupliqué. Je l'ai déplacé au-dessus du remplissage magenta, puis un chemin de décalage de -17 pixels également. Alors maintenant, les cercles peuvent être entièrement visibles avec un trait vert clair de chaque côté.


Étape 14

Pour le trait vert ci-dessus, je viens de changer la valeur du chemin de décalage en -20px. Comme il s'agit d'un poids de trait de 3 points et que je veux que le trait soit aligné sur le trait vert clair, j'ai retiré le trait de 3 points du chemin de décalage de -17px pour donner une valeur de chemin de décalage de -20px.

J'ai ensuite changé les valeurs du chemin de décalage pour le trait vert clair et le remplissage violet en -35px.


Étape 15

Modifions le trait vert clair de 3 points autour du fond violet. Allez dans les options du panneau Trait en cliquant sur le lien "Trait" et sélectionnez "Capuchon rond". Cochez ensuite Ligne pointillée et entrez les valeurs d'un tiret de 2 points et d'un écart de 5 points. Cela donnera une belle ligne délicate.


Étape 16

J'ai ensuite changé le remplissage du haut en vert clair et modifié la valeur du chemin de décalage en -45px. Ensuite, j'ai changé les options de griffonnage comme indiqué ci-dessous.


Étape 17

Comme auparavant, une fois que vous avez terminé votre style, ajoutez-le au panneau Styles graphiques. J'ai nommé celui-ci, surprise surprise… "Paisley Style 2".


Étape 18

Nous avons maintenant nos deux styles graphiques. Et si vous vouliez changer les couleurs que vous avez utilisées? Ne serait-il pas très ennuyant de changer chaque élément individuellement? Heureusement, il y a la merveilleuse option de "Recolor Artwork".

J'ai dupliqué notre forme de larme et appliqué un style graphique à chacune des formes. Pendant qu'ils sont tous les deux sélectionnés, regardez en haut de votre interface utilisateur et une icône de roue chromatique, "Recolor Artwork". Cliquez dessus.

Comme pour le panneau Repères de couleurs, vous pouvez sélectionner dans le menu déroulant un autre jeu de couleurs associé à l’une des couleurs de votre palette. Ci-dessous, j'ai essayé "Complementary 2". Cliquez sur OK une fois terminé.


Étape 19

Ensuite, si ces couleurs vous conviennent, ajoutez-les à vos panneaux Styles graphiques. J'ai choisi les noms originaux de "Paisley Style 1.1" et "Paisley Style 2.1".


Étape 20

Retournez dans Recolor Artwork et cliquez sur le bouton "Modifier" en haut de la boîte de dialogue. Vous serez présenté avec une roue de couleur avec plusieurs poignées. Vous pouvez les déplacer pour changer chaque couleur à la volée. Cependant, si vous voulez des choses encore plus simples, cliquez sur le bouton "Lier les couleurs de l'harmonie" et en vous déplaçant sur la couleur, vous les influencez toutes..

C'est exactement ce que j'ai fait avec la combinaison de couleurs ci-dessous! Bien sûr, cliquez sur OK une fois que vous avez terminé et vous pouvez ajouter vos nouveaux styles graphiques comme auparavant..


Étape 21

Il existe un autre moyen rapide de changer vos couleurs. Dans la boîte de dialogue Recolorer l’illustration, vous avez des curseurs de couleur HSB. Si vous cliquez sur la case de couleur réelle, vous pouvez modifier cette couleur. J'ai choisi un bleu émoussé.

Ceci définit ensuite la couleur de la clé au début du menu déroulant (rappelez-vous de la même façon que les repères de couleurs) et vous pouvez changer vos couleurs ici. J'ai opté pour les "nuances" car je souhaite conserver une teinte bleue globale à mes styles graphiques.


Conclusion

Apprendre à connaître le panneau Apparence crée une dépendance et s’amuse beaucoup. D'autant plus quand vous savez à quel point il est facile et rapide de changer les couleurs avec Recolor Artwork. Amusez-vous à créer vos styles graphiques Paisley et n'oubliez pas de nous montrer ce que vous avez fait, nous aimons toujours voir ce que les lecteurs ont créé..