Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Graphisme > Paint Shop Pro > Créer un gif transparent > Lecture du tutoriel

Créer un gif transparent

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Avatar
Auteur : Big_Zero
Note : Pas de note

Plus d'informations Plus d'informations
Dans ce petit tuto, je vais vous apprendre à créer un gif transparent, ce qui est bien utile pour créer des smileys et/ou des images web :)

Perso, j'ai Paint Shop Pro 6, donc excusez moi si quelque chose a bougé dans les version suivantes
Sommaire du chapitre :
Icône du chapitre

Créer un gif transparent

Tout d'abord, ouvrez Paint Shop Pro (parce que sinon vous risquez de ne pas aller loin :p ) et faites Fichier => Nouveau. Cette fenêtre s'ouvre :

Image utilisateur


J'ai mis 15*15 px car c'est la taille que je prends pour mes smileys, et vous pouvez la modifier (je vais pas vous empêcher de créer vos propres images :D ) , mais il est ESSENTIEL de mettre "Transparent" en couleur d'arrière-plan


Bien, maintenant, remplissez votre image (je ne vous explique pas comment faire :p ), puis faites "Fichier => Exporter => GIF transparent..."

Image utilisateur


Cette fenêtre s'affiche :

Image utilisateur


Cliquez sur "Assistant" (en bas à gauche de la fenêtre, avec le chapeau de magicien :magicien: ). Ca devrait vous donner ça :

Image utilisateur


Cochez "Utiliser les zones transparentes existantes" et faites "Suivant" (Ne vous occupez pas du carré de couleur) . Vous avez désormais ceci sous les yeux :

Image utilisateur


Ne vous en occupez pas non plus et faites "Suivant" . Cette fenêtre apparaît :

Image utilisateur


Personnellement, je prends toujours les meilleurs couleurs car ce n'est pas un smiley qui va alourdir considérablement la page web :D . Après, c'est à vous de voir.


Bref, quoi que vous ayez coché, faites "Suivant" :

Image utilisateur


Vous comprenez que, moins il y a de couleurs, plus votre image est légère et vice-versa

Là encore, je préfère mettre le maximum de couleurs pour un smiley, car ce n'est pas une image de 15*15px qui rendra ma page web inaccessible aux oubliés de l'ADSL ;)


Bien, cliquez sur le "Suivant" rituel pour pouvoir voir ça :

Image utilisateur


Cliquez sur "Terminer", sélectionnez un chemin pour votre image et enregistrez-la.

Félicitation, vous avez créé votre premier GIF transparent :) !!!

Rendez à votre GIF ses couleurs d'antan !

Comment ça ? Elles sont très bien les couleurs !


Justement, non :p . Pour vous en rendre compte, fermez votre document (ne vous occupez pas du message qui vous demande si vous voulez enregistrer votre image, vous l'avez déjà fait en GIF transparent) et rouvrez-le. Normalement, vous devriez avoir un truc comme ça sous les yeux :

Image utilisateur


QUOIIIIII ? C'est quoi cette chose ? Où sont les vraies couleurs ? Et pourquoi il y a une couleur en arrière-plan ?


L'arrière-plan, ne vous en occupez pas. Quand il sera sur le web, l'image sera telle que vous l'avez créée. Pour les couleurs, c'est un peu plus problématique, mais vraiment (très) peu.

La solution est ultra-méga-super-simple : il suffit de recolorier votre dessin avec les bonnes couleurs ! :

Image utilisateur


Enregistrez, et vous verrez que cette fois, vous verrez que vous pouvez l'ouvrir et le fermer autant de fois que vous voulez sans que rien ne change !

Le résultat final :

Image utilisateur

Ca y est, vous savez faire des gifs transparents pour vos smileys...

Si vous avez une question sur ce tuto, <email nom=" vivelabede@tele2.fr">envoyez-moi un mail</email> !

A bientôt pour de nouvelles aventures un nouveau tuto ;)

Big_Zero
Retour en haut Retour en haut


Créé : le 17/01/2006 à 17:42:04
Modifié : Aujourd'hui à 18:32:09
Avancement : 100%
Nb de visites : 16566
Licence : Copie non autorisée

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | Fil RSS | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 374 Zéros connectés | Requêtes SQL 9 requêtes | Temps de génération de la page : Total (SQL) 0.067s (0.0506s)