 |
Tutoriel photoshop : Créer une ardoise scolaire
|
Après
le crayon et pour continuer sur le thème de la rentrée aujourd'hui nous allons créer une ardoise scolaire.
Créez un nouveau document d'une taille assez importante pour accueillir votre ardoise.
1)Prenez l'outils rectangle avec angle arrondi

et tracé un rectangle un peu comme ça
2) Prenez l'outil de suppression de point d'ancrage

et cliquez sur le bas des 2 arrondis vous obtiendrez une forme un peu bizzare comme ça
3) Ne vous inquiétez pas tout va s'arranger ^^. Prenez l'outil de conversion de point

et cliquez sur les 2 points du bas qu'il reste.
Ca va supprimer les vecteur de force des courbes pour en faire de simple point et donc faire des droites avec un angle droit
4) Suivant la largeur du cadre de votre ardoise vous avez juste à déplacer les 2 points du bas. Avec l'outil de sélection directe

cliquez sur les 2 points du bas et avec la touche de flèche directionnelle vers le haut je les remonte un peu.
5) Comment faire le bois ? il existe des tutos pour imiter le bois, moi je préfère utiliser une vraie photo / texture bois. Là que j'ai trouvé sur le site de
l'eldorado des textures
6) Maintenant nous allons le faire apparaitre par rapport au calque de la forme que l'on vient de créer. Menu calque -> créer un calque d'écrétage (raccourci ALT+CTRL+G)
Déplacez réduisez le calque de l'a texture pour la placer comme vous le souhaitez. Vous devriez avoir ça comme rendu
7) Sélectionnez les 2 calques et créer un nouveau groupe. menu calque -> nouveau -> groupe d'après les calques (raccourci CTRL+G)
Puis dupliquez ce groupe, clique droit sur le groupe dans la fenêtre calque -> dupliquez, ou menu calque -> dupliquez
Et placez le un peu vers le bas. On le retourne dans le bon sens. Menu édition -> transformation ->symétrie axe vertical
Déplacer le calque de la texture dans ce groupe pour que votre cadre soit un peu différent et qu'on voit que ça soit un copier coller ^^
8) Maintenant on va faire pareil pour les cotés de notre ardoise. Cette fois plutôt que de prendre le rectangle avec les angles arrondis j'utilise le rectangle classique

pour tracer un rectangle juste de la hauteur qu'il nous faut
Je reprends ma texture je l'adapte je créé à nouveau un calque d'écrétage comme précédemment, un groupe de calque... etc
9) Je dupplique le groupe et je le place à droite et là aussi je déplace un peu la texture.
10) Voilà notre cadre en bois est créé. Nous allons faire l'ardoise. Je prends l'outils rectangle

et je trace un rectangle de la dimension du milieu avec un gris très foncé.

Pour faire un peu de relief j'y applique une ombre interne. Menu calque -> style de calque -> ombre interne ou double clique sur le calque dans la fenêtre calque.
11) Maintenant le quadrillage. On créé un nouveau calque en écrétage par rapport à l'aroise. (pour qu'il apparaisse que sur le rectangle de l'ardoise)
Je prends l'outil rectangle sélection 1 colonne

et je fais un simple clic
12) Je remplis cette sélection de blanc Menu édition -> remplir (raccourci CTRL+BACKSPACE) et je dupplique. Pour cette dupplication je vous conseil d'utiliser la flèche directionnelle droite avec les touches ALT et SHIFT.
Comptez combien de déplacement vous effectuez.
13) Je fusionne mes 2 calques de traits verticaux, menu calque -> fusionné avec calque inférieur (raccourci CTRL+E). Et là j'effectuer le même déplacement que précédemment (d'où l'utilité de bien compter ^^)
Une autre méthode consiste à utiliser des motifs, à ce moment là il faut bien calculer la largeur entre les traits etc donc c'est pas forcément plus aisé à paramêtrer
14) Je fusionne à nouveau mes 2 calques, je dupplique, déplace, puis fusionne... Répétez l'opération autant de fois que nécessaire.
15) Je dupplique une dernière fois toutes mes lignes mais cette fois-ci je vais les tourner à 90°. Menu édition -> transformation -> rotation horaire 90°
Logiquement elle sont un peu plus courtes si l'ardoise que vous avez faites et rectangle. On les allonge donc, menu édition -> transformation -> homothétie
et je fusionne à nouveau le calque
16) Maintenant pour que ça soit un peu moins net on applique un flou gausssien. Menu effet -> atténuation -> flou gaussien (Dans mon exemple valeur 0.8)
17) Pour donner l'impression de salir un peu l'ardoise on créé un nouveau calque. On prend l'outil pinceau

avec un brush dans le genre

avec en couleur un gris plus clair que l'ardoise.
Et on salit l'ardoise :p
Puis on passe le calque à 80% d'opacité
18) Il ne vous reste plus qu'à écrire, inscrire, dessiner ce que vous voulez. Là pour le texte je prends la police de caractère hand dans la partie
script -> scolaire du site site dafont.
19) Après bon c'est à l'inspiration :p avec l'outil pinceau
20) Pour dessiner une craie je prends l'outil rectangle
Et j'y applique un dégradé. Menu calque -> style de calque incrustation de dégradé. (ou double clic sur le calque dans la fenêtre calque)

Pour ce résultat
21) Maintenant je fais le bout droite de avec l'outil ellipse

en n'oubliant pas de cocher étendre zone de forme

dans les options de l'outils.
Pour le bout de gauche par contre toujours l'outil ellipse avec une couleur blanche mais cette fois-ci remettez bien l'option créer un nouveau calque de forme.
Voilà ce que vous devriez avoir
22) Bon pour moi le dégradé n'est pas assez pronconcé alors je le modifies légèrement
23) On va lui faire une ombre. je dupplique le calque rectanle de la craie et je le pixelise. Menu calque -> pixelisation -> calque et je baisse la luminosité pour que ça devienne noir. Menu image -> réglage -> teinte/saturation
24) Et j'y applique un flou gaussien. Menu effet -> atténuation -> flou gaussien.
25) Pour que ça soit un peu plus sympa j'oriente la craie différemment. Sélectionnez les 3 calques qui composent la craie (le rectangle, le bout gauche et l'ombre) et menu édition -> transformation -> rotation (raccourci CTRL+T)
Je modifies l'angle de l'incrustation de dégradé à 82°.
Pour le résultat final :
Pour la rendre toujours plus réaliste vous pouvez toujours appliquer une ombre portée, des dégradés pour des ombres... etc
Autres tutoriaux photoshop : Dessin, objet, logo