Mutsu et 47 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Creer un serpentin

 
n°23266
V4l
Accro à la plume
Profil : Penguin
Avatar
profil
Posté le 27-06-2009 à 12:21:02  
 

Bonjour bonjour !
 
Me revoilà pour un tout nouveau tuto avec un effet que je n'ai vu nul part ailleurs sur le net pour l'instant.
Je suis tombé sur cet effet par hasard en jouant avec l'outil doigt, et je dois avouer que le resultat est assez satisfaisant.
 
Le but du tuto est d'apprendre à créer une espèce de Serpentin en 3D, avec photoshop bien entendu.
 
http://valleboss.free.fr/valgraphicworld/serpentin.png
 
Avant toute chose vous aurez besoin de savoir manier l'outil plume (dont vous pourrez trouvez plusieurs tutos sur le forum)
 
I-Créez un nouveau document avec une taille deux fois supérieure à celle que vous souhaitez réellement
(Je vous expliquerai pourquoi après)
Par exemple, ici je souhaite créer un document final aux dimensions 1000*1000, je crée alors un document 2000*2000.
 
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/nouveau.png
 
 
Nous allons travailler sur l'image en zoom 50% comme ci elle était en zoom 100%
 
II-Ouvrez la grille (ctrl+" ), et dans les paramètres de celle ci (Édition > Préférences > Repères,grille et tranches...)
mettez un pas de 100 pixels avec 3 subdivisions.
 
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/grille.png
 
III- Zoomez sur un "carré" comme ceci :  
 
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/carr%C3%A9.png
 
et créez un nouveau calque.
 
IV- Sur ce calque, à l'aide de l'outil "sélection" et du pinceau, remplissez chacune des subdivisions de cette manière :
 
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/instructions%20couleur.png
 
Vous pouvez maintenant supprimer la grille (ctrl+" )
 
V-Créez le tracé de votre serpentin à l'aide de la plume en mettant le point d'ancrage initial sur le centre de votre forme.  
Par exemple (image en zoom 25 %) :  
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/trace.png
 
VI-Prenez l'outil doigt avec ces paramètres : Forme ronde 90 pixels, Mode normal, Intensité 100%, et laissez les autres options décochées.
 
VII- Placez vous sur le calque où se trouve votre forme carré, selectionnez à nouveau l'outil plume, faites clic droit > Contour du tracé...
et prenez ces paramètres :
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/parametre%20plume.png
 
Faites "ok", puis ensuite, appuyez sur la touche "entrée" pour faire disparaitre le tracé.
 
Et là admirez !!  :kiss:  
 
Bon encore quelques petits détails à régler...
 
VIII-Zoomez sur le point de départ du serpentin :
 
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/avec%20carre.png
 
Et effacez les résidus de carré.
 
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/sans%20carre.png
 
IX- Si vous zoomez à 100%, vous vous apercevez qu'il y a de l'aliasing sur l'image, nous allons alors réduire l'image de moitié
Voilà l'utilité de créer un document deux fois plus grand au démarrage.
Allez dans Image > Taille de l'image...
Et rentrez ces parametres
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/taille%20image.png
 
 
X- Et voilà votre serpentin est terminé !
 
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/serpentin%20final.png
Vous pouvez varier les couleurs pour avoir plusieurs résultats possibles.
 
Vous pouvez aussi mettre un dégradé en masque de fusion sur le bout du serpentin pour cacher les differents carrés.
Vous pouvez également faire un léger flou gaussien sur votre forme carré avant d'avoir créer le serpentin, pour avoir un résultat moins brutal entre les couleurs.
 
Une autre variante : Faire un dégradé comme ceci pour la forme carrée :
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/degrad%C3%A9.png
 
Enfin, vous pouvez changer la forme de l'outil doigt également.
 
Il existe donc une multitude de variante possible, à vous de voir laquelle vous préférez !
 
http://valleboss.free.fr/valgraphicworld/Tuto%20serpentin/exemple.png

answer
mood
GoogleAds
profil
Posté le 27-06-2009 à 12:21:02  
 

answer
n°23268
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 27-06-2009 à 13:50:25  
 

Merci pour ce tuto. :great:


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer
n°23325
Daft-Boy
Profil : New Penguin
Avatar
profil
Posté le 28-06-2009 à 02:50:33  
 

Le résulta est surprenant
J'adore, un grand bravo pour ce tuto  :great:  
 
Et surtout merci  :happy2:


---------------
http://img5.hostingpics.net/pics/216849User_Bard_Japan_Expo_by_me.jpg
http://img5.hostingpics.net/pics/640656User_Bard_Daft_Fan.png
http://img5.hostingpics.net/pics/554792UserBard_Manga_Fan_by_me.jpg
answer
n°23327
V4l
Accro à la plume
Profil : Penguin
Avatar
profil
Posté le 28-06-2009 à 09:58:37  
 

Merci ^^ Je dois avouer que j'étais assez fier quand j'ai découvert cet effet.

answer
n°23329
Super Poulet
Profil : New Penguin
Avatar
profil
Posté le 28-06-2009 à 12:29:10  
 

C'est effectivement un effet interessant. Merci de l'avoir partagé et bravo !!!
 
http://www.crystalxp.net/forum/mesimages/115581/M1.png          http://www.crystalxp.net/forum/mesimages/115581/M2.png          http://www.crystalxp.net/forum/mesimages/115581/M3.png


Message édité par Super Poulet le 28-06-2009 à 12:30:40
answer
n°23330
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 28-06-2009 à 12:42:15  
 

En effet, ça donne bien. :)


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer
n°23335
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 28-06-2009 à 20:43:55  
 

Voici le mien, en vert
 
http://pixupload.free.fr/upload/t9r85w_serpentin.png


---------------
Dis iz not a zignature !
answer
n°23375
WhiteSpoon
Profil : Top Penguin
Avatar
profil
Posté le 30-06-2009 à 18:00:48  
 

Encore un super tuto Val :loveit:
Mais où diable trouve-tu ces idées-ci ? :paf:

answer
n°23380
V4l
Accro à la plume
Profil : Penguin
Avatar
profil
Posté le 01-07-2009 à 09:37:54  
 

Et ce n'est que le début, bientôt je dominerai le monde muahahahah....
 
J'en ai d'autres en réserve si vous voulez, mais leurs effets ne sont pas tellement nouveaux.

answer
n°23549
vivi1
Profil : New Penguin
Avatar
profil
Posté le 17-07-2009 à 14:47:49  
 

bonjour je bloque à l'étape 7. j'utilise photoshop CS.
 
voyez le résultat :
 
 
http://www.easysharing.fr/data/images/94469/Image_1.jpg
 
il ne le fait que sur les points d'ancrage.

answer
n°23551
WhiteSpoon
Profil : Top Penguin
Avatar
profil
Posté le 17-07-2009 à 16:41:05  
 

Tu as bien utilisé l'outil Doigt ?  
 
http://www.weplug.com/images_1/thumb_big/d72d3963f9b72a6578f72424b9fa8d2220090717144153.png
 
Quand tu fais clic droit sur ton tracé, choisi Créer un contour puis fais comme ça:
 
http://www.weplug.com/images_1/thumb_big/3b4bbf11e93428feabd2f48983b3c39820090717144153.png
 
Biensur, tu devras avoir choisi la taille pour ton outil doigt etc... ;)


