DescriptionProgrammeAvis
59,90€
Je commande
Formation incluse dans l'abonnement Elephorm
Je m'abonne à Elephorm
Introduction à la liaison et synchronisation entre Photoshop et Reflow
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre les étapes pour exporter un projet Photoshop vers Edge Reflow.
- Maîtriser la synchronisation des modifications en temps réel.
- Apprendre à structurer des projets responsifs.
Résumé
Apprenez à exporter des projets Photoshop vers Edge Reflow pour créer des sites responsifs.
Description
Cette leçon explique comment structurer et nommer correctement vos calques Photoshop pour faciliter l'exportation vers Edge Reflow. Vous apprendrez à :
- Générer un projet Reflow à partir de Photoshop.
- Synchroniser les modifications entre Photoshop et Reflow.
- Gérer les images et blocs de type div pour créer des designs élastiques adaptés à différentes résolutions.
- Traiter les problématiques de typos non web-safe et gérer le code HTML/CSS avec des éditeurs tiers.
En fin de leçon, vous serez capable de créer des sites Web adaptatifs en utilisant les capacités de Reflow et en optimisant vos fichiers Photoshop pour cette transition.
Questions - réponses
Questions réponses
Quels types de calques doit-on bien nommer dans Photoshop pour faciliter l'exportation vers Reflow ?
Il est important de bien nommer les calques d'images dans Photoshop pour permettre au moteur d'exportation de générer automatiquement les images dans Reflow.
Quels problèmes pourraient survenir lors des premières versions de Reflow lors de l'importation de projets directement via le fichier lui-même ?
Dans les premières versions de Reflow, l'importation de projets via le fichier lui-même pouvait entraîner la suppression de certaines images, un problème qui devrait être corrigé dans les dernières versions.
Que faut-il faire si vous souhaitez modifier le code des pages HTML générées par Reflow dans un éditeur tiers ?
Il est recommandé de dupliquer le répertoire Assets et créer un nouveau site basé sur celui-ci avant de rééditer le projet Reflow pour éviter d'écraser les modifications lors de futures éditions.
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