Effet « Aqua » sur du texte ou une image - Fireworks

Posté par Nest dans Tutoriels | 27 jan 2009 à 16:49 0

L’effet “Aqua est un effet très en  vogue en ce moment chez les webdesigners. Il consiste en un effet de dégradé et de transparence en miroir en dessous d’un objet.

Commencez par créer un nouveau document sur fond uni (sombre de préférence) sous Fireworks pour avoir une bonne lisibilité de l’effet. Nous allons faire la démonstration avec un logo, pour bien voir le rendu à la fois sur du texte, et sur une image.

Aqua1

Ensuite, vous devez créer l’effet en lui-même. Commencez par dupliquer votre logo, placez le en dessous du premier, et renversez le verticalement (Modification / Transformer / Renverser verticalement).

Aqua2

Créez ensuite un rectangle blanc de la taille de votre image et placez le dessus. Passez le en dégradé linéaire, et modifier le sens de dégradé en vertical jusqu’au point où vous voulez que l’effet s’arrête. Enfin, passez la couleur de départ en blanc, opaque à 60%, et celle de fin en blanc, opaque à 0%.

Aqua3

Sélectionnez le rectangle et l’image en dessous, et appliquez le rectangle en masque : Modification / Masque / Coller en tant que masque.

Aqua4

Faites les réglages éventuels jusqu’à ce que le résultat vous convienne, et finissez par appliquer un flou gaussien assez léger sur l’objet créé (1,5 dans l’exemple), pour ajouter un peu de réalisme à l’effet.

Aqua5

Et voilà, votre effet « Aqua » est prêt !

Aqua6

Exemple à télécharger ici : effet-aqua

Partager:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BlinkList
  • blogmarks
  • De.lirio.us
  • Design Float
  • LinkedIn
  • Netvouz
  • StumbleUpon
  • Technorati

Pas de commentaires

pour “Effet « Aqua » sur du texte ou une image - Fireworks”

Envoyer un commentaire

Vous devez être connecté pour envoyer un commentaire.