Introduction de la formation à Photoshop CC pour le Web
Les raccourcis utiles de Photoshop CC
Création de formes vectorielles, édition de formes
Les réglages élémentaires de Photoshop
Exporter individuellement les images bitmaps pour le Web
Exporter un SVG depuis Photoshop CC
Créer plusieurs versions dune composition Photoshop CC
Réaliser un Gif animé
Réaliser un rollOver CSS
Réaliser un Sprite Sheet (animation pelliculée)
Exporter une page XHTML statique à laide de loutil Tranches
Réaliser une composition HTML5 sémantique à partir de Photoshop
Gérer les styles CSS de formes primitives avec Photoshop
Gérer les styles CSS de textes éditables avec Photoshop
Exporter les calques par lot à laide de lextension Photoshop Generator
Générer automatiquement les icones dune application mobile
Exporter une composition Photoshop vers les autres logiciels Adobe
Réaliser un Gif vidéo
Réaliser un montage vidéo pour le Web avec Photoshop
Détails de la leçon
Description de la leçon
Cette leçon explore en détail l'écosystème Adobe, en se concentrant sur les principaux outils utilisés pour la création de contenus web.
Tout commence avec Photoshop, qui sert de base pour la création graphique. Ensuite, InDesign intervient pour produire des publications numériques au format PDF et EPUB, ou même des pages HTML statiques.
News reprend les fonctionnalités d'InDesign pour générer des sites HTML interactifs sans nécessiter de codage. Dreamweaver permet de personnaliser ces pages en ajoutant du CSS et du JavaScript.
EdgeAnimate et Reflow sont deux autres outils importants : EdgeAnimate pour l'animation des contenus graphiques et Reflow pour la création de mises en page responsives. EdgeCode est un éditeur de code qui supporte le JavaScript et l'intégration de librairies externes comme jQuery.
Enfin, Flash exporte désormais au format HTML5 Canvas et WebGL, tandis qu'AfterEffect et Premiere se concentrent sur la création de contenu vidéo compatible avec le web.
Objectifs de cette leçon
Les objectifs de cette vidéo sont : comprendre le rôle de chaque produit Adobe dans le flux de travail web, apprendre à exporter et intégrer des médias entre ces outils, et découvrir les capacités d'animation et de code de certains logiciels comme EdgeAnimate et EdgeCode.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir une connaissance de base en design graphique et en développement web, ainsi qu'une utilisation préalable des logiciels Adobe mentionnés.
Métiers concernés
Cette leçon est particulièrement utile pour les graphistes, développeurs web, animateurs et créateurs de contenu multimédia.
Alternatives et ressources
Alternatives à certains outils Adobe incluent : GIMP pour Photoshop, Affinity Publisher pour InDesign, et Sublime Text ou Visual Studio Code pour EdgeCode.
Questions & Réponses
Je m'abonne