CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web - Photoshop orienté Web et mobile

Exporter un projet Photoshop vers Edge Reflow

Retour à la formation
Chapitre 17 Leçon 2
Précédent
Suivant

Apprenez à exporter des projets Photoshop vers Edge Reflow pour créer des sites responsifs.

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Avant de suivre cette vidéo, assurez-vous de :

  • Maîtriser les bases de Photoshop.
  • Connaître les principes de base du design responsif.
  • Disposer de Photoshop CC et de Edge Reflow installés sur votre machine.

Métiers concernés

Les compétences et connaissances acquises dans cette leçon sont particulièrement utiles pour les :

  • Web designers
  • Front-end developers
  • Webmasters

Alternatives et ressources

En alternatives, vous pouvez utiliser Sketch ou Figma pour des fonctionnalités similaires de design responsif, ou Dreamweaver pour des intégrations plus poussées.

Questions & Réponses

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.
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.
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.