Tutoriel super mignon de papier peint de Pâques Illustration

Le dimanche de Pâques approche à grands pas, alors pourquoi ne pas le célébrer avec du papier peint de fête? Qu'allons-nous créer? Que diriez-vous d'un fond simple, d'une texture subtile et de quelques poussins? Non, pas ce genre de poussins, les autres! Commençons…

Ce que nous allons faire…

Voici le fond d'écran que nous allons illustrer à partir de zéro. Cliquez sur l'image pour voir une version agrandie.

Note de l'éditeur: Ce tutoriel a été publié à l'origine en tchèque sur Grafika Online. Grafika a gentiment donné la permission à Vaclav de republier ici sur Psdtuts + pour ceux d’entre nous qui n’avons pas encore maîtrisé le tchèque…

Étape 1

Créez un nouveau document Photoshop (Ctrl + N). La taille n'est pas importante pour
à présent. Définissez un arrière-plan blanc, sélectionnez l'outil Ellipse (U), puis
dessinez deux ellipses - la base de notre poussin. Tout en dessinant, appuyez sur la touche Maj
clé pour avoir les deux ellipses dans une couche. Aussi, ne pas oublier de dessiner les formes
comme une forme
Couche (première icône dans la barre de menus), afin que nous puissions les modifier plus tard.

Étape 2

Après cela, sélectionnez l'outil de sélection directe (A). Sélectionnez les deux côtés
points de la deuxième ellipse et déplacez-les un peu…

Étape 3

… Et en même temps, ajustez les points d'ancrage pour les rendre moins arrondis. Comme
sur l'image suivante, vous pouvez également faire pivoter le point le plus haut.

Étape 4

Lorsque vous êtes satisfait, cliquez sur le bouton Combiner. Cette fonction
fusionne les deux formes en une seule.

Étape 5

Ensuite, ajustez la connexion entre les formes (bien sûr, il n’ya qu’une forme
maintenant, mais la connexion est trop forte). La méthode est assez facile. Sélectionnez le
Outil plume (P), ajoutez deux nouveaux points autour de l’ancien (les nouveaux points sont
en surbrillance sur la photo) et ensuite supprimer l’ancien point (marqué d’un X sur le
image). Si la connexion n’est toujours pas assez ronde, répétez ce processus peu de fois.
fois.

Étape 6

Si vous le souhaitez, vous pouvez également ajouter la queue. Avec l'outil crayon (P), ajoutez un nouveau point
et déplacez-le vers le haut. Recolorez ensuite le calque dans la couleur finale jaune pâle # FDED95..

Étape 7

La base est terminée, vous pouvez donc continuer avec les autres parties. L'oeil
est juste une autre ellipse noire, ou un cercle si vous voulez, alors appuyez sur la touche Maj
touche pendant que vous dessinez. Cependant, appuyez sur la touche Maj après avoir commencé
dessin, sinon vous définissez le mode de dessin par addition à la place.

Étape 8

Le bec du poussin peut être dessiné avec un polygone. Par conséquent, utilisez l'outil Plume (P) et tracez un
forme similaire à celle sur la capture d'écran. N'oubliez pas de déplacer cette couche
sous la couche de base. La couleur de cette forme est
# F7BF86. Vous pouvez facilement changer la couleur de la forme en double-cliquant sur le bouton
icône de prévisualisation dans la palette Calques ou définissez la couleur d’arrière-plan, puis appuyez sur Alt + Retour arrière.

Étape 9

Dessinez les jambes de la même manière, c’est juste quelques points de plus et
clics de souris. Il n'est pas nécessaire d'avoir les deux jambes dans une couche. Si tu veux,
vous ne pouvez dessiner qu’une jambe et la dupliquer (Ctrl + J). Mais cette fois
la régularité n'est pas importante - en fait, c'est mieux si elles ne sont pas trop régulières, car cela correspondra beaucoup mieux au style de l'illustration.

Étape 10

Voici la nana à 100%… jolie mignonne!

Étape 11

La seule chose qui manque, c'est l'aile. Nous voulons une nana très simple, mais manquer d'ailes, c'est peut-être un peu trop simpliste :-) Comme base, utilisez encore l'ellipse…

Étape 12

… Et encore le transformer comme le corps en déplaçant les côtés latéraux vers le haut…

Étape 13

