Optimisation à l'aide des Calques Dynamiques
Objectifs
L'objectif de cette vidéo est de fournir une méthode optimisée pour créer et gérer des icônes pour applications mobiles en utilisant des calques dynamiques dans Photoshop.
Résumé
Ce tutoriel explique comment créer des icônes optimisées avec des calques dynamiques dans Photoshop pour des applications mobiles.
Description
Dans cette leçon, vous apprendrez à créer des icônes prêtes à être utilisées pour des applications mobiles en utilisant Photoshop. Le processus commence par une mise en page épurée avec un calque de dégradé en arrière-plan et une petite vague représentative de la signalétique du projet. Le texte doit être visible même à petite taille, ce qui justifie l'utilisation d'une typographie grasse.
Ensuite, nous couvrirons la création de calques dynamiques pour simplifier l'édition de contenu et éviter les répétitions. Cette méthode permet également de générer des fichiers d'icônes de différentes tailles de manière automatisée en utilisant l'outil Générator de Photoshop. Vous verrez comment nommer les calques correctement pour garantir des exports automatiques précis.
L'optimisation du flux de travail inclut la conversion de plusieurs calques en un calque dynamique unique, facilitant les mises à jour futures des visuels sans nécessité de recréer chaque icône manuellement. Enfin, une démonstration pratique de l'exportation des différentes tailles d'icônes montre comment les générer efficacement.
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
