vendredi 28 novembre 2008

Effet Bande dessinée

Hola chocho'

Nous avons décidé avec l'équipe, qu'à partir du mois de décembre une nouvelle rubrique nommée "Underground'tut" allait faire son apparition sur UNDERGROUND360. J'ai le privilège de rédiger le premier tutoriel du mois. Une notation apparaitra en haut de chaque tutoriaux pour avertir l'internaute de la complexité du tut'.Si vous rencontrez la moindre difficultés de réalisation n'hésitez pas à nous envoyer un mail à l'adresse suivante
guyome.m@gmail.com

Trêve de blabla, on n'y GO.



Effet Bande dessinée
****
Logiciel (s) utilisé(s) : Illustrator et Photoshop

Sur Illustrator
_________________________________________

Nouveau doc de type A4 (210 x 297 mm).

A l’aide de l’outil plume, créer une forme aléatoire (fig. 1) qui servira tout au long de ce tutoriel, cette forme à pour but de créer un effet de trait irrégulier.
Vous pouvez utiliser les formes fournis par défaut (fenêtre _ formes_fusain, charbon, fudge )

Fig 1


Une fois cette dernière créée, l’enregistrer via un clic glissé dans la palette forme (fenêtre _ forme) et sélectionner forme artistique.

Il faut désormais importer l'image à transformer, dans l'exemple j'ai utilisé la couverture du livre de Joey Star, libre à vous de prendre ce que vous voulez.


  1. Fichier _ importer _ coché en tant que modèle, ce qui nous permet de verrouiller le calque « Joey ».
  2. Sélectionner l’outil plume puis choisir dans votre palette forme, le contour « trait irrégulier » précédemment créer.
  3. Par des traits de différentes épaisseurs (F10 "contour"), redessinez les formes suivantes :
  • Les yeux
  • Les sourcils
  • La coupe de cheveux
  • Le bouc
  • Les lèvres
  • Le nez et les narines
  • Et les parties du visage qui vous semblent propre à la photo.

Sur Illustrator, sélectionnez les traits créer et copier-les (édition_copier ou ctrl +C).

Sur Photoshop _________________________________________

  1. Ctrl + N (nouveau doc) sur photoshop _ format : presse papiers _ ok.
  2. Édition _ coller.
  3. Une fois le tracé Illustrator récupérer sur Photoshop.
  4. Importer l’image d’origine "Joey Star" et le superposé aux traits "Illustrator"
  5. Afficher la palette calque (F7)
    Vous devez vous retrouvez avec 3 calques : 3Arrière – plan, 2image Joey Star et 1les traits par-dessus.
  6. Créer un nouveau calque que vous positionnez entre "traits" et "image Joey Star"
  7. A l'aide du pinceau, appliquer une couleur ton chair.
  8. Sur la vignette "image Joey Star", filtres _ galerie des filtres : Découpage + couteau à palette.
  1. Cette étape consiste a fusionner le calque "trait" avec le calque inférieur "Ton chair".
  2. Il faut désormais changer le mode de fusion en mode " Produit".
  3. Dupliquer le calque "image Joey Star" et ré-appliquer le filtre par le raccourcis "ctrl+F".
  4. Réduire l'opacité de ce dernier à 49%.
  5. Sur nouveau calque "couleur oeil", à l'aide du pinceau (dureté : O) récréer le blanc des yeux.

Cette étape à pour but de d'intégrer des points de trames sur le visuel, si vous le souhaitez modifier le mode de fusion du calque.
  1. Changer la couleur de 1er (noir) et de 2nd (marron) plan.
  2. Sur un duplicata du calque "trait",que l'on positionne au dessus de tout les autres calques, appliquer le filtre _ esquisse _ trame demi- teinte.
  3. Réduire l'opacité en fonction du rendu souhaité.
  4. A l'aide du masque de fusion ou de l'outil "gomme", masquer les parties indésirables des points de trame (oeil, bouche, cheveux)
Sur le calque arrière plan normalement vide ou blanc, à l'aide de l'outil forme personnalisé de type "hirondelle2" (si la forme n'apparait pas dans votre menu, il faut charger la famille de forme "symboles")
Une fois l'outil sélectionné, dessiner la forme.




Rendu final

Exemples sur :

4 commentaires:

Anonyme a dit…

Merci pour ce tut' bien détaillé, par contre le tut' s'adresse aux utilisateurs confirmés.

Encore merci,


Niko de Marseille

Anonyme a dit…

bon tuto mais il n'y a pas d'illustration.

underground360° a dit…

Images perdues lors d une. Mauvaise manip picasa, absurde nan ?! Tu peux recuperer mon tut sur webdesign tut il y a les illustrations hasta luego

Anonyme a dit…

Salut!
sur le site webdesign tut, ils renvoient sur cette page donc pas de photos :/

Enregistrer un commentaire

Saisis de commentaire