Site de tutoriaux photoshop

Découvrez la Creative Suite CS5 Twitter - Follow me
Créer une ardoise scolaire

Tutoriel photoshop : Créer une ardoise scolaire

Tutoriaux photoshop > Dessin, objet, logo > 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 Outil rectangle arrondi et tracé un rectangle un peu comme ça
Tutoriel créer ardoise scolaire


2) Prenez l'outil de suppression de point d'ancrageOutil plume moins et cliquez sur le bas des 2 arrondis vous obtiendrez une forme un peu bizzare comme ça
Tutoriel créer ardoise scolaire


3) Ne vous inquiétez pas tout va s'arranger ^^. Prenez l'outil de conversion de point Outil conversion points 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
Tutoriel créer ardoise scolaire


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 Outil 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.
Tutoriel créer ardoise scolaire


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
Tutoriel créer ardoise scolaire


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
Tutoriel créer ardoise scolaire


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 ^^
Tutoriel créer ardoise scolaire


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 Tutoriel créer ardoise scolaire 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
Tutoriel créer ardoise scolaire


9) Je dupplique le groupe et je le place à droite et là aussi je déplace un peu la texture.
Tutoriel créer ardoise scolaire


10) Voilà notre cadre en bois est créé. Nous allons faire l'ardoise. Je prends l'outils rectangle Tutoriel créer ardoise scolaire et je trace un rectangle de la dimension du milieu avec un gris très foncé.
Tutoriel créer ardoise scolaire
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.
Tutoriel créer ardoise scolaire


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 Outil sélection colonne et je fais un simple clic
Tutoriel créer ardoise scolaire


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.
Tutoriel créer ardoise scolaire


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
Tutoriel créer ardoise scolaire


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.
Tutoriel créer ardoise scolaire


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
Tutoriel créer ardoise scolaire


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)
Tutoriel créer ardoise scolaire


17) Pour donner l'impression de salir un peu l'ardoise on créé un nouveau calque. On prend l'outil pinceau Outil pinceau avec un brush dans le genre Brush avec en couleur un gris plus clair que l'ardoise.
Et on salit l'ardoise :p
Tutoriel créer ardoise scolaire

Puis on passe le calque à 80% d'opacité
Tutoriel créer ardoise scolaire


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.
Tutoriel créer ardoise scolaire


19) Après bon c'est à l'inspiration :p avec l'outil pinceau Outil pinceau
Tutoriel créer ardoise scolaire


20) Pour dessiner une craie je prends l'outil rectangle Outil rectangle
Tutoriel créer ardoise scolaire


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)
Tutoriel créer ardoise scolaire
Pour ce résultat
Tutoriel créer ardoise scolaire


21) Maintenant je fais le bout droite de avec l'outil ellipse Outil ellipse en n'oubliant pas de cocher étendre zone de forme Tutoriel créer ardoise scolaire 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
Tutoriel créer ardoise scolaire


22) Bon pour moi le dégradé n'est pas assez pronconcé alors je le modifies légèrement
Tutoriel créer ardoise scolaire


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
Tutoriel créer ardoise scolaire


24) Et j'y applique un flou gaussien. Menu effet -> atténuation -> flou gaussien.
Tutoriel créer ardoise scolaire


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 :

Tutoriel créer ardoise scolaire



Pour la rendre toujours plus réaliste vous pouvez toujours appliquer une ombre portée, des dégradés pour des ombres... etc


Tutoriel créer ardoise scolaire



Tutoriaux photoshop Bouton forum psd-file

Autres tutoriaux photoshop : Dessin, objet, logo

Tutoriaux photoshop : Une citrouille pour halloweenUne citrouille pour halloween
Tutoriaux photoshop : Un chapeau de sorcièreUn chapeau de sorcière
Tutoriaux photoshop : Création d'une boule / sphèreCréation d'une boule / sphère
Tutoriaux photoshop : Faire le reflet d'un objetFaire le reflet d'un objet
Tutoriaux photoshop : Bulle glossy avec contour en reliefBulle glossy avec contour en relief
Tutoriaux photoshop : Créer le logo Secret StoryCréer le logo Secret Story
Tutoriaux photoshop : Créer une règle à l'aide d'un motifCréer une règle à l'aide d'un motif
Tutoriaux photoshop : Création d'un crayonCréation d'un crayon
Tutoriaux photoshop : Effet abstrait de tourbillonEffet abstrait de tourbillon
Tutoriaux photoshop : Créer logo android (Google Phone)Créer logo android (Google Phone)
SW-Conception.com - Création de site internet