Mac4Ever MacGameZone Gadget O'Mac Refurb-Store Mac-LAN : Jouez ! Forum : ...
icon
Samedi 15 Septembre 2001

Réaliser sa bannière de pub avec ImageReady

Creation > Autre
Tous les webmasters le savent, pour se faire connaître, rien de mieux qu'une bannière bien accrocheuse, incluant logo, titre, slogan et voire, photos.
Vous l'aurez remarqué, créer une image gif complexe à moins de 20Ko est très difficile. Mais un "petit" logiciel très utile vous permet de créer vos gif animés. Il s'agit d' ImageReady, livré en standard à partir de Photoshop 5.5. Nous allons voir comment créer une image animée, la plus légère possible.
1ere étape. Créer les calques...


Votre gif animé se présentera sous la forme de différents calques que l'on va faire défiler. Nous allons donc créer un gif animé basique avec ImageReady.

Créez tout d'abord votre image de Fond.

Réaliser sa bannière de pub avec ImageReady


Puis créez un nouveau calque sur lequel vous allez écrire le premier texte à afficher.



Réaliser sa bannière de pub avec ImageReady


Ensuite créez un nouveau calque et entrez le texte qui devra apparaître ensuite.
Faites ainsi autant de calques texte que vous le désirez, ici j'en ai fait 3.

Réaliser sa bannière de pub avec ImageReady


Réaliser sa bannière de pub avec ImageReady



Voilà les 3 calques textes sont finis, ainsi que le calque de fond.

2eme étape, l'Animation


Maintenant ouvrez la fenêtre d'animation dans le menu Fenêtre=>Afficher Animation.
Faites disparaitre tous les calques texte sauf le premier que vous voulez afficher. Pour cela enlevez l'oeil qui se trouve devant les calques que vous ne voulez pas utiliser (dans le menu calques)

Réaliser sa bannière de pub avec ImageReady



Dans le menu Animation, le premier calque est donc le calque à afficher en premier.



Réaliser sa bannière de pub avec ImageReady


Cliquez ensuite (toujours dans le menu animation) sur l'icône représentant une page blanche. Un nouveau calque apparaît, sélectionnez le, dans celui-ci faites afficher le texte suivant en le selectionnant dans le menu calque et en faisant disparaître l'ancien texte (avec l'oeil).
Créez ensuite le troisième calque, dans le menu Animation séléctionnez le et procédez de la même façon pour faire apparaitre le troisième texte.

Maintenant juste en dessous des calques dans le menu animation, choisissez le temps d'affichage de chaque calque.
Puis cliquez sur la flèche simple, lecture, et... admirez...c'est beau hein ??? Oui oui merci je sais.

3eme étape, Optimisation


C'est la plus importante, de cette étape va dépendre le poids de votre image animée. En haut de votre image, séléctionnez " 4 vignettes".

Votre gif animé va donc apparaître 4 fois. Mais comme vous pouvez le constater les 4 poids sont différents (regardez en bas). La première est l'originale.
Sélectionnez l'image qui vous paraît de la meilleure qualité et la plus légère. Ouvrez ensuite le menu Optimiser (Fenêtre=> Afficher Optimiser).

Ici vous allez devoir jouer avec "perte de qualité" pour réduire le poids de votre image. Arrêtez-vous avant que votre image ne se dégrade trop.

Ici c'est à vous de jouer avec toutes les fonctions jusqu'à ce que l'image vous plaise. Gardez toujours "GIF" séléctionné.

En général un bon réglage peux être le suivant :

=>Personnalisé
=>Diffusion
=>Pertede qualité 0
=>Couleur 128
=>Tramage 100%

Réaliser sa bannière de pub avec ImageReady



Celle-ci ne pèse que 15 Ko !!

Pour finir, l'Enregistrement


 

Pour enregistrer, gardez séléctionnée l'image que vous avez optimisée et faites Fichier=>"Enregister une copie optimisée sous..." et renommez votre image.

Et voilà!!! maintenant vous pouvez mener une superbe campagne de pub.....;-)

 

Ecrit par Quentin (Archos)

http://www.macbooster.fr.st

@ Grouik


