CATALOGUE
Design et Infographie
Formation
Photoshop
Apprendre Photoshop CC pour le Web - Photoshop orienté Web et mobile
Convertir des calques Photoshop en pages HTML5
DescriptionProgrammeAvis
Cette leçon fait partie de la formation
59,90€
Je commande
Formation incluse dans l'abonnement Elephorm
Je m'abonne à Elephorm
Introduction aux mécanismes de calques dans Photoshop
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre les différents types de calques dans Photoshop
- Apprendre à convertir et externaliser des calques dynamiques
- Maîtriser l'exportation de maquettes graphiques vers HTML5
Résumé
Apprenez à transformer rapidement des calques Photoshop en pages HTML5 structurées grâce à des méthodes efficaces et pratiques.
Description
Dans cette leçon, nous explorons les différents mécanismes de Photoshop qui permettent la conversion rapide de calques en pages HTML5. Vous découvrirez comment :
- Travailler avec des bitmaps et des pixels
- Utiliser des formes vectorielles primitives
- Convertir des calques en calques dynamiques et externalisés
- Rassembler les éléments dans des groupes de calques
Chaque méthode produit des feuilles de style et des balises HTML structurées différemment. Nous fournirons également une démonstration pratique d'exportation HTML5 en utilisant Dreamweaver. Vous verrez comment éditer et gérer les calques dynamiques externalisés pour apporter des modifications centralisées à vos projets.
Questions fréquentes
Questions réponses
Quel est l'avantage de convertir un calque en objet dynamique dans Photoshop ?
Il permet des modifications non destructives et centralisées, facilitant les mises à jour sans altérer l'original.
Comment créer un objet dynamique externalisé ?
Convertissez d'abord le calque en objet dynamique, puis cliquez sur 'Exporter le contenu' pour l'enregistrer dans un fichier PSD séparé.
Quelles sont les différences majeures entre un calque bitmap et un calque vectoriel ?
Un calque bitmap est basé sur des pixels, offrant une qualité optimale à taille fixe, tandis qu'un calque vectoriel est basé sur des formes géométriques, adaptables à différentes résolutions sans perte de qualité.
Programme détaillé
Module 1 - Introduction de la formation à Photoshop CC pour le Web
Module 2 - Les raccourcis utiles de Photoshop CC
Module 3 - Création de formes vectorielles, édition de formes
Module 4 - Les réglages élémentaires de Photoshop
Module 5 - Exporter individuellement les images bitmaps pour le Web
Module 6 - Exporter un SVG depuis Photoshop CC
Module 7 - Créer plusieurs versions dune composition Photoshop CC
Module 8 - Réaliser un Gif animé
Module 9 - Réaliser un rollOver CSS
Module 10 - Réaliser un Sprite Sheet (animation pelliculée)
Module 11 - Exporter une page XHTML statique à laide de loutil Tranches
Module 12 - Réaliser une composition HTML5 sémantique à partir de Photoshop
Module 13 - Gérer les styles CSS de formes primitives avec Photoshop
Module 14 - Gérer les styles CSS de textes éditables avec Photoshop
Module 15 - Exporter les calques par lot à laide de lextension Photoshop Generator
Module 16 - Générer automatiquement les icones dune application mobile
Module 17 - Exporter une composition Photoshop vers les autres logiciels Adobe
Exporter vers Muse
03:55