15 septembre 2007
Vectoriser sous Streamline
Salut ! Voici une vectorisation en quelques étapes. Des tutoriaux de ce type doivent bien exister sous forme de vidéo dans ce site mais ici, vous aurez droit à un truc plus personnel :)
Je suis donc parti d'un dessin que j'ai réalisé il y a quelques jours.
• ÉTAPE 1 : DESSIN ORIGINAL
Je fais un croquis classique au crayon graphite (crayon de bois) sur un format A4. Puis je place mon croquis sur un table lumineuse. Je place une autre feuille par dessus (genre feuille d'imprimante laser) et je retrace le plus proprement possible au feutre.
Attention aussi à bien fermer les tracés.
• ÉTAPE 2 : SCAN DU TRACÉ
Je scanne mon tracé en niveau de gris et à haute résolution (600 DPI et on est peinard). J'ouvre mon fichier sous Photoshop (si ce n'est déjà fait). Je pousse les contrastes via la palette Niveaux. Je nettoie les pétouilles s'il y en a… Après quoi, on a un dessin nickel. On peut même baisser la résolution à 300/400 DPI.
Il vaut mieux laisser le fichier en niveau de gris (et non en bitmap, ce qui risquerait de donner une image trop crénelée et dure).
Pour finir, on enregistre le fichier au format .TIF
• ÉTAPE 3 : TRAITEMENT SOUS STREAMLINE
On ouvre le fichier .TIF sous Streamline. Il apparaît tel que vous l'aviez sou Photoshop.
Ouvrir le menu Options de conversion. Je règle toujours sur "sensibilité : 3" et "tolérance : 2".
Ensuite on fait OK (vous l'auriez deviné non ?)
Et là, c'est l'heure de vérité ! On fait "convertir"…
Remarque : la conversion se fait par défaut en 2 niveaux de couleurs (noir et blanc) mais d'autres options de vectorisation sont disponibles également. Je reste sur ce qu'il y a de plus simple.
La vectorisation se fait en direct. Le résultat à l'écran peut ne pas être flatteur mais ça ne veut rien dire.
Enregistrer ce fichier. Par défaut, il sera nommé avec l'extension .ART à la fin.
• ÉTAPE 4 : TRAITEMENT SOUS ILLUSTRATOR
On ouvre ce fichier vectoriel sous Illustrator. Le résultat en pricipe est propore et fidèle à l'original. Il n'est pas interdit de peaufiner son tracé par la suite…
Remarque : le visuel obtenu est ensemble de tracés finis noirs ou blancs et sans contour. Par exemple, si j'avais dessiné et un simple carré blanc avec un contour noir au feutre, j'aurais obtenu un carré blanc + un carré noir légèrement plus grand en arrière-plan…
Vous voyez l'intérêt de bien fermer ses tracés ! On peut bien sûr corriger ces petits oublis sous Illustrator, mais là, je ne vous apprendrai rien :D
11 septembre 2007
Des tutos, des tutos, encore des tutos…
Veuch nous en avait déjà parlé, voilà l'endroit où aller pour apprendre à maîtriser vos logiciels préférés !
23 août 2007
Trame simple dans Illustrator
Salut c'est LAST !
Voici un tuto facile pour réaliser une trame simple sous Illustrator. Par trame simple, j'entends par là trame en applat, sans effet de dégradé (cela sera l'objet d'un futur tutorial).
1. Je vais en fait créer une nouvelle nuance de motif via la palette Nuancier. Cette palette, que vous connaissez tous, contient 3 types de nuances : les couleur en aplat, les dégradés et les motifs.
Une surface tramée est en général constituée de pleins de petits ronds plus ou moins séparés suivant le "maillage" souhaité. Je commence donc par créer un cercle noir entouré d'un cercle transparent :
2. Cette première étape périlleuse terminée, je sélectionne ma forme et fais un glisser-déposer sur la palette :
3. Dans la palette Nuancier apparaît la vignette de notre motif. Je trace un carré (ici en bleu) pour tester la trame :
4. Voici le résultat. La surface sélectionnée se remplie du point, ainsi dupliqué à l'infini :
Je peux désormais appliquer cette trame à n'importe quelle forme, je peux aussi en changer la taille, la rotation, l'inclinaison (en cochant seulement "motif" dans les fenêtres qui apparaissent en double-cliquant sur les outils adéquat…) :
Remarque importante :
À ma connaissance, on ne peut pas changer la couleur de la trame ni bien sûr l'écartement des points. Il faudra alors recréer un motif de base (étape 1 du tuto) conforme à vos souhaits.
17 avril 2007
Effet trame monochrome
Nous étions plusieurs il y a quelques semaines à chercher des infos sur cet effet de trame, et j'avais un peu galéré sur Illustrator pour produire quelque chose qui me plaisait moyennement.
J'ai trouvé ici des explications très claires pour le faire sous Photoshop ! :)
Je ne sais pas si on peut obtenir l'équivalent avec Illustrator, mais en tout cas là ça donne le résultat fin que j'espérais, et c'est monochrome.
Y a plus qu'à vectoriser ensuite, le cas échéant. :)
09 mars 2007
Tutorial automobile
Salut c'est LAST, un p'tit tuto de bagnole, ça vous dit ?
Je vais vous présenter la réalisation d'un de mes derniers visuels, la Bugatti Veyron. Allez hop, c'est parti !
01 • Choix du modèle
Tant qu'à faire, autant prendre ce qu'il se fait de mieux, soit la Bugatti Veyron ! J'ai chois un angle qui permet d'avoir une bonne perception de la forme générale de l'engin : un peu de face, un peu de profil, un peu de dessus.
02 • Tracé
J'isole la photo sur un calque en arrière-plan, et sur un calque de premier plan, je commence le tracé, dans une couleur relativement crue (magenta par exemple) pour une meilleure lisibilité.
En masquant le calque "photo", on observe mieux le résultat…
Certains détails comme les prises d'air se font avec des lignes dupliquées grâce au dégradé de forme, qui permet de régler le nombres d'étapes nécessaires pour obtenir une "grille" idéale (je suis clair ?) :
Remarque : pensez à tracer les formes de la façon la plus logique possible, c'est à dire pièce par pièce : capot, aile, toit… En respectant la logique de la construction de l'automobile, vous vous faciliterez la tâche par la suite pour le traitement des surfaces et leur juxtaposition .
03 • Mise en couleur
Bon, en principe, là, c'est la récré ! Je colorise chaque surface à ma guise. Le résultat final approche…
Pour donner du volume, je détermine des zones d'ombres. Sur ce coup, je me suis pas fais ch… j'ai repris les zones de la photo, mais l'idéal serait de faire d'autre ombres et lumières en s'inspirant d'une autre photo de voiture, afin de personnaliser l'illustration.
Le découpage des zones d'ombre se fait par le filtre Pathfinder > Division.
Quoi ?… y a truc qui déconne ?
Ah oui ! la roue avant, héhéhé… Toujours casse-bonbon, car, sous cet angle, elle est à la fois devant et derrière l'aile. Pour y remédier, il faut faire un masque :-
- Je dessine (ici en magenta) un tracé sans fond au-delà duquel le dessin ne devra pas être visible
- Je sélectionne l'ensemble et j'active la fonction Objet > Masque d'écrêtage > Créer (ou pomme 7 sur Mac)
Et voilà !
En conclusion, ma façon personnelle de réaliser des voitures se veut méthodique et rigoureuse. On obtient un résultat propre, certes, mais peut-être un peu trop froid et lisse. Libre à chacun d'y apporter plus de fantaisie ou d'y travailler plus précisément les lumières.
Cette méthode peut s'appliquer à n'importe quel objet, car la logique sera toujours la même. J'attends donc avec impatience vos réas de cafetière, téléphone, scie-sauteuse, brosse à chiotte… ^^
06 mars 2007
wisibility.com tutorial illustrator photoshop...
grace à look zippy, j'ai découvert ce site tres intérréssant de tutorial photoshop illustrator, et autre logiciel, celui ci est tres bien fait, il propose des tut en vidéo commenté par un formateur!
c'est tres instructif, allez y faire un petit tour si vous avez besoin de conseils!
**grossemain**
05 mars 2007
Need Help
Avis aux experts d'illustrator , j'aurais besoin d'un peu d'aide :)
1: arrière plan/premier plan:
Le problème est le suivant
C et B forment un seul objet (utilisation de pathfinder au centre)
J'aimerai faire entrer la forme A de façon à ce que la partie B apparaisse en 1er plan , la partie A en second plan et la partie C en arrière plan. Avez vous la solution?
2: le nuancier
je crée un nuancier (pas trés joli je vous l'accorde :D), la question est toute simple: Le nuancier est il sérigraphiable?
Voilà, j'ai hate de lire vos réponses :D
24 janvier 2007
LE Fameux Effet "Usé !
Hello, c'est LAST ! comme promis je me joins à l'équipe du Foutoir pour vous proposer un tutorial, également disponible chez moi. Je vous invite à me suggérer d'autres idées de tuto qui vous paraîtraient importantes. Bonne lecture :)
Très en vogue depuis quelques temps dans nos créations, le Fameux Effet "Usé" (qu'on
va appeler FEU) sucite de nombreuses interrogations pour ceux qui ne
l'ont pas encore expérimenté : comment donner un aspect abimé à un
dessin pour lui coller cet esprit "vintage" qu'on aime tant ? Est-ce
simple ? Est-ce compliqué ? Est-ce que ce sera toujours à la mode dans
2 semaines ?…
Il est temps de lever le voile sur ce mythe, cette légende, ce Graal du graphiste. C'est parti pour un tutorial complet !
01 • PROCUREZ-VOUS LES BONS OUTILS
Les FEU sont en fait issus de brushes Photoshop fantaisistes dont vous trouverez des spécimens bien sympas par ici. Vous les téléchargez et les glissez par là : Application > Photoshop > Paramètres prédéfinis > Formes (si vous êtes en Mac OS X, mais si vous êtes en Windows, vous vous démerdez, ça doit pas être bien sorcier…)
02 • TESTEZ LA BÊTE
Sous Photoshop, créez un fichier en niveau de gris de 600px X 600px minimum. Sélectionnez l'outil pinceau et allez dans la palette "formes". Vous n'avez plus qu'à choisir la forme FEU qui vous convient. Faites des tests en peinturlurant la surface blanche de coups de pinceaux aléatoires, au gré du hasard, en veillant à varier formes, tailles, orientation des brushes… jusqu'à obtention de l'effet voulu (en général, l'effet obtenu n'est jamais voulu, mais disons qu'à un moment faut bien s'arrêter et passer à l'étape suivante !…)
Si ça vous arrange, importez votre dessin à "user" en arrière-plan, afin d'avoir des repères (cela vous éviter de masquer des détails importants du dessin).
03 • VECTORISEZ LE RÉSULTAT
Si l'effet obtenu vous satisfait, vous pouvez maintenant le vectoriser et l'exporter dans le fichier Illustrator de votre dessin.*
Pour la vectorisation, il y a plusieurs écoles. Je préconise quand à moi la vectorisation dans Adobe Streamline mais c'est à chacun de voir. La difficulté de la vecto est d'obtenir le résultat le plus fin et réaliste possible tout en évitant de plomber la mémoire de votre logiciel avec des milliers de points… Trouvez le juste milieu.
N'oubliez pas que votre dessin étant destiné à la sérigraphie sur tee-shirt, il n'est pas conseillé de mulitplier les détails (c'est bien LAST qui parle là ? héhéhé…). Bon là, personnellement, je trouve mon rendu un peu foireux, mais c'était pour l'exemple hein…
* Une autre possiblité que la vectorisation serait de conserver le fichier Photoshop, le mettre en mode Bitmap haute résolution, l'enregistrer en TIF, et ensuite le copier/coller dans illustrator ; inconvénient : la prévisu sur écran est moins bonne.
A vous de jouer ;)
06 janvier 2007
Site tutoriaux
j'ai trouvé sur le net ce site qui montre quelques tutoriaux pour photoshop et illustrator.
Je n'ai pas jeté un oeil trés attentif encore dessus , mais l'ensemble me semble assez sympa :)
c'est ICI que ça se passe
Si vous aussi vous avez des liens ou des conseils....