Les réactions à cet article
Témoignages et avis....
  • Le 21/03/2002, 14:18@ NONInscrit :

    bien
  • Le 21/03/2002, 14:18@ NONInscrit :

    bien
  • Le 08/04/2002, 23:19@ [JM]mathias : TROP MERCI !!

    SUPER ARTICLE !!!
  • Le 26/06/2003, 13:15@ fredo641 : demande

    je cherche un logiciel pour cree une bannière car je n'es pas de logiciel pour le faire
    merci davance
  • Le 06/08/2003, 11:28@ noiret : demande

    voila je ne sais pas comment faire un gif et j'aimerai trouver une personne qui pourrai me le realiser tout en le renumerant savez vous sur quel site ou je peux m'adresser? merci
  • Le 29/08/2003, 15:12@ fredo641 : demande

    créez son image de fond, je veut bien mais comment la cree ou avec qu'elle logiciel.
    merci davance
  • Le 07/12/2003, 18:48@ picturenew : gif animé

    Je désire créer sur une carte routière, un itinéraire.
    J'ai fait avec imageready, mais mon fichier fait 530Ko.
    en plus je ne sais pas si je procède correctement, j'ai réussi avec beaucoup de nébulosité.
    merci de m'aider si votre temps le permet.
  • Le 13/04/2004, 21:20@ marjo : on peut m'aider je patauge !!!

    C'est bien expliquer mais je ni pige quand même rien alors esque on pourais m'aider à créé ma bannière pour mon site perso. Si quelqu'un sait m'aider réponder moi à marjorie.lefevre@tiscali.be merci et qu'on maide !!!!!!!!!!!!!!!!!!!!!!!!!!!!
  • Le 28/04/2004, 16:30@ laetitia : commentfaire la page d'acceuil

    bonjour ,
    comment on fait pour faire la page
    d'acceuille ?
    moi aussi je patauge !!!!!!
  • Le 06/05/2004, 20:32@ ibou : Comment réaliser une image ani

    slt!
    comment réaliser une image animée et avec quel logiciel svp?
  • Le 21/12/2004, 07:58@ NOUR : photoshop 5.5

    salut!!!
    comment creer une image animée à partir de photoshop 5.5
    et merci.
  • Le 21/01/2005, 16:25@ Sébastien : Merci

    Super tuto, simple, rapide et sérieux, comme tout ce qui se trouve sur ce site d'ailleurs !
  • Le 12/07/2005, 18:18@ fafia : aide moi svp

    tout dabort je vous remercie pour lire mon message .
    j'ai un probleme c'est que je n'ai ci pas comment j'ai outilisé le photoshope 5.5 (ecrire,modefications...) c'est vous voulais que te me donné des conseille
  • Le 14/11/2005, 00:35@ thepatriarche973 : aide

    je cherche une page d'acueuille tres original jeune et bien si vous puvez m'aidé sa seré géniale merci d'avance
  • Le 19/05/2006, 18:31@ nono123 : ba

    on puorrais avoir l'adresse
  • Le 11/07/2006, 13:52@ narvto47 : help avec banniere animé

    c bien de dire sa, mais moi, j' ai fait une banniére animé avec image ready, mais, je n' arrive pas a l' envoyer sur mon faorum en guise d' en-tete, quelqu' un pourrai m' aider

    mon forun es : " http://dark-narvto.jeun.fr "
  • Le 30/07/2006, 04:13@ virus : Calque

    Merci mais esque quelqun peut maider ? comment faire un claque pcq moi jai imageready mais en anglai:s
  • Le 15/08/2006, 20:02@ moi : merci

    merci, j'avais besoin de faire un gif animé " gratuit " rouge sur jaune, un truc con et simple, mais impossible a trouver sur le net, j'ai vu ton tuto et hop !!
    et 1 gif animé, 1
    bon maintenant y a qu'a plus bien mieux faire :-)
  • Le 19/03/2007, 10:36@ caroline : ça ne marche pas

    non pas du tout, je suis à la lettre ce que vous dites et pourtant, rien de rien
  • Le 06/11/2007, 18:02@ alex60 : pouvez vous me faire une banniere

    bonjour, pouvez vous me faire une banniere, c'est pour mon forum. mon forum est http://aide-dofus.forumpro.fr/
  • Le 07/02/2008, 12:34@ Stéphanie : Merci

    Cela m'a bien aidé ! J'ai réalisé mon 1er gif animé !
  • Le 09/08/2008, 14:54@ elodie : génial :)

    merci beaucoup pour cette information très précise
Donnez votre avis
Réagissez à cet article...
 
Si vous cherchez de l'aide ou si vous avez une question à poser, ne réagissez pas ici ! Redirigez-vous vers le forum !
Pseudo/Nom : Email (sera protégé contre le Spam) :
Titre :
Réaction :
Recopiez le code de l'image ci-contre :
Rubriques
  • humeurcreationmateriel
  • logicielsjeuxmacos