… Et faites-les tourner un peu dans le sens des aiguilles d'une montre (Ctrl + T).

Étape 14

Recolorez-le en jaune plus foncé (# FBE56E) et - whoa! L'aile
est trop fort. Peut-être que nous pourrions faire seulement un contour. Alors pourquoi pas? Sélectionnez l'outil de sélection de chemin (A),
sélectionnez la forme, copiez-la (Ctrl + C), collez-la (Ctrl + V),
redimensionner à 90% (Ctrl + T)…

Étape 15

… Et définissez le mode Soustraire de la zone de forme. Comme vous pouvez le voir sur le
suivant
image, le redimensionnement n’est pas la même chose que l’agrandissement, c’est pourquoi
le contour est plus large sur les côtés et plus étroit en haut et en bas.
Malheureusement, Photoshop ne dispose pas de plus de fonctions pour travailler avec des vecteurs (comme
Illustrator), donc si vous voulez un contour précis, vous devez changer de
moment dans Illustrator.

Cela nous amène à une question importante à laquelle je vais répondre avant que je ne prenne feu au sujet des commentaires… Pourquoi ne pas simplement créer ceci dans Illustrator?

La réponse est que lorsque
vous créez des graphiques pour l'écran (dans notre cas, un papier peint), et non pour l'impression
(par exemple une affiche), cela ne fait pas beaucoup de différence que ce soit Photoshop ou
Illustrateur. Les deux ont des fonctions pour travailler avec des couches vectorielles, mais
Photoshop, vous pouvez également facilement ajouter des effets et modifier les graphiques. Mis-à-part
le site parle de Photoshop, et je l’aime vraiment beaucoup :)

Étape 16

Mais revenons à la nana. Dans la taille 100%, cela ressemble à ceci. L'aile est
belle apparence, qu'en est-il d'ajouter un contour autour du corps aussi?

Étape 17

Pourquoi pas? Utilisez simplement la même méthode. Dupliquer le calque de base (Ctrl + J),
sélectionnez la forme, copiez-la, collez-la, redimensionnez-la et définissez le mode de soustraction.
Ici, vous pouvez voir très clairement que le redimensionnement n’est vraiment pas la même chose
comme élargissant la forme…

Étape 18

… Vous devez donc sélectionner l'outil de sélection directe (A) et déplacer chaque point
Où cela appartient…

Étape 19

Cela vous donne la possibilité de jouer avec la forme et de souligner
quelque chose et préfigurer la forme du corps du poussin avec les mâchoires.

Étape 20

Bientôt, vous vous rendrez compte que le contour créé comme une forme vous donne beaucoup
les possibilités; par exemple, pour rendre l'aile encore plus irrégulière et plus large
sur les côtés. Assurez-vous simplement que l'apparence irrégulière ressemble à votre objectif.,
pas un défaut.

Étape 21

Encore une fois, voici notre vue 100% taille. Vous pouvez voir que le contour irrégulier a ajouté beaucoup de caractère à l'illustration.

Étape 22

Alors, que manque-t-il? Que diriez-vous de quelques plumes stylisées! Pour
Pour cela, utilisez une méthode de duplication très simple. Tout d’abord, dessinez une "plume", par exemple avec le
Outil crayon (P), un simple quadrilatère devrait suffire.

Étape 23

Et lorsque vous êtes satisfait de la taille, déplacez la forme sur le côté, sélectionnez le
avec un outil de sélection rectangulaire (M) et définissez-le comme un nouveau pinceau: Modifier
> Définir le pinceau. La sélection peut être plus grande que la forme. La chose importante est
garder le fond blanc et la forme noire.

Étape 24

