CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web Guide pour Créer un Bouton Rollover en PSD et PNG

Guide pour Créer un Bouton Rollover en PSD et PNG

Exporter les images du rollover
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Photoshop CC pour le Web
Revoir le teaser Je m'abonne
Transcription
59,90€ 29,95€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ 29,95€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Procédure d'Exportation et d'Intégration

Objectifs

Les objectifs de cette vidéo sont de :


  • Apprendre à masquer les textes d'un bouton dans un fichier PSD.
  • Savoir exporter une image au format PNG 24 en conservant la transparence.
  • Comprendre comment intégrer cette image en HTML à l'aide de Dreamweaver.

Résumé

Découvrez comment préparer un fichier PSD pour l’exportation au format PNG afin de créer un Rollover. Intégrez cet élément en HTML via Dreamweaver.

Description

Dans cette vidéo, nous vous guidons à travers les étapes nécessaires pour préparer et exporter un fichier PSD au format PNG, en mettant l'accent sur la création d'un Rollover. Tout d'abord, nous expliquerons l'importance de masquer le texte du bouton avant l'exportation, puisque celui-ci sera éditable dans Dreamweaver. Ensuite, nous vous montrerons comment utiliser l'option 'Enregistrer pour le Web' pour choisir le format PNG 24, garantissant ainsi la conservation de la transparence. Nous vérifierons aussi le poids du fichier pour s'assurer qu'il ne dépasse pas 3 Ko, rendant ainsi l'image légère et facile à charger sur les pages web. Pour finir, nous vous détaillerons le processus d'intégration du fichier PNG en HTML, nommant le fichier comme 'bouton.png' pour plus de clarté et de praticité.

Voir plus

Questions fréquentes

Pourquoi est-il important de masquer le texte du bouton avant l'exportation ?
Le texte du bouton doit être masqué avant l'exportation car il sera édité directement dans le code HTML/CSS avec Dreamweaver, ce qui permet de garder une flexibilité sur le contenu sans nécessiter de modifier l'image.
Quel est le format d'image recommandé pour conserver la transparence lors de l'exportation ?
Le format PNG 24 est recommandé pour conserver la transparence lors de l'exportation, car il supporte les canaux alpha nécessaires pour des arrières-plans transparents.
Quel poids maximal est recommandé pour l'image PNG afin de garantir une bonne performance sur le web ?
Il est recommandé que le poids de l'image PNG soit inférieur à 3 Ko pour garantir une bonne performance et un chargement rapide sur les pages web.

Programme détaillé