Création de bannières :

    Une bannière publicitaire doit être une image au format GIF animée ou pas de 468x60 pixels en général et ne dépassant pas 12 ko là aussi en général : voilà ce à quoi doit ressembler votre bannière.

    ZZZZUUUUT la mienne elle fait 16 ko, tant pis celui qui n'est pas content bah il ne la publie pas et puis c'est tout ....

    Il est vrai qu'il est très difficile de respecter la taille de 12 Ko pour une belle bannière et en général on vous demandera de la réduire à cette taille là ou même en dessous pour certain concourt ou site d'échanges de bannières.

    Il existe des logiciels très pratique pour créer vos bannière très facilement comme fireworks 2.0 que je ne connais pas du tout ... Mais moi personnellement pour créer mes bannières j'utilise Photoshop 5.0Fr de Adobe et Animation Shop 2 pour animer mes GIFs celui ci est livré avec Paint Shop Pro de Jasc Software (en shareware).

    Pourquoi Photoshop ? Car celui ci supporte la gestion de calques ce qui est très très très pratique pour faire des superpositions d'images. Mais Paint Shop Pro livré en shareware fera tout aussi bien l'affaire, la seule chose est d'apprendre à manier facilement votre logiciel de retouche d'images.

    Il est certain que je ne peux pas vous expliquer totalement l'utilisation de tels logiciels mais je vais essayer de vous présenter très cursivement la procédure que je respecte pour créer mes bannières.

1 ) Créer une nouvelle image de taille 468x60 pixels avec un fond transparent :

    Fichier puis Nouveau  en général c'est toujours comme ca, sélectionner en pixel 468 en largeur (Width) et 60 pixels en hauteur (Height) sélectionner Fond transparent (Remplir avec pour Photoshop ou Background color pour PSP)

    N'oubliez pas que vous travailler sous Windows alors je vous en prie sauvegardez dés maintenant. ( si si c'est utile sous Windows : aller faire un tour du coté de la rubrique paranormal de GLK sur la NeoZone : c'est un vrai cauchemar ce Windows )

2 ) Créer vos différents calques :

    Vous pouvez créer vos calque à l'aide de l'option nouveau calque, mais vous pouvez aussi copier vos calques existants cela est fort pratique lorsque l'on veut travailler sur notre calque et que l'on n'est pas certain du résultat obtenu on pourra toujours reprendre nos anciens calques

3 ) Affichage des calques :

    Vous pouvez rendre visible ou invisible tel calque ou tel autre calque : pour Photoshop dans la fenêtre calque apparaît un oeil pour les calques visibles et rien pou les calques invisibles et pour PSP c'est pareil mais là c'est des lunettes pour les calques visibles et des lunettes barrées pour ceux invisibles.

4 ) Placer du texte :

    Le texte de la bannière doit au minimum contenir l'adresse URL du site ciblé, ca c'est indispensable sinon je ne vois pas l'enterré de la bannière. ;o)
    Le nom du site éventuellement mais celui ci pourra très bien apparaître sur forme d'image ou de logo et pas forcément dans le texte.
    Et bien souvent le descriptif du site ou un slogan, mais celui ci doit être très bref, il doit ciblé très bien votre site.

    N'oubliez pas que vous travailler sous Windows alors une sauvegarde s'impose. 

5 ) Placer un effet sur un calque :

    Les effets sont des options pour ajouter des ombres, des reliefs ou des contours aux calques. Cela fait très beau sur les textes mais attention les effets sont en fait des dégradés de couleurs et celles ci seront peut être modifiés lorsque vous transformerez votre fichier en GIF.

    Petite sauvegarde au passage

6 ) Jouer avec les options de calque :

    Vous pouvez lier des calques ensemble affin de le déplacer en même temps
    Vous pouvez aussi fusionner des calques liés.
    Les options de calques proprement dites c'est le style du calque : s'il est en fondu ou en superposition, ou en lumière tamisée .....
    Encore une petite sauvegarde

7 ) Jouer avec les filtres graphiques :

    Les filtres graphiques sont eux aussi très pratique pour réaliser des effet spéciaux, ne pas hésiter à les essayer tous et de jouer avec leur options, d'additionner les filtres ensembles : en fait on peut vraiment tout faire avec de tels logiciels.

    STOP : je ne suis pas là pour vous vanter les capacités de Photoshop, ni pour vous en apprendre le maniement mais seulement pour vous expliquer la procédure pour obtenir cette foutu bannière.

    Et encore une petite sauvegarde pour la route.

8 ) Extraire en gif :

    Donc la vous avez jouer avec tout les effets, les options de calques et les fitres. Et vous devez maintenant extraire ces images en GIFs :
    Vous faites donc apparaître l'image telle qu'elle devra être pour votre fichier gif, vous geler les calques qui ne doivent pas être visibles pour votre premier fichier GIF.
    Puis             Fichier - Exportation - Export GIF89a..
    Choisissez une palette adaptative et le nombre de couleurs au plus celui ci est élevé et au plus votre Gif sera gros
    La couleur indexée de transparence par défaut : là je vous conseille d'aller chercher une couleur proche de celle de votre bannière (celle ci intervient seulement quand le gif a des parties transparentes)
    OK et choisissez un nom pour votre fichier (attention mettez l'extension du fichier en minuscule)

    Créer votre différentes images gifs ainsi ... 

    Et puis on sauvegarde avant de quitter.

9 ) animée vos gifs :

    Pour assembler vos gifs affin de ne faire qu'une seule bannière, lancer Animation shop 2

    File - New         et choisir 468 x 60 pixels
    Animation - Insert frames - From File
    Add File ...        Là, allez chercher vos images créées précédemment avec Photoshop puis cliquer sur  OK

    Vous placer vos images dans l'ordre d'affichage final.
    Cliquer avec le bouton droit de votre souris puis         Properties...       affin de définir la durée d'affichage de la frame d'image (en centième de seconde).

    Puis pour gerer la taille du fichier faites : File - Optimization Wizard... - Animated GIF File - Suivant - Choisir le niveau de qualité (Level 1 = qualité faible = petit fichier) - Suivant - Suivant - Terminer

    Et puis on sauvegarde

    Et on re-sauvegarde

    Et encore une fois : on sauvegarde

    Et puis on sauvegarde une dernière fois avant de quitter.

© Pand@PØP