CI27-51039 - Web design avec Photoshop

CI27-51039 - Web design avec Photoshop
Utiliser Photoshop pour concevoir les éléments graphiques d'un site web
INTRA : sessions à planifier pour votre entreprise
Dans le développement d'un site web, la part de l'infographie est tout aussi importante que la part du codage. Cette
formation s'adresse à toute personne devant concevoir et/ou réaliser les éléments graphiques devant être intégrés dans
les pages d'un site web.
Objectifs
Concevoir et réaliser les éléments
graphiques d'un site web.
Profils
Développeurs web, infographistes
débutants.
Prérequis
Connaître (X)HTML et CSS.
Durée
3 jours
Prix
Intra uniquement, nous consulter.
Les + pédagogiques
• Utilisation de nombreuses
techniques de Photoshop.
• Liens avec le code
(X)HTML/CSS.
Programme
Le design d'une page Web
•
•
•
•
•
Les contraintes du web.
Rappels HTML/CSS.
Les éléments d'une page web.
Le `zoning`.
La charte graphique.
Prise en main de l'interface
•
•
•
•
•
•
L'espace de travail.
Les palettes d'outils.
Les règles et les repères.
La gestion de la résolution.
L'espace colorimétrique.
Les modes de sauvegarde.
Maquettage de page web
•
•
•
•
•
•
•
•
•
Les calques et les groupes de calques.
Les effets.
La transparence.
Les formes.
Les outils crayon et pinceau.
L'outil dégradé.
Le texte : normal, guidé.
La conception d'un logo.
Le bandeau et le pied de page.
T.P. Créer la maquette d'une page web sous forme d'image.
Fabrication des éléments de l'interface web
•
•
•
•
•
•
•
•
Liens avec le HTML et les CSS.
Le détourage : sélections, baguette magique, masques de calque.
Les images de fond pour menus, tableaux, marges, entête et pied de page.
L'arrière plan.
L'exportation jpg, gif, png.
La fabrication de boutons pour rollover.
La fabrication d'éléments de menus.
La fabrication d'onglets.
T.P. A partir de la maquette, créer les éléments de l'interface.
Retouche de photos
•
•
•
•
•
•
•
•
•
•
Le recadrage.
Les corrections de base : luminosité, contraste, saturation.
La retouche des couleurs.
L'histogramme.
Les déformations.
L'application de filtres.
Le pinceau cloneur.
Les images en niveaux de gris.
Les `watermarks`.
Enregistrer pour le web.
FuturSkill Training - 13, rue Ernest RENAN - 92000 Nanterre
Tél : +33 (0)1 78 14 18 11 - www.futurskill-training.fr - [email protected]