Créer une bannière animée pour votre site

CRéER UNE BANNIèRE ANIMéE POUR VOTRE ...
> GESTION DE VOS FAVORIS <
> SUPPORT GOLD <

navigation rapide
.: Retourner aux tutoriaux photoshop :.
ou
.: Retourner aux tutoriaux Créer un site WEB :.
ou
.: à l'accueil du site :.

Gestion des favoris
Gérez vos favoris en toute simplicité, classez-les, notez-les et retrouvez vos tutoriels
favoris en un seul clic.
Pour utiliser cette fonctionnalité vous devez être membre GOLD
Déja membre GOLD, cliquez-ici pour vous connecter / Inscription et informations Cliquez-ici

Bonjour

Nous allons voir à travers ce tutorial photoshop, comment créer une bannière animée avec photoshop et ImageReady

ouvrez un nouveau document de 468 par 60px.

Votre document étant ouvert appliquez-lui le fond que vous souhaitez

A l'aide de l'outil "texte" tapez le texte dont vous avez besoin puis validez

Dupliquez votre calque de texte

Masquez le calque précédent

Récupérez l'outil "texte" puis modifiez le texte

Répétez l'étape de 3 à 6 afin d'obtenir les messages que vous souhaitez.J'ai volontairement réactivé tous mes calques de texte pour vous montrer que chacune des phrases doit ètre sur un calque différent
Maintenant passons à ImageReady en cliquant sur l'icone en bas à gauche de votre barre d'outils

Dans ImageReady, activez la fenêtre animation.Pour cela faites Fenêtre-->Animation,

Nous allons voir maintenant en image comment donner un effet de déplacement allant de la gauche vers la droite à votre texte.Suivez scrupuleusement les informations des infos bulles.

Maintenant nous allons créer un effet donnant l'impression que votre texte apparait petit à petit.

je vous conseille de vérifier réguliérement votre travail dans votre navigateur en faisant Fichier-->Apercu dans-->iexplorer

Vous savez maintenant créer une bannière animée à l'aide de photoshop cs et ImageReady.

Retrouvez vos tutos Favoris de partout en un seul clic de souris

De partout sur le site retrouvez vos tutoriels favoris en un seul clic grâce à l'onglet "gestion des favoris"

classez vos tutoriels préférés en un seul clic de souris

Ajoutez vos tutoriels favoris dans notre base de données en lui attribuant une note personnelle de 1 à 5.
Ne perdez plus vos favoris à cause d'un formatage windows puisque ceux-ci sont sauvegardés chez nous !!!

D'un seul clic accédez aux meilleurs de nos tutoriels

Une idée de montage vous vient à l'esprit ? mais vous ne savez plus comment faire ?
Heureusement que vous aviez pensé à ajouter l'effet concerné à vos favoris !!!
Un clic et c'est parti ...

Vous avez du mal à réaliser un de nos tutoriels ?
Un problème materiel ou un problème de paramètrage de photoshop ?

Tant de questions que nous vous aiderons à résoudre dans un Forum dédiè dans un délai de 48h00

COMMENTAIRES
+ DE TUTOS PHOTOSHOP
NOTEZ CE TUTORIEL
LETTRE D'INFORMATION
RECOMMANDER CE TUTORIEL

Commentaire posté le: 10/06/2010

Par contre j'ai une question: comment faire pour que le texte défile MAIS lentement sans que l'on voit les "a-coups"de l'animation? Faut-il alors faire une copie pour chaque petit mouvement?

par lizon

Commentaire posté le: 10/06/2010

Super ce tuto!! Une fois qu'on a compris le principe de base on peut faire plein de trucs! Enfin je sais créer une bannière animée! Merci! ;)

par lizon

Commentaire posté le: 01/04/2010

comment metre un dessin dans le fond sur une resolutionsi petite ?

genre y metre la photo prise d'un reflex8 mega pixel (je vise pas gros car ma tof est en 15 mp)

par kurtysse

Commentaire posté le: 13/02/2009

Vraiment un super tuto! Très clair et explicite.

Merci! ;)

par Tikitcha

Commentaire posté le: 08/05/2008

tutorial très complet, et pour ma premiere utilisation de photoshop, j'ai tous saisie! par conter il ne précise pas comment difuser le gif en boucle.

par LordCronos

Il y a 7 commentaires sur ce tutorial -- Voir tous les commentaires

10 tutoriels au hasard

tutoriel au hasard [scrapbooking] Un texte photogénique  lu par 11203 personnes
Créer des anneaux Olympiques  lu par 71899 personnes
[scrapbooking] Créer des coeurs, forme ...  lu par 5106 personnes
Créer un hologramme à la Stars Wars  lu par 90251 personnes
tutoriel au hasard Créer un Panorama  lu par 95587 personnes
Créer un compte à rebours  lu par 11237 personnes
Créer un effet de tampon  lu par 38793 personnes
Changer la couleur des yeux  lu par 24866 personnes
[Tutoriel photoshop CS3] Créer une texture de roche  lu par 8446 personnes
tutoriel au hasard [Tutoriel scrapbooking] Motifs en quinconce  lu par 19945 personnes

Plus de tutoriaux photoshop cliquez-ici !!!

Vous aussi notez ce tutoriel photoshop et faites le monter dans le classement

Actuellement ce tutoriel Photoshop est noté: 7.75 ⁄ 10 avec 4 vote(s)
Merci de voter pour ce tutoriel

Soyez averti de la sortie de nouveaux tutoriels directement dans votre boite au lettre

Inscrivez-vous en moins de deux minutes à notre lettre d'informations, et recevez directement dans votre boite mail, les liens directes vers les dix derniers tutoriels du site (inscription et désinscription réalisable à tout moment)

Faites découvrir ce tutorial un(e) ami(e)

Information !!!

Vous pouvez faire découvrir ce tutoriel à un(e) ami(e) en remplissant le formulaire ci-dessous.
Il suffit d'entrer son adresse email, son nom ou pseudo, et cette personne recevra une invitation de votre part avec l'adresse de ce tutorial
important
En aucun cas votre adresse email ou celle de votre correspondant ne sera stockée dans une base de données et utilisée à des fins publicitaires

Le message à envoyer à votre correspondant

Retour en haut de page remonter en haut de page