Photoshop pour le Webdesign

La problématique web nécessite de maitriser Photoshop pour appréhender les enjeux d'une bonne intégration des maquettes graphiques.

INFOS PRATIQUES

TARIFNous consulter.
DURÉE3 jours (21h)

Public

Les professionnels de la communication spécialisées dans le web et les webdesigners.

Prérequis

Seule la connaissance basique de l’outil informatique est nécessaire.

Objectifs

Réaliser la maquette graphique d’un site internet.

Je veux plus d'infos

Pour s’inscrire:
  • Remplir le formulaire ci-dessous
  • Appelez Emmanuel au 03.20.54.09.06

DATES

No Events on The List at This Time

PROGRAMME

Le design web actuellement

  • Les différentes technologies: XHTML, CSS, HTML5, Ajax
  • Créer pour le web : Quelques réflexes
  • Ressources utiles : grilles, éléments graphiques, polices

Préparer Photoshop pour le design web

  • L’espace de travail
  • Raccourcis utiles
  • Les préférences de Photoshop, gestion de la couleur

La couleur pour le design web

  • La commande Enregistrer pour le web
  • Les différents formats de fichiers : JPG, GIF et PNG
  • Recadrer, amélioration des images
  • Les métadonnées

Les arrière-plans

  • Principes d’un arrière-plan dans le design web
  • Créer un arrière-plan, à répétition, entier

Les menus

  • Les différents formats
  • L’acquisition audio
  • Les transitions et les filtres

 

Une maquette graphique avec Photoshop

  • Taille, règles, repères et grilles
  • Les tranches utilisateur, les tranches depuis des calques
  • Optimiser et enregistrer les tranches
  • Astuces de découpes en fonction du balisage
  • Différencier contenu et mise en forme

Images survolées et animations

  • Principes des images survolées (rollovers)
  • Les compositions de calques
  • Créer une animation pas à pas
  • Trajectoire avec la position, l’opacité et les effets

Automatisation

  • Processeur d’images
  • Créer une galerie d’images
  • Export avec Zoomify
  • Variables et ensembles de données

Collaboration avec d’autres applications

  • Avec Dreamweaver (objets dynamiques)
  • Avec Fireworks
  • Avec Flash

 

X