CI27-51039 - Web design avec Photoshop
Transcription
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]