---------------
http://img691.imageshack.us/img691/2752/sign2.png
answer
n°23552
vivi1
Profil : New Penguin
Avatar
profil
Posté le 17-07-2009 à 17:01:48  
 

oui tout ça c'est bon, les "ronds" sur les points d'ancrage apparaissent une fois que je clique sur ok dans la fenêtre de l'image n°2 ci dessus. c'est dommage T.T le tuto et le rendu sont super.

answer
n°23637
vivi1
Profil : New Penguin
Avatar
profil
Posté le 24-07-2009 à 10:35:48  
 

j'ai pu tester sur CS2 ça marche.

answer
n°23639
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 24-07-2009 à 11:28:00  
 

Bonjour V4l.
 
Super rendu ! Il fallait y penser !
 
 
Note pour ceux qui utilisent The Gimp :
Je crois bien que l'on peut faire encore plus simple (et surement faisable avec photoshop) :
• Créer le motif avec les carrés de couleurs différentes n'importe où
dans votre document.
• Faire Alpha vers sélection sur le calque du motif puis, Edition /
Coller comme / motif.
• Tracer à la plume le serpentin puis faire Edition / tracer le chemin
et choisir Tracer en ultilisant un outils de peinture (crayon).


---------------
http://kefrens.olympe-network.com/img/logo.png.
answer
n°23644
Vermine
Profil : Big Penguin
Avatar
profil
Posté le 25-07-2009 à 16:09:27  
 

Salut ^^
 
Mitsuko, bien joué ^^  moi j'ai pas fait tout à fait pareil pour avoir le serpentin "rond" et surtout il faut utiliser l'outil crayon parce que l'outil pinceau laisse des trâces sur le serpentin...
 
Amicalement, Vermine.


Message édité par Vermine le 25-07-2009 à 16:26:16
answer
n°23656
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 30-07-2009 à 11:06:42  
 

Rendu très joli, merci d'avoir fait découvrir cette petite astuce :D C'est simple mais ça rend vraiment bien ;)


---------------
Nouveau blog !
 
Des bisounettes. Pour MC. Pour Mutsu. Pour Chao. Pour Killyoh. (pour Pechpech aussi mais il est chiant)
answer
n°23670
balmo
Profil : New Penguin
Avatar
profil
Posté le 03-08-2009 à 14:30:56  
 

Super tuto!

answer
n°23921
Jeanba88
Profil : New Penguin
Avatar
profil
Posté le 24-08-2009 à 08:43:10  
 

moi il m'a fait un trais blanc
 :x
edit : il le fait au rendu aussi


Message édité par Jeanba88 le 24-08-2009 à 08:44:45
answer
n°23964
Malice
Profil : New Penguin
Avatar
profil
Posté le 28-08-2009 à 10:13:35  
 

Tutorial très sympa !
On peut aussi cocher la case "simuler la pression" au moment de tracer le serpentin avec le doigt, c'est différent mais pas mal dans son genre...
 
http://www.crystalxp.net/forum/mesimages/339335/serpentin.jpg1..jpg

answer
n°23965
V4l
Accro à la plume
Profil : Penguin
Avatar
profil
Posté le 28-08-2009 à 11:00:41  
 

Ah oui en effet, j'aime beaucoup ^^

answer
n°24057
tmos
Profil : Penguin
Avatar
profil
Posté le 02-09-2009 à 21:14:15  
 

Un petit effet pate dentifrice très sympa ! en plus on dirait de la 3D  :smile:

answer
n°24075
SkuRm
Profil : New Penguin
Avatar
profil
Posté le 05-09-2009 à 14:29:08  
 

Ben moi j'dois étre un cas isolé mais quand le contour du tracé et fait avec le  
doight les couleur s'estompe tres vite au lieu arivé jusque au bout du tracé...
y' aurais t-il une solution?

answer
n°24122
Maask
Profil : New Penguin
Avatar
profil
Posté le 14-09-2009 à 14:58:07  
 

SkuRm a écrit :

Ben moi j'dois étre un cas isolé mais quand le contour du tracé et fait avec le  
doight les couleur s'estompe tres vite au lieu arivé jusque au bout du tracé...
y' aurais t-il une solution?


Règle la dureté de ton outil doigt à 100% :)

answer
n°24123
Tenkan
http://www.tenkan05.fr
Profil : Top Penguin
Avatar
profil
Posté le 14-09-2009 à 15:32:02  
 

Maask a écrit :


Règle la dureté de ton outil doigt à 100% :)


Et l'intensité aussi il me semble. ;)

 


Je trouve que cet effet est super ! :great:


Message édité par Tenkan le 14-09-2009 à 15:32:57

---------------
http://www.tenkan05.fr
answer
n°24124
Maask
Profil : New Penguin
Avatar
profil
Posté le 14-09-2009 à 16:16:25  
 

Oui effectivement, je suis d'ailleurs venu corriger mon oubli quand je l'ai remarqué ^^

answer
 Page :  1  2
Page Précédente 

Aller à :
Ajouter une réponse