Conversion de calques en objets dynamiques
Objectifs
Les objectifs de cette vidéo sont :
1. Comprendre l'utilité des calques dynamiques dans Photoshop.
2. Apprendre à convertir des calques en objets dynamiques.
3. Savoir comment copier et intégrer les styles CSS dans Dreamweaver.
Résumé
Découvrez comment utiliser les calques dynamiques dans Photoshop pour gérer des contenus imbriqués et générer des feuilles de style CSS avec une intégration dans Dreamweaver.
Description
Dans cette leçon, nous explorons la manière dont Photoshop permet la gestion des contenus imbriqués à l'aide des calques dynamiques. Les calques dynamiques offrent l'avantage d'isoler les éléments d'un document Photoshop dans un fichier séparé, facilitant ainsi leur gestion et modification. En convertissant une sélection de calques en un calque dynamique, Photoshop génère une nouvelle feuille de style CSS où le positionnement des éléments se base sur le point de référence du calque dynamique.
Nous allons montrer comment réactiver et masquer des calques, créer des groupes pour organiser les éléments et générer le CSS nécessaire pour une intégration fluide avec Dreamweaver. Ce processus inclut plusieurs étapes essentielles, telles que la conversion de calques en objets dynamiques, l'édition du contenu, et l'enregistrement et la fermeture des fichiers pour des modifications ultérieures. Enfin, vous apprendrez à copier les styles CSS des groupes afin de les coller dans votre projet Dreamweaver.
Questions fréquentes
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
Module 18 - Réaliser un Gif vidéo
Module 19 - Réaliser un montage vidéo pour le Web avec Photoshop
Module 20 - Conclusion
