Forum Anime-Kun

Général => Général Blabla => Discussion démarrée par: Elhian le 11 Août 2004, 22:10:10

Titre: Tutoriaux design
Posté par: Elhian le 11 Août 2004, 22:10:10
[size=8]Donc voilà, suite à la demande générale de moi même, j'ai décidé de créer un topic pour partager diverses  astuces concernant les différents logiciels d'infographie éxistant !!

Je vais commencer par vous montrer comment réaliser une comète ( selon Circé  :D ), mais je préfère largement le terme " étoile filante "; parce que une comète c'est dangereux pour l'environnement et comme je suis un écologiste qui aime les petits animaux de cette planète, je ne voudrais en aucun cas qui leur arrivent quoi que ce soit  :lol: !!

Donc pour réaliser ce petit tutorial vraiment basique, vous avez besoin de photoshop tout simplement !! J'utilise Photoshop elements 2.0 mais je pense que sur les versions récentes ca devrait pouvoir fonctionné de la même manière  ;)

I- Ouvrez un nouveau document de n'importe qu'elle taille, la taille de votre signature par exemple... Pour ma part j'ai choisi une hauteur de 140 pixels pour une largeur de 200 pixels !! une fois votre document créer, remplissez le de noir avec l'outil pot de peinture ^^!!

(http://bahamut-forever.chez.tiscali.fr/tuto/fe/01.jpg)

II- Maintenant, allez dans filtres ]] rendu ]] halo... Parametrez comme l'image ci dessous !! N'oubliez pas de placer votre effet au centre du document...

(http://bahamut-forever.chez.tiscali.fr/tuto/fe/02.gif)

Voici le rendu final de cette manip

(http://bahamut-forever.chez.tiscali.fr/tuto/fe/02.jpg)

Ensuite allez dans filtres ]] déformations ]] cisaillement, puis comme pour l'étape précédente, paramétrez les options comme vous l'indique l'image ci dessous !!

(http://bahamut-forever.chez.tiscali.fr/tuto/fe/03.gif)

Voilà ce que ca donne, vous avez la branche de votre étoile filante ^^

(http://bahamut-forever.chez.tiscali.fr/tuto/fe/03.jpg)

Maintenant refaites filtres ]] rendu ]] halo et parametrez comme l'image...

(http://bahamut-forever.chez.tiscali.fr/tuto/fe/04.gif)

Placez la bien a la pointe de votre branche !!

(http://bahamut-forever.chez.tiscali.fr/tuto/fe/04.jpg)

Voilà votre étoile filante est réaliser... si vous le voulez vous pouvez changez les paramétres de la couleur en appuyant sur ctrl + U !!

Cochez la case redefinir et changez la teinte, la saturation et la luminosité a votre guise !! Pour ma part j'ai choisi 209 en teinte; 20 en saturation; et - 13 en luminosité !!

Voilà ce que ca donne !!

(http://bahamut-forever.chez.tiscali.fr/tuto/fe/05.jpg)

Si vous avez un problème quelconque n'hésitez pas a me demander, je suis là pour ca  :) [/size]
Titre: Tutoriaux design
Posté par: Scalix le 11 Août 2004, 22:36:46
Bravo, tutorial impec, rien à dire, tu assures Hibiki ^^ Je suis fier de toi ^_^ Faudra que t'essayes d'actualiser ce topic, et si d'autres ont des tutos, allez-y, ça sera sympa en concordance avec le topic des sigantures, et puis faudra faire un topic request aussi pour ceux qui veulent que des membres fassent des signature (non payantes bien sur, sauf si vous insistez ^_^ ).  
Titre: Tutoriaux design
Posté par: Fettgans le 12 Août 2004, 08:59:46
Citer
...et puis faudra faire un topic request aussi pour ceux qui veulent que des membres fassent des signature (non payantes bien sur, sauf si vous insistez ^_^ ).
On va définir ça autrement... un topic request à l'intention des membres acceptant dans un geste de bonté de faire des signatures pour d'autres.

Que ceux faisant les requêtes sachent qu'un "non désolé" c'est un "NON, j'en ai ni l'envie ni les moyens!"

Parce qu'un deuxième topic de requête, s'il devient comme celui avec les gif, ça risque de pourrir un peu le forum.
(si vous voyez ce que je veux dire..)
Titre: Tutoriaux design
Posté par: Capitaine_Flam le 12 Août 2004, 12:33:59
je vais essayer de suite !!!

merci hibiscuit heu hibiki pardon

 ;)  
Titre: Tutoriaux design
Posté par: Scalix le 12 Août 2004, 14:47:43
Citer
merci hibiscuit heu hibiki pardon

Je fais semblant d'avoir trouver ça drôle ou je reste dans un silence gêné ?  :lol:  
Titre: Tutoriaux design
Posté par: Elhian le 12 Août 2004, 18:40:39
Citer
je vais essayer de suite !!!

merci hibiscuit heu hibiki pardon

 ;)
 [_[ clap clap  [-down]  
Titre: Tutoriaux design
Posté par: Asuka le 12 Août 2004, 20:19:55
Waaaaa Hibiki ton tuto est tout bonnement génial :rolleyes:   :D
Tu explique vachement bien en tout cas. Ca n a pas lair trop difficile a faire  :blink:  je vais essayer  ;)  :P

quelque minute plus tard: voila jai essayer et sa donne sa
(http://membres.lycos.fr/asuka13/etoile.jpg)

Bon je sais jia pas cadrer mais jai compris le principe  :D  c'est facile et c'est joli  :rolleyes:  :D

MERCI HIBIKI  :D  :D  :D  ;)

Par contre jai un tit calage avec la signature. Quand je fait cisaillement c tout la sign qui par t en couille  :'(  :'(  et pas juste l'etoile  :blink:  
Titre: Tutoriaux design
Posté par: Elhian le 12 Août 2004, 21:09:27
Je vais le refaire pour voir comment ca se goupille ton affaire il y a un truc qui cloche !!

Bon je l'ai refait et il marche tres bien mon tuto  :( Tu dois avoir un probleme au niveau de ton cisaillement et de la grosseur de ton halo ^^ !! Sinon pour la pointe de ton étoile filante centre le bien, parce que là, la tienne, est décalée par rapport à l'angle de ta branche !! ( tout est question de calcul scientifique asuka)...  

Enfin je ne sais pas si je m'explique bien mais pour moi ca me semble tellement facile de le faire !!

Euh sinon pour toute ta sign, c'est normal il faut que tu crée un nouveau calque  :lol: pas appliquer le cisaillement sur toute ta signature ( c'est logique qu'elle part en couille sinon  :lol: ) mais juste sur ton claque pour ensuite poser le calque sur ta signature  :rolleyes: !! :wOOt:

Ps: Je planche pour vous montrer comment faire un super fond étoilé ^^, alors restez sur écoute  :P [[ Hibiki FM ( 101.7 )  :D
Titre: Tutoriaux design
Posté par: Asuka le 12 Août 2004, 21:52:00
Citer
Euh sinon pour toute ta sign, c'est normal il faut que tu crée un nouveau calque  :lol: pas appliquer le cisaillement sur toute ta signature ( c'est logique qu'elle part en couille sinon  :lol: ) mais juste sur ton claque pour ensuite poser le calque sur ta signature  :rolleyes: !! :wOOt:
a okiiiiiii sa va jesay-yerai demain alors
merci  ;)  
Titre: Tutoriaux design
Posté par: Elhian le 12 Août 2004, 22:31:33
[size=8]Bon un tuto qui permet de réaliser un effet pas trop compliqué... Comment je pourrais appeler cela !! Ah le terme de filigrane me parait être le terme exact  :lol:

Pour ce tuto, je me suis permis d'utiliser la sign de Asuka  :rolleyes: ( en esperant, que cela ne la genes pas  :) )

I - Alors ouvrez un nouveau document de 2 pixels de hauteur et de 2 pixels de largeur en mettant le fond du calque en transparent comme l'indique cette image  ;)

(http://bahamut-forever.chez.tiscali.fr/tuto/scan/01.gif)

Une fois le document crée, agrandissez votre calque à 800 % ( ctrl + espace pour agrandir et ctrl + alt + espace pour rétrecir !! ), puis reproduisez l'image  ;) [[ rectangle de selection au milieu du carré avec un fond noir !!

(http://bahamut-forever.chez.tiscali.fr/tuto/scan/02.gif)

Maintenant allez dans edition ]] utiliser comme motif !! renommez la ( filigrane par ex )... et appliquez...

Maintenant ouvrez votre signature, puis crée un nouveau calque !! calque ]] nouveau ou ( maj + ctrl + N )...
Ensuite mettez le en mode produit avec une opacité de 50 % ( vous pouvez bien sur modifiez l'opacité comme bon vous semble selon l'effet souhaité !!

(http://bahamut-forever.chez.tiscali.fr/tuto/scan/03.gif)

Maintenant allez dans edition ]] remplir... La fenetre suivante apparait !!

(http://bahamut-forever.chez.tiscali.fr/tuto/scan/04.gif)

Mettez sur motif, comme sur mon image, puis selectionnez le motif que vous venez de créer !!... Voilà ca donne ceci en rendu final !!

(http://bahamut-forever.chez.tiscali.fr/tuto/scan/05.gif)

Comparer avec l'image initiale !!

(http://bahamut-forever.chez.tiscali.fr/tuto/scan/06.gif)

Voilà j'ai fini, baissez votre opacité si les lignes vous paraissent trop noirs !! ou vice versa  ;)
[/size]

Ps: une derniere chose car mon tuto je l'ai fait rapidement car je n'avais pas trop le temps... Pensez a rajouter votre texte par dessus l'effet sinon celui ci sera illisible !! Voilà, demain un joli tuto sur un fond étoilé !! Sur ce bonne nuit chers animekuniens  :P  
Titre: Tutoriaux design
Posté par: Scalix le 13 Août 2004, 22:37:37
Eh bien qu'attendez-vous, vous, experts du graphisme ? Montrez nous vos tutoriaux !  
Titre: Tutoriaux design
Posté par: Elhian le 13 Août 2004, 23:07:02
Aussi faites nous part de vos requete !! J'aimerais réaliser des signatures mais pas pour moi  ;)

J'a n'ai toujours pas fini le tutorial sur le fond étoilé... J'y travaille, mais je dois avouer qu'il est long... et j'essaie de rentrer dans des détails très explicites qui permet de le realiser le plus facilement possible !!
Titre: Tutoriaux design
Posté par: Capitaine_Flam le 14 Août 2004, 04:29:31
Citer
Aussi faites nous part de vos requete !! J'aimerais réaliser des signatures mais pas pour moi  ;)

J'a n'ai toujours pas fini le tutorial sur le fond étoilé... J'y travaille, mais je dois avouer qu'il est long... et j'essaie de rentrer dans des détails très explicites qui permet de le realiser le plus facilement possible !!
j'ai hate; ce sera encore un tuto toshop ou ce sera aussi un tuto paint shop ?
pour le premier tuto je suis quasiment arriver a faire ma comete,en cherchant au hasard dans paint (les noms change un brin) mais y a vraiment trop d'effet possible je m'y perd (et j'essaye de les faire tous ce qui fait tres art abstrait a la fin)

P.S: desole pour plus haut c'est parce que je .. enfin ... des fois ... bref
*hem*
 
Titre: Tutoriaux design
Posté par: Elhian le 14 Août 2004, 11:26:58
Citer
Citer
Aussi faites nous part de vos requete !! J'aimerais réaliser des signatures mais pas pour moi  ;)

J'a n'ai toujours pas fini le tutorial sur le fond étoilé... J'y travaille, mais je dois avouer qu'il est long... et j'essaie de rentrer dans des détails très explicites qui permet de le realiser le plus facilement possible !!
j'ai hate; ce sera encore un tuto toshop ou ce sera aussi un tuto paint shop ?
pour le premier tuto je suis quasiment arriver a faire ma comete,en cherchant au hasard dans paint (les noms change un brin) mais y a vraiment trop d'effet possible je m'y perd (et j'essaye de les faire tous ce qui fait tres art abstrait a la fin)

P.S: desole pour plus haut c'est parce que je .. enfin ... des fois ... bref
*hem*
Oui, désolé capitaine flam, mon tuto sera avec photoshop !! C'est le meilleur logiciel de retouches photos, y'a pas a tortiller  :D  
Titre: Tutoriaux design
Posté par: grabouh le 14 Août 2004, 12:27:01
Citer
Aussi faites nous part de vos requete !! J'aimerais réaliser des signatures mais pas pour moi  ;)

J'a n'ai toujours pas fini le tutorial sur le fond étoilé... J'y travaille, mais je dois avouer qu'il est long... et j'essaie de rentrer dans des détails très explicites qui permet de le realiser le plus facilement possible !!
Bah, y avait qu'à demander !!! Je suis volontaire pour qu'on me réalise une sign... ^^
Avec RahXephon, Noir et Cowboy Bebop (et aussi Evangelion...).
Sinon, y a Love Hina et Ah ! My Godess... pour une autre sign
Bah oui, les groupes que j'ai fait ne pourront jamais se mélanger ensemble... Ou alors y a un risque à prendre !

Voilà, voilà ! Et je les enverrais où les images ?  :unsure:

EDIT : Ah non !!! C'est bon, l'ami Krapador a fini avant qu'il ne parte la signature que je lui ai demandée !
Donc ne tenez pas compte de ce post inutile...  :ph34r:  
Titre: Tutoriaux design
Posté par: Elhian le 14 Août 2004, 14:21:29
Citer
Citer
Aussi faites nous part de vos requete !! J'aimerais réaliser des signatures mais pas pour moi  ;)

J'a n'ai toujours pas fini le tutorial sur le fond étoilé... J'y travaille, mais je dois avouer qu'il est long... et j'essaie de rentrer dans des détails très explicites qui permet de le realiser le plus facilement possible !!
Bah, y avait qu'à demander !!! Je suis volontaire pour qu'on me réalise une sign... ^^
Avec RahXephon, Noir et Cowboy Bebop (et aussi Evangelion...).
Sinon, y a Love Hina et Ah ! My Godess... pour une autre sign
Bah oui, les groupes que j'ai fait ne pourront jamais se mélanger ensemble... Ou alors y a un risque à prendre !

Voilà, voilà ! Et je les enverrais où les images ?  :unsure:

EDIT : Ah non !!! C'est bon, l'ami Krapador a fini avant qu'il ne parte la signature que je lui ai demandée !
Donc ne tenez pas compte de ce post inutile...  :ph34r:
Si tu m'envoie les images sur msn, je me laisserai bien tenté  :lol:... Après avoir fini le tutorial sur le ciel étoilé, je pourrais m'y coller !!...

Voilà et ton post il n'est pas inutile  ;)

Edit: Surtout pour la sign de love hina et ah my goddess !! car j'adore ces animes  B)  
Titre: Tutoriaux design
Posté par: YoYa le 14 Août 2004, 20:37:50
Salu, comme asuka veux savoir comment je fais quelque effet^^ j'en ferai un tuto dans ce cas la :D  
Titre: Tutoriaux design
Posté par: Elhian le 14 Août 2004, 22:18:04
Citer
Salu, comme asuka veux savoir comment je fais quelque effet^^ j'en ferai un tuto dans ce cas la :D
Tres bonne initiative Yoya, je suis impatient de voir ton tuto !!  ;)  
Titre: Tutoriaux design
Posté par: YoYa le 15 Août 2004, 12:32:49
Tuto tourbillion FX^^

Donc,

-Cree un nouveau document

-Cree un nouveau calque

Prenez l'outils dégradé réfléchi en mode différent (http://membres.lycos.fr/yoyaze/outils.jpg)

ce qui donne:

(http://membres.lycos.fr/yoyaze/fait.jpg)

-filtre -] déformation -] tourbillon:

angle: 120

(http://membres.lycos.fr/yoyaze/tourbillon..jpg)

ensuite dupliquez le calque

filtre -] déformation -] tourbillon

angle: -200

Mettez ce calque en mode produit

(http://membres.lycos.fr/yoyaze/fini.jpg)

voualou :D
Titre: Tutoriaux design
Posté par: Elhian le 15 Août 2004, 14:50:35
Pour pas prendre trop de place, je l'ai mis sur une page web !!

Voici l'adresse, amusez vous bien  :D

http://bahamut-forever.chez.tiscali.fr/tut...oile/index.html (http://bahamut-forever.chez.tiscali.fr/tuto/fondetoile/index.html)

Pour toutes questions, n'hésitez pas !!
Titre: Tutoriaux design
Posté par: Scalix le 15 Août 2004, 15:02:01
Encore un excellent travail ça Hibiki ^^ Félicitations ^^  
Titre: Tutoriaux design
Posté par: Fettgans le 15 Août 2004, 15:09:40
Félicitation pour tout ce beau boulot ^^
Titre: Tutoriaux design
Posté par: Asuka le 19 Août 2004, 20:29:25
Citer
Pour ce tuto, je me suis permis d'utiliser la sign de Asuka  ( en esperant, que cela ne la genes pas  

Ben non sa me fait plaisir que ma sign servent a quelque chose  ;)  :P

Merci Yoya pour ton tuto   ;)  B)
Titre: Tutoriaux design
Posté par: soufieN le 24 Août 2004, 19:53:38
Merci a tous pour vos tutoriaux! ;)
Je vais allez en essayer!
Et je vais reflechir si je connais quelques petites manip qui sont sujet a en faire des tutoriaux!^^
Titre: Tutoriaux design
Posté par: Asuka le 25 Août 2004, 00:45:53
Il est genial ton tuto Hibiki ;)  comme je suis pas souvent chez moa je lai pas encore esayer mais jesseirai dès que possibl  :)  :)  
Titre: Tutoriaux design
Posté par: Kaizen le 29 Août 2004, 18:28:27
Pour apprendre a faire des planète, nébuleuse, ciel étoilé etc... Il y a ce site qui est pas mal.

http://www.ayreon-seven.com/Photoshop.html (http://www.ayreon-seven.com/Photoshop.html)
Titre: Tutoriaux design
Posté par: Asuka le 29 Août 2004, 19:40:02
Il ets aps mal ce lien merci Kaizen c'est gentil  :)  ;)  Et puis sa alair très bien expliquer aussi  :rolleyes:

3 jours lus tard:Ben pk y plus personne qui met des tutos  :(  :ph34r:  :'(  :'(


eu Yoya jai un tit probleme ave on tuto ( des le debut  [_[  :blink:  :P ) tu dis :'Prenez l'outils dégradé réfléchi en mode différent' mais je nobtient pas du tout la meme chose  :'(  

enfait je met le dégrader comme c'est mis pui a coter d emode je met: différence mais le réfléchi je vois pas ou il er  :(  :(  :ph34r:  :'(  
Titre: Tutoriaux design
Posté par: Radical_Edward le 06 Septembre 2004, 15:25:19
Bon bien sur j'arrive apres la bataille comme d habitude  :D

Sinon je vait essayer un mélange des tutos de Hibiki et de celui du site a Kaizen (surtout la planète elle est pas mal)

vous avez pas interret a rire paske ce sera mon 1er! [-blush]

et a mon avis je v mettre du temps (virer PSP, dl et install photoshop, et peut etre essayer de faire ce que j ai dit... :rolleyes: )
Titre: Tutoriaux design
Posté par: Radical_Edward le 06 Septembre 2004, 22:02:31
:blink: j aurait jamais cru que photoshop soit aossis simple!!!

et voici en avant premiere ma nouvelle sign  [-blush]  [-blush]

(http://virusfr.free.fr/bann1perso.jpg)

en tt cas je me suis bien amusé pour la faire (et on dit merci Hibiki pour les tutos :D )

alors elle est bien???? [-blush]  :'(  
Titre: Tutoriaux design
Posté par: Metatron le 06 Septembre 2004, 22:10:43
Comment dire... je trouve que ca fait bizarre que des persos si rapprochés soient à la même échelle... Ca donne ne impression étrange... (surtout lain en faait qui est plus grosse que hinata bien qu'étant derrière...)
Sinon, le fond est très bien!
Qui est la fille blonde de droite?
Titre: Tutoriaux design
Posté par: Radical_Edward le 07 Septembre 2004, 02:07:24
:o j avait meme pas fait gaffe! ^^

sinon la blonde c la version "mangatisée" de Rikku de final fantasy 10

vu que g gardé la version .psd de la signe je v la modifier pour mettre lain devant^^ (non non elle avait pas grandie autant^^)

....euhh je ferait ca demain! la il est 2heures et quart du mat! je verrait + tard!
Titre: Tutoriaux design
Posté par: Radical_Edward le 07 Septembre 2004, 18:49:21
c vrai que c mieux comme ca^^
Titre: Tutoriaux design
Posté par: Scalix le 07 Septembre 2004, 20:40:30
Je ne sais pas si les autres sont d'accord avec moi mais...Je trouve ta signature très jolie mais un peu encombrante.  
Titre: Tutoriaux design
Posté par: Jacky Choun le 07 Septembre 2004, 20:45:50
Citer
Je ne sais pas si les autres sont d'accord avec moi mais...Je trouve ta signature très jolie mais un peu encombrante.
T modo, c toi qui vois :rolleyes: Sur l'écran, ca passe. Après, c vrai que les 135676 oktets correspondent peu aux standards voulus par le site
Titre: Tutoriaux design
Posté par: Scalix le 07 Septembre 2004, 21:33:17
Citer
T modo, c toi qui vois
Si je suis le seul à m'en plaindre, je préfère laisser, on est en démocratie que je sache !  
Titre: Tutoriaux design
Posté par: Diyo le 07 Septembre 2004, 21:41:05
Non désolé Radical_Edward... ta signature est trop lourde (et un peu trop grande à mon goût^^).
Tu approches les 200Ko avec ta sign et ton avatar et comme le dit jacky, ça ne correspond pas aux standards du site. A savoir, un total maxi de 100Ko.

Va falloir travailler encore un peu dessus^^
Titre: Tutoriaux design
Posté par: Metatron le 07 Septembre 2004, 22:18:45
C'est vrai qu'elle rends beaucoup mieux comme celà cette sign, quand lain est devant^^ ca enlève le coté perturbant et désagréable qu'il y avait avant.
Mais, ils ont raison, elle prend trop de place...
Titre: Tutoriaux design
Posté par: Radical_Edward le 08 Septembre 2004, 13:46:04
Loooool c normal j avait enregistré avec qualité max!
now elle fait 84,2 Ko c est mieux je trouve^^
j en ai profité pour rajouter un effet transparent sur les persos(mais bon comme je disait c etait mon premier contact avec photoshop donc pour un début je trouve ca bien qd meme)

PS: de toutes facon l image est stoquée sur mon ftp perso et sur le site y a que des raccourcis genre (IMG]http://virusfr.free.fr/bann1perso.jpg(/IMG] donc le site stoque seulement mon avatar
Titre: Tutoriaux design
Posté par: Fettgans le 08 Septembre 2004, 14:00:50
Citer
PS: de toutes facon l image est stoquée sur mon ftp perso et sur le site y a que des raccourcis genre (IMG]http://virusfr.free.fr/bann1perso.jpg(/IMG] donc le site stoque seulement mon avatar
oui mais en fait, c'est surtout que pour l'affichage du forum soit rapide que l'on demande cela
plusieurs membres sont en 56k malheureusement ;)
Titre: Tutoriaux design
Posté par: Radical_Edward le 08 Septembre 2004, 14:02:01
Ah ok ba 86Ko c sur que ce sera mieux dans ce cas la^^

PS: tiens Diyo je l ai refaite now elle prends plus que 58,8 Ko ^^