Photoshop CC pour le Design Web

Objectifs

Cette formation vous permet d'identifier les spécificités et les contraintes du Digital afin de réaliser des maquettes graphiques adaptées et adaptatives.

Public

Graphistes, directeurs artistiques, maquettistes

Durée

7 heures en présentiel sur 1 jour

Pré-requis

Une bonne maîtrise d'un logiciel de graphisme est un plus pour suivre cette formation.

Formateur

Formateur expérimenté, développeur de site Web, et spécialiste du Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Enregistrer des images pour le Web

  • Les formats d'images du Web : Jpg, png, gif
  • Compression des images avec Photoshop
  • Gestion des couleurs

Les grilles dans le Design Web

  • Les grilles du Print vers le Web
  • Anatomie d'une grille
  • Les grilles verticales et horizontales
  • Comment choisir sa grille ?
  • Où trouver des grilles ?
  • Gestion des grilles dans Photoshop

Réaliser des Wireframes et des maquettes

  • Créer un zoning
  • Passer d'un zoning à un wireframe
  • Intégrer de l'interactivité pour finaliser sa maquette
  • Les outils utiles à la création de maquette

Automatisation

  • Création et utilisation de scripts
  • Traitement par lot
  • Création de flux de reformatage d'images

Exportation

  • Optimisation des images pour le Web (taille, définition, GIF, JPEG, PNG)
  • Paramètres d'exportation (HTML, XHTML, CSS, DIV)