Processus et étapes clés
Objectifs
Les objectifs de cette vidéo sont :
1. Apprendre à intégrer une page HTML dans InDesign.
2. Comprendre l'importance de maintenir l'organisation des fichiers.
3. Savoir configurer les options d'intégration du contenu HTML.
4. Créer un poster d'aperçu pour la page HTML.
5. Utiliser des outils comme Adobe DPS pour prévisualiser le résultat final.
Résumé
Découvrez comment intégrer une page HTML dans InDesign pour des publications numériques enrichies.
Description
Cette leçon démontre le processus complet d'intégration d'une page HTML au sein d'un document InDesign, notamment pour des publications numériques. D'abord, nous examinons la nécessité de conserver la page InDesign et les éléments HTML dans le même répertoire pour créer des références hypertextes efficaces. Ensuite, nous créons un document pour une publication numérique en indiquant les dimensions adéquates. La leçon détaille comment créer le bloc de contenu correspondant aux dimensions de la création numérique et l'intégration du contenu HTML via l'option folio overlays. Diverses options telles que le lancement automatique d'animations, la transparence de l'arrière-plan, et l'ajustement à l'échelle du contenu sont explorées. Nous abordons aussi la création d'un poster pour l'aperçu de la page HTML à l'aide de Photoshop. Le viewer Adobe DPS permet de visualiser le rendu final et de naviguer dans le contenu intégré. En conclusion, il est montré comment enrichir ces éléments avec des animations et des interactions pour une expérience utilisateur optimale.
Questions - réponses
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
