Page 1
Tutoriel Tag
Tutoriel TAG
Par Tominator
Par Tominator // Pour L’Eden Numérique // 2008
Page 2
Tutoriel Tag Sommaire
I. Introduction II. Le Dessin 1. Dessin au crayon 2. Repassage au feutre noir fin 3. Scan
III. Post-work sous Photoshop 1. Prélude 2. Le mode produit 3. Colorier votre dessin 4. La décoration 5. Résultat final
IV. Conclusion
Par Tominator // Pour L’Eden Numérique // 2008
Sommaire
Page 3
Tutoriel Tag Introduction
V. Introduction Bonjour, au cours de ce tutoriel vous allez apprendre à créer un tag du type ci-contre, et surtout, vous apprendrez plus généralement à : * Coloriser un dessin préalablement scanné; * Utiliser le mode de fusion «Produit»; * Utiliser la commande «Ctrl+ clic sur l’icône d’un calque». Pour réaliser ce tutoriel, il vous faudra le matériel suivant : * Du papier blanc; * Un crayon à papier; * Un feutre noir fin ( facultatif ); * Un scanner; * Un Ordinateur ( et oui c’est plus pratique avec quand même ); * Photoshop CS+ Et vous êtes près pour attaquer ce tutoriel !
Par Tominator // Pour L’Eden Numérique // 2008
Page 4
Tutoriel Tag Le Dessin
VI. Le Dessin 1. Dessin au crayon
Prenez une feuille A4, et attaquez votre texte en «freestyle» au crayon à papier. Vous pouvez adopter votre propre style. Mais attention : refermez bien vos lettres, sinon le dessin sera quasi-inexploitable sous Photoshop. Sachez aussi que plus vos lettres sont complexes et courbées, plus votre post-work sous Photoshop sera fastidieux. Vous devrez obtenir quelque chose de ce type :
Par Tominator // Pour L’Eden Numérique // 2008
Page 5
Tutoriel Tag Le Dessin
2. Repassage au feutre noir fin
Cette étape est facultative, mais votre dessin sera bien mieux exploitable si vous repassez bien votre dessin au feutre noir fin.
Par Tominator // Pour L’Eden Numérique // 2008
Page 6
Tutoriel Tag Le Dessin
3. Scan
Mettez votre dessin dans votre scanner. Ouvrez dans Photoshop, et faites «Fichier > Importation > [Votre Scanner ou Logiciel de scan] (Ci-contre, gauche). Pour moi, c’est scanwise 2.0 qui ouvre la fenêtre ci-contre (Droite). Puis suivant votre logiciel, arrangezvous pour scanner en 300 dpi .
Par Tominator // Pour L’Eden Numérique // 2008
Page 7 VII.
Tutoriel Tag Post-work sous Photoshop
Post-work sous Photoshop
1. Prélude
Une fois scanné, votre tag sera à la verticale. Pour le mettre à l’horizontale, faites «Image > Rotation de l’image > 90° horaire / antihorraire». ( Ci-contre ). Vous obtiendrez une image horizontale ( Ci-dessous ).
Par Tominator // Pour L’Eden Numérique // 2008
Page 8
Tutoriel Tag Post-work sous Photoshop
2. Le mode produit
Passez ensuite le calque qui contient votre dessin en premier plan, choisissez le mode «Produit». Le mode produit est très intéressant dans le cas présent ; il permet d’afficher seulement le noir d’un calque, on ne verra plus que les tracés de votre dessin, et nous pourrons placer un calque où l’on placeras nos couleurs en dessous. Résumons : nous avons un calque nommé «Contours» qui contient les tracés au crayon en premier plan et un autre nommé «Colo» en arrière plan, qui ne contient rien pour l’instant mais qui contiendras la coloration du tag plus tard ( Voir ci-contre ).
Maintenant, on va ajouter un fond à notre tag, ici un mur est particulièrement adaptée à la situation. Je met donc une image de mur en arrière plan. Pour que le calque de coloration s’incruste au mur, on passe ce dernier en mode produit. On résume : en premier plan les contours, au milieu les couleurs et en arrière plan un stock de mur ( Voir ci-contre ). Résultat final :
Par Tominator // Pour L’Eden Numérique // 2008
Page 9
Tutoriel Tag Post-work sous Photoshop
3. Colorier votre dessin
Prenez l’outil brosse avec une forme basique ronde et un diamètre d’environ 20px et coloriez à l’intérieur de vos lettre sur le calque «Colo». Zoomez un maximum pour plus de précision. Cette étape est assez longue, mais pas très difficile.
En haut : Différentes étapes de la colorisation ( claque passé en mode «Normal» pour mieux voir ). En bas : Même résultat avec le calque en mode «Produit», on voit bien les détails du mur, c’est plus réaliste.
Par Tominator // Pour L’Eden Numérique // 2008
Page 10
Tutoriel Tag Post-work sous Photoshop
4. La décoration
Une fois le travail terminé sur toutes vos lettres, vous avez un tag tout à fait joli, mais on ne va pas s’arrêter là quand même ? On va créer un calque nommé «Déco» entre le calque «Contours» et le calque «Colo». Passez ce calque en mode «Produit» lui aussi. Regardez ci-contre. Prenez un brush classique rond. Coloriez vos lettre avec des ronds de plus en plus petits comme ci-dessous :
Par Tominator // Pour L’Eden Numérique // 2008
Page 11
Tutoriel Tag Post-work sous Photoshop Pour supprimer ce qui dépasse, faite Ctrl + Clic sur l’icône de calque «Colo» comme ci-contre. Cette action sélectionnera tout les éléments du calque «Colo». Ensuite faites Sélection > Intervertir ( peut être différent suivant la version de Photoshop ). Vous aurez donc la zone non colorée en sélection. Allez sur le calque «Déco» et appuyez sur Suppr. Cela supprimeras les bouts qui dépassent des lettre.
Ensuite prenez le même brush que pour les ronds mais en un diamètre de 5px pour rajouter quelques ronds histoire de faire plus recherché ;-).
Par Tominator // Pour L’Eden Numérique // 2008
Page 12
Tutoriel Tag Post-work sous Photoshop
5. Résultat final
Après ce dur travail, vous avez enfin réussi, ou vous avez lamentablement échoué, dans ce cas voilà un rendu pour voir ce que vous loupez :
Par Tominator // Pour L’Eden Numérique // 2008
Page 13 VIII.
Tutoriel Tag Conclusion
Conclusion
Pour conclure, vous avez appris beaucoup de choses au cours de ce tutoriel ( enfin je l’espère x) ). Malgré le temps que j’ai pu y passer, l’erreur est humaine, alors si vous en trouvez une, que ce soit une faute d’orthographe, de grammaire ou même de formulation, contactez moi sur L’Eden Numérique ou maillez-moi. Merci à vous, enjoy ;-), Tominator.
Par Tominator // Pour L’Eden Numérique // 2008