50 utilisateurs inconnus

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

[Tuto Photoshop / Imageready] Sign ou bouton à effet Plasma

 
n°3609
jujugx
Profil : New Penguin
Avatar
profil
Posté le 08-01-2006 à 21:45:20  
 

Alors voila je vais vous apprendre a réaliser l'effet de ma sign actuelle  :wink:

 

Ce tuto appartient au site : http://www.babylon-design.com

 

Mais je vais y apporter quelques modifications  :wink:

 

Bien commençons !^^

 


----------1----------

 

Pour commencer allez dans Fichier > Nouveau document (assurez vous bien que votre document est en mode RVB !!!;)
Mettez la taille qui vous convient pour votre document (ne pas abuser car sinon la taille de la sign/bouton sera très lourde)

 

http://img467.imageshack.us/img467/4338/screen9po.jpg

 


----------2----------

 

Ensuite double cliquez sur le calque Arrière plan (le seul calque) pour le déverouiller
Puis avec l'outil Pot de peinture, remplissez le de noir

 

http://img467.imageshack.us/img467/9673/screen28bk.jpg

 


----------3----------

 

Maintenant creez un nouveau calque et prenez l'outil Rectangle aux bord arondis

 

http://img389.imageshack.us/img389/2057/screen37ww.jpg

 

Et tracez un rectangle de couleur foncé (moi j'utilise la couleur ayant pour code : 002F47 )

 

Verifiez bien que la valeur du Radius (en anglais dsl) est entre 30 et 50 pour avoir des bords bien rond et que le mode de tracé est "plein" (Voir screen)

 

http://img359.imageshack.us/img359/1456/screen45gl.jpg

 


----------4----------

 

Maintenant pour avoir la texture "plasmique" tant désirée , on va jouer avec les options de fusion  !ero
Cliquez donc sur cette icone : http://img446.imageshack.us/img446/8727/03b6nv.gif

 

et suivez les screens  :wink:

 

http://img446.imageshack.us/img446/7637/03a9rc.gif

 

http://img446.imageshack.us/img446/7543/04a0wr.gif

 

http://img446.imageshack.us/img446/1843/05a4ou.gif

 


Vous devriez obtenir ceci :

  

http://img502.imageshack.us/img502/4936/screen56tk.jpg

  

----------5----------

 

Maintenant ajoutons du texte  (a)

 

Appuyez sur la touche D pour remettre les couleurs pas default
Prenez l'outil texte !paf
Ecrivez ce que vous voulez et ensuite aller dans les options de fusion du calque texte (le même icone que en 4) et mettez ces reglages :

 


http://img446.imageshack.us/img446/9451/06a0vp.gif

 

Voici où nous en sommes :

 

http://img472.imageshack.us/img472/2120/screen61pw.jpg

 


----------6----------

 

On va ajouter un contour a notre bouton / bannière
Creez un nouveau calque au dessus de tout les autres
Maintenez la touche CTRL enfoncée et cliquez sur le calque de votre rectangle (ça aura pour effet de selectionner que le rectangle)
Aller ensuite dans EDITION > CONTOUR et mettez ces reglages :

 


http://img399.imageshack.us/img399/3789/screen78cd.jpg

 


Vous pouvez maintenant supprimer le calque "Arrière plan"  :wink:

 


----------7----------

 

On passe maintenant à l'animation !!!!  !ero

 

transférez votre bouton/sign sur imageready en appuyant sur le bouton fait pour ça !paf (voir screen)

 


http://img434.imageshack.us/img434/6030/screen86lj.jpg

 


----------8----------

 

Maintenant que vous êtes sur ImageReady verifiez bien que la fenêtre d'animation est visible sinon aller dans Fenêtre > Animation

 

http://img434.imageshack.us/img434/9371/scree12vn.jpg

 


----------9----------

 

Maintenant pour animer cliquez sur le bouton "dupliquer la frame" (voir screen)

 

http://img370.imageshack.us/img370/4043/scree24vn.jpg

 

Ensuite aller dans les options de fusion de votre rectangle et changez l'angle du Satin de -10° (dans le screen de -40° à -50° donc)

 

http://img370.imageshack.us/img370/4479/scree33cj.jpg

 


Recommencez ensuite l'étape 9 en changeant encore de -10°
Faites la manip jusqu'a arriver à 18 frames. (à la fin j'arrive à 150°)

 


----------10----------

 

Maintenant SI vous voulez ralentir un peu le rythme de votre animation ,selectionnez la premiere frame puis maintenez la touche SHIFT enfoncée (la touche majuscule quoi) et cliquez sur la dernière frame
Toutes les frames sont ainsi selectionnées
Ensuite cliquez sur 0 sec (le délai en dessous de chaque frame) et mettez 0,1 secondes

 

http://img370.imageshack.us/img370/4959/scree42hz.jpg

 

Voila c'est fini maintenant il ne vous reste plus qu'a enregistrer votre animation en faisant : Fichier > Enregistrer l'optimisé sous....

 


----------Résultat----------

 

http://img427.imageshack.us/img427/361/banntuto0py.gif

 


A vous maintenant !  !clas

   


---BONUS--- : Si la couleur ne vous plait pas, à la fin de  l'étape 5, reselectionnez votre calque rectangle et faites CTLR + U, et ainsi en bougeant les curseurs la couleur changera .

  

Voila normalement les images devraient fonctionnées :cool:

answer
mood
GoogleAds
profil
Posté le 08-01-2006 à 21:45:20  
 

answer
n°3610
NueX
Profil : Big Penguin
Avatar
profil
Posté le 08-01-2006 à 21:51:51  
 

tes sreens ne marche pas...

answer
n°3611
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 08-01-2006 à 21:59:10  
 

Y a celui là qui a été fait dans le même style : tuto

answer
n°3612
jujugx
Profil : New Penguin
Avatar
profil
Posté le 08-01-2006 à 22:02:00  
 

Les images sont réparées
Et comme précisé dans mon autre tuto je sais qu'il y en a déja un de fais mais j'ai un peu plus détaillé surtout au niveau de l'animation :lol:

 

Si j'ai fait une bétises et bien je laisse les modéros locker ou supprimer :fouet:

answer
n°3614
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 08-01-2006 à 22:08:31  
 

C'était juste pour le signaler. :smile:
Ton tuto a l'air bien fait et plus précis. Immanquablement au niveau de l'animation en tout cas.

 

Bravo ! :great:

answer
n°3617
Felipe
Profil : New Penguin
Avatar
profil
Posté le 09-01-2006 à 12:27:02  
 

Vraiment très sympa ce tuto, ca me donne envie de toucher à l'animation... décidement il faut que je m'y mette...

 

:jap:

answer
n°3619
Speg
Profil : Top Penguin
Avatar
profil
Posté le 09-01-2006 à 15:37:28  
 

Ouah, le résultat de fin est superbe :oh:

answer
n°3622
biddebad
Profil : Penguin
Avatar
profil
Posté le 09-01-2006 à 16:50:10  
 

Super Sora trés bon tuto .tu est le king de l'effect plasma  :cool: !!!!!!!! :he:

answer
n°3626
jujugx
Profil : New Penguin
Avatar
profil
Posté le 09-01-2006 à 19:24:12  
 

Citation :

Super Sora trés bon tuto .tu est le king de l'effect plasma  :cool: !!!!!!!! :he:

 

Lool ça je ne sais pas  :he:
Mais je suis venu sur ce forum pour améliorer mon graphisme :wink:
Car niveau animation ça peut aller :oui:

answer
n°3638
Darkyaya
Profil : New Penguin
Avatar
profil
Posté le 09-01-2006 à 21:44:09  
 

Sora,

 

j'ai trouvé ton tuto vraiment très intéressant et très beau avec des explications très claires...  :great:

 

Pour un débutant tel que moi, je trouve ça fantastique...

 

Merci beaucoup   :smile:

 


Voici le résultat:

http://www.crystalxp.net/forum/uploads/sm/post-9742-1136839275_thumb.jpg

answer
n°3639
jujugx
Profil : New Penguin
Avatar
profil
Posté le 09-01-2006 à 21:49:20  
 

Darkyaya a écrit :

Sora,

 

j'ai trouvé ton tuto vraiment très intéressant et très beau avec des explications très claires...  :great:

 

Pour un débutant tel que moi, je trouve ça fantastique...

 

Merci beaucoup   :smile:
Voici le résultat:

http://www.crystalxp.net/forum/uploads/sm/post-9742-1136839275_thumb.jpg

 

et bien il est parfait  :cool:

answer
n°3641
Felipe
Profil : New Penguin
Avatar
profil
Posté le 10-01-2006 à 10:15:26  
 

Et voilà ma toute dernière signature animée... l'effet n'est pas trop prononcé mais c'est fait exprès !!!

 

:cool:  Merci Sora pour ton excellent tuto !!!

 

:jap:

answer
n°3642
MasterCloud
Youkaïdi, youkaïda.
Profil : Animateur
Avatar
profil
Posté le 10-01-2006 à 10:20:43  
 

Genial ce tuto !
[HS] Sora sur ton avatar + sign c'est pas Kakashi Hatake ? je suis fan de Naruto et je me permet de te demandé où puis-je trouver des images à coloriser sous toshop ! Merci ! :wink: [/HS]

answer
n°3655
jujugx
Profil : New Penguin
Avatar
profil
Posté le 10-01-2006 à 17:06:09  
 

darking a écrit :

Genial ce tuto !
[HS] Sora sur ton avatar + sign c'est pas Kakashi Hatake ? je suis fan de Naruto et je me permet de te demandé où puis-je trouver des images à coloriser sous toshop ! Merci ! :wink: [/HS]

 

[HS] Oui c'est une de mes dernières sign avec hatake kakashi :smile:
Je l'ai faites animée et en plus grande mais pour ce forum j'ai fais une version réduite :boulay:
La vrai version :
http://img440.imageshack.us/img440/5168/bannsoraanbu29zb.gif
J'ai fait des effets de cristalisation appris grace a ce forum :smile:

 

Sinon pour les images a coloriser et bien ça dépend
Si tu veux les scans pour ensuite les coloriser et bien va ici : NarutoTrad
Et ici si tu veux des fanarts : TheGreatChronos

 

[/HS] :fouet:

answer
n°3657
MasterCloud
Youkaïdi, youkaïda.
Profil : Animateur
Avatar
profil
Posté le 10-01-2006 à 17:09:48  
 

Merci Sora ! :wink:

answer
n°3663
Speg
Profil : Top Penguin
Avatar
profil
Posté le 10-01-2006 à 19:47:07  
 

Tient au fait, j'aurait une question :
peut on faire exactement le même effet, mais en changeant juste la couleur de l'effet plasma? Par exemple, pour ce que je voudrait, faire un effet plasma rouge au lieu de bleu.
J'aurait aussi une autre question, moi j'ai adobe photoshop CS2, tout ce passe bien j'usqu'a le moment ou on doit dupliquer les calque pour augmenter le satin. Eh bien je fait tout ca, mais toi tu marque que il faut en faire 18 (des frames) et ensuite tu dit que tu t'arrete a 150. Moi, si je m'arrete a 150, ca ne fait que 11 frames et le resultat est pas tres beau... Apres si je veut faire 18 frames, il me dit que le maximum est -180 degré donc du coup, je peut aller que j'usqu'a 13 frames.
Voila si quelqun pouvait m'aider pour ses 2 question ce serait genitl :cool:
Merci d'avance.

answer
n°3665
Bounce
Profil : Penguin
Avatar
profil
Posté le 10-01-2006 à 20:59:49  
 

tu fait parti d ela mirage team mec ?

 

jsuis un fan de naruto ^^

 

sinon jvai tenter le tuter, bien jouer a toi  :he:

answer
n°3667
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 10-01-2006 à 21:21:28  
 

salut merci pour le tuto sora je me demandais comment fallais faire  :he:  et tu fais partie de la mirage team ? moi aussi je suis fan de naruto j'ai bien aimer le 166 et le 167 pour le 166 j'ai bien aimer l'année du chien enfin le debut , lol ou naruto dit bonne année etc...  :he:

 

PS: fais gaffe ton style SMS Bounce :ouch:

answer
n°3668
NueX
Profil : Big Penguin
Avatar
profil
Posté le 10-01-2006 à 21:27:32  
 

Faut ouvrir un topic manga....

answer
n°4029
malfrax
Profil : Penguin
Avatar
profil
Posté le 25-01-2006 à 13:52:23  
 

salut,
je fait cette effet sa rendais suepr bien, sauf que j'ai voulu changé la police, apres j'ai refait toute les meme manip, et des que j'ai voulu enregistre mno animation, j'ai afit enregistré une copie optimisée sous. . ., puis sa me la enregistré dans le dossier images,e t sa me al coupée en plusieur morceaux, vous savez pourquoi ??

answer
n°4420
Rytux
Profil : New Penguin
Avatar
profil
Posté le 05-02-2006 à 17:41:28  
 

Ah Sora tu es aussi la, ca fait plaisir, j'ai posté un com' sur ton topic Comment faire une banniere  ¤ Version 2¤, @ +

answer
n°4785
Dark-Cloud
Profil : New Penguin
Avatar
profil
Posté le 16-02-2006 à 10:06:56  
 

Salut, je suis un newbie et aussi un débutant dans adobe photoshop...
Merci -Sora- pour ce tutoriel, il est génial :cool: ,voila ce que j'ai fait:
http://img95.imageshack.us/img95/152/plasmatexte8rd.gif

answer
n°4889
Mato14
Profil : New Penguin
Avatar
profil
Posté le 18-02-2006 à 11:34:55  
 

Terrible tutorial

 

J'ai fais un petit truc pour montrer http://img210.imageshack.us/img210/7592/plasma4zd.gif

answer
n°4892
Tatice
Borsalino Gang
Profil : Penguin Pro
Avatar
profil
Posté le 18-02-2006 à 13:11:54  
 

Bravo tous les deux, vos signatures sont réussies.
:ar: Dark-Cloud, tu devrais prendre une police plus originale. :wink:

answer
n°4897
Eragny
Profil : Penguin Pro
Avatar
profil
Posté le 18-02-2006 à 13:51:15  
 

Et si on veut faire ça avec un cercle, ça le fait ? Parce que j'ai essayé la premiere partie avant l'animation, eh bien ça me fait un truc bizarre...

  


EDIT : avec un cercle, ça donne ça...  :cry:
Re Edit, voila avec un rectangle aux bords arrondis, mais j'aurais bien aimé que ça marche avec un cercle...

answer
 Page :  1  2  3
Page Précédente 

Aller à :
Ajouter une réponse