Babylon Design

par Samuel Le Morvan

Chez vous aussi, utilisez un Web de qualité

Tutoriels Photoshop

Apprenez à maîtriser les rudiments d’Adobe® Photoshop® pour redonner de l’éclat à vos compositions graphiques !

Tutoriels Photoshop

Bouton Plasma

Un bouton d’une classe exceptionelle ! Un effet d’électricité « liquide » dans un bouton en verre. Créer aussi à l’aide d’ImageReady une animation incroyable.


  • Ouvrez un Nouveau Document avec un fond noir où une texture fonçée.

  • Sélectionnez en couleur de premier plan un bleu fonçé (ici: #002F47)
  • Avec l’outil Rectangle Arrondi dessinez une forme à peu près comme celle-ci

  • Ensuite, tout ce joue avec des Options de Fusion.
  • Appliquez un Contour Externe Noir de 2px.
  • Puis appliquez ces paramètres :

  • Puis une Lueur Interne :

  • Et enfin Satin :

  • Ajoutez votre texte en noir avec une Lueur Externe qui comporte ces paramètres :

Vous pouvez réaliser une superbe animation à l’aide d’ImageReady en jouant sur l’angle de l’Option de Fusion "Satin". Il suffit de varier l’angle de satin de 10 en 10 (commencez par exemple à -180° jusqu’à -170°). Mais attention au final l’animation est très lourde.


Ce que nos lecteurs en disent :

  1. Carida212

    Exellent tuto ;) , mais j’ai varié le satin de 5 à 5, pour que ce soit plus fluide, mais en rajoutant un calque pour écrire autre chose à chaque fois sans tout recommencer, c’est plus simple :D
    voila : img325.imageshack.us/img3…

  2. Pedro

    bonjour j ai fini l etape 6 de ton tuto mais la 7eme est vraiment trop complique car je ne vois pas comment faire avec image ready pourais tu me rentrer dans tes contacts msn pour que je t envoye mon dossier photoshop pour que tu me fasse la 7eme etape stp.

  3. Pedro

    bonjour

    je voudrai te demander un service
    pourais tu crée d autre tutos similaires
    a celui ci avec d autre effets. car il n existe que ce tuto de ce type sur internet …
    voila voila ca serai super si tu pourrais en faire de nouveau avec d’autre effets merci d’avoir lu le message ;)

  4. Babouin

    IL faut l’enregistrer en quoi JPEG, PSD …

  5. zaco

    comment faire l’animation avec imageready car j’ai fais tout les calque pour l’animaion mais je ne c’est pas comment procédé.
    merci d’avance zaco.

  6. zaco

    c’est bon j’ai trouvé et franchement bravo pour ce tuto vous étes vraiment des pro!!

  7. Salu

    Super tuto mais je ne trouve pas l’outil Rectangle Arrondi

  8. Juste

    Pourriez vous m’expliquer comment on fait pour l’animation? je ne suis qu’un débutant et j ne sais pas comment procéder… Merci d’avance
    PS: ce tuto est térrible chapeau bas

  9. darnkoys

    Salut , moi aussi je n’arrive pas a faire l’annimation ….. merci de me repondre vite , (je n’arrive pas faire varier les angle et tous)

    à+

  10. bloody

    Moi non plus :( je n’arrive pas a réaliser cette étape

    "Vous pouvez réaliser une superbe animation à l’aide d’ImageReady en jouant sur l’angle de l’Option de Fusion "Satin". Il suffit de varier l’angle de satin de 10 en 10 (commencez par exemple à -180° jusqu’à -170°). Mais attention au final l’animation est très lourde."

    la fusion satin m’incorpor seulement un voile noire sur mon image !

    svp aider moi !

  11. papayollo

    moi non plus :p ce serai sympas de nous répondre car pour moi en tout cas , c’est très important :(

  12. miange_midemon6@msn.com

    moi idem jai su faire le tuto avec photoshop mais question de image reader je ne connais pas alors je voudrai un peu d’aide merci et génial le tuto

  13. fixs

    salut, moi j’ai fai sof que j’ai prie toute l’iamge en couleur (#002F47) et c’est plutot simpas; je vous laisse juger:
    img245.imageshack.us/img2…

  14. cerium50

    J’arrive pas à trouver l’option satin, si quelqu’un peut m’aider ou me le faire ce serait sympa, sinon le début du tuto est super bien fait !

  15. webmaster

    on veux encore plus de tutos photoshop car les tiens son exelent ,merci d’avance

  16. 0kksyd

    super tutoriel admirez img65.imageshack.us/my.ph…
    ^^)
    merci maintenant je vais encore plus me la péter devant mes potes lol

  17. Phasmagun

    Salut! Voila le bouton plasma en evrsion ronde (mais plus long à réaliser l’animation):

    [url=imageshack.us][img=http:/…
    Shot at 2007-08-10

  18. Phasmagun

    Salut! Voial la version ronde du bouton plasma (animation plus longue):

    [img=img510.imageshack.us/img5…

  19. Phasmagun

    Salut ! Sorry pour ce lien mort !

    [URL=img363.imageshack.us/my.p…

  20. Phasmagun

    Bon la je c’est pas pourquoi ca fait ca !
    J’espere que cette foie ci sa va marcher!

    img363.imageshack.us/my.p…

Les commentaires sont clos.