Si vous voyez l'aperçu du pinceau sur le fond gris lorsque vous entrez dans le
nouveau nom, ça va (le blanc de l'arrière-plan devient transparent).

Étape 25

Ensuite, vous devez ajuster le pinceau pour qu'il soit prêt à épouser le corps du poussin.
Par conséquent, ouvrez la palette des pinceaux et commencez par ajuster le
Espacement. La flèche sur la photo suivante montre le trait échantillon que vous avez
peut essayer sur la nouvelle couche temporaire pour voir le résultat. L'espacement est
idéal quelque part entre 150 et 200%.

Étape 26

Pour que le manteau de plumes soit plus varié, réglez Taille Jitter sur environ
40% dans l'onglet Dynamique de forme. Encore une fois, vous pouvez voir le pinceau
aperçu dans la partie inférieure de la palette (et à gauche dans le document).

Étape 27

La dernière chose à faire est d’ajuster le pinceau en rotation afin que nous puissions l’appliquer sur le support.
le corps du poussin. Cela sera fait avec la propriété Angle Control,
où vous définissez la valeur sur Direction. Maintenant, vous ne pouvez pas voir
différence dans la partie inférieure de la palette, mais essayez de dessiner avec ce pinceau
dans la nouvelle couche. La brosse tourne dans la direction dans laquelle vous vous déplacez. Ce
est exactement ce que nous voulons!

Étape 28

Maintenant, vous pouvez dessiner le manteau de plumes autour du poussin avec la souris, mais ce n'est pas
une manière très confortable de faire les choses, surtout quand Photoshop lui-même peut faire le travail. Tout
vous avez besoin est un chemin et parce que le corps du poussin est un calque de forme (ou en d’autres termes un chemin), nous
avoir la moitié du travail déjà fait.

La seule chose nécessaire est de "déplacer" le chemin du calque de forme dans le chemin
Palette. Sélectionnez le calque et avec le chemin
Outil de sélection (A), sélectionnez le chemin. Puis montrez la palette des chemins, où
vous pouvez voir le chemin de travail (le nom est en italique). Cela signifie qu'après
en sélectionnant une autre couche, ce chemin disparaîtra, ce qui n'est pas ce que vous voulez!
Par conséquent, cliquez sur la petite flèche noire dans la palette et sélectionnez Enregistrer le chemin..

Étape 29

Créez ensuite un nouveau calque (Ctrl + Alt + Maj + N) et cliquez à nouveau sur le
petite flèche noire mais cette fois sélectionnez le trait
Fonction de chemin.

Étape 30

Pour l'outil, sélectionnez Pinceau (le pinceau sera le dernier utilisé), désactivez-le.
le simuler
Pression et confirmer OK.

Étape 31

Pour une meilleure visibilité du résultat, vous pouvez recolorer le calque en noir pendant un moment.,
et si tout va bien…

Étape 32

Changez la couleur en jaune (# FBE56E). Parce que la couleur est très claire
et le manteau de plumes pas très visible, vous pouvez dupliquer le calque (Ctrl +
J). Ou répétez la procédure une fois de plus avec une brosse légèrement différente.

Étape 33

Voici une autre vue 100% taille.

Étape 34

On ne peut pas laisser notre nana toute seule, alors on va en créer d’autres, plus petites et plus
Couleurs différentes.

Déplacer toutes les couches de poussins dans le nouveau dossier, dupliquer ce dossier, déplacer
latéralement et redimensionnez-le à 50% (Ctrl + T).

Étape 35

Mais après le redimensionnement, il manque des détails aux plumes. Par conséquent, supprimez
les deux couches de plumes et répétez la procédure que nous avions l'habitude de mettre en drapeau le plus gros poussin. Comme toi
peut voir sur la photo suivante, pour une meilleure visibilité le manteau de plumes est à nouveau
noir, mais bien sûr change la couleur en jaune, lorsque vous en êtes satisfait.

Étape 36

Et maintenant, nous voulons encore quelques poussins de différentes couleurs. Dupliquer le dossier et
charge la sélection de toutes les couches sauf le bec et les pattes. C'est facile, juste
cliquer sur les vignettes du calque avec les touches Ctrl et Maj.

Étape 37

Ensuite, dans la palette des calques, ajoutez un nouveau calque de réglage Teinte / Saturation…

Étape 38

Qui aura la sélection précédente comme masque, et donc, toutes les modifications
se fera uniquement sur le corps du poussin. Déplacez le premier curseur, Hue,
jusqu'à ce que vous soyez satisfait de la couleur.

Étape 39

Puis dupliquez à nouveau le dossier et changez la teinte jusqu'à ce que vous ayez
assez de poussins :), juste comme dans cette image.

Étape 40

Mais - whoa! Alors que le poussin jaune est joli et pâle, les autres sont brillants
et très très fort. Il faut vraiment faire quelque chose avec ça.

Encore une fois, chargez la sélection correspondante. Cette fois, vous pouvez charger le
sélection dans la couche Teinte / Saturation. Il suffit de cliquer avec la touche Ctrl sur
la vignette du masque. Créez ensuite un nouveau calque de réglage pour Luminosité / Contraste
sous cette couche. Puis déplacez-vous avec le curseur de luminosité jusqu'à ce que le poussin
est presque la même luminosité que le poussin jaune d'origine. Comme vous pouvez le voir sur ce
photo, le poussin orange a juste besoin d’un petit ajustement…

Étape 41

… Alors que pour ajuster le rose, vous devez déplacer le curseur beaucoup plus…

Étape 42

… Et encore plus pour le bleu. Le vert est déjà à peu près correct.

Étape 43

Maintenant, nous avons tout prêt pour le fond d'écran.
Par conséquent, créez un nouveau document à la taille requise par votre bureau (par exemple, 1280x1024).
ou 1600x1200).

Étape 44

Remplissez le fond avec un jaune clair (# FFF6CC) et déplacez tous les
couches du document précédent dans cette. Il suffit d'utiliser le glisser-déposer
méthode, puis distribuez les poussins en quelque sorte. Par exemple, comme je l'ai montré ci-dessous:

Étape 45

Parce que nous voulons avoir un fond très simple et pâle, nous
ajoutera juste quelques éclaboussures de formes aquarelles. Pour cela, nous avons besoin de
des pinceaux d’aquarelle que vous pouvez télécharger, par exemple, à partir de l’excellent DeviantArt. Juste
rechercher
pinceaux d'aquarelle:


Étape 46

Et après un peu de recherche, sélectionnez les pinceaux suffisamment grands. Celles-ci semblent assez bonnes pour nos besoins.


Étape 47

Revenez ensuite à Photoshop, sélectionnez l’outil Pinceau (B), et dans le contexte
menu, sélectionnez l'option Charger les brosses.

Étape 48

Sélectionnez le fichier .abr et vos nouveaux pinceaux doivent apparaître directement sur le
liste.

Étape 49

Ensuite, créez un nouveau calque et commencez à tester les pinceaux avec l'outil Pinceau (B).
La couleur du pinceau est à nouveau jaune (# FFF6CC), mais l’interaction
des couches devrait être multiplier! De cette façon, vous pouvez réaliser un vrai
l'aquarelle regarde par dessus tous les poussins. Après un moment, votre document pourrait ressembler à ceci. Encore très
fond abstrait et lumineux, mais avec une belle texture et beaucoup plus
intéressant.

Étape 50

Ensuite, ajustez les petits poussins pour les différencier. Tout ce que vous devez faire
bouge / tourne le bec, les yeux et les pattes.

Étape 51

… Éventuellement déplacer les poussins plus sur les côtés pour les rendre un peu plus aléatoires.

Étape 52

Nous voulons concentrer notre attention sur le centre, où se trouve le gros poussin et
où nous placerons notre texte. Donc, ajoutez un nouveau calque de réglage des niveaux et
déplacez le curseur noir vers la droite. Toute l'image s'assombrira…

Étape 53

… Puis tracez un dégradé radial avec l'outil Dégradé en noir
en blanc (le dégradé est visible sur la photo suivante dans la palette des calques). Ce
l’obscurcissement ne se fera qu’au coin.

Étape 54

Ajoutez simplement du texte agréable avec une police élégante, par exemple, 42
(que j'ai téléchargé à partir du site de polices gratuit
dafont.com), dans la couleur # F5B06A…
 

Étape 55

Et le fond d'écran est terminé! Cliquez sur l'image suivante pour la voir en entier
taille (1280 x 1024).


Étape 56

Quoi? Vous ne voulez pas encore finir? OK OK. Juste quelques étapes supplémentaires optionnelles. Voyons comment nous pouvons
concentrer l'attention de l'utilisateur un peu plus vers le milieu? Que diriez-vous en brouillant les poussins latéraux!

Dupliquez tous les dossiers de petits poussins et fusionnez-les en un seul calque (Ctrl
+ E) et utilisez Filtre> Flou> Filtre Flou gaussien.

Étape 57

Définissez le rayon en fonction de la distance du centre. Par exemple, à partir de 0.5px (pour
le premier poussin) à environ 4px (pour le dernier poussin).

Étape 58

Et c'est vraiment la fin cette fois! Cliquez sur l'image suivante pour voir le résultat, et bien
bonne chance dans votre travail… et bien sûr - Joyeuses Pâques!