Photoshop et les Adobe touch Apps (Photoshop touch, Ideas, Proto et Kuler )

23

Public :

Webmasters, créateurs de sites, chefs de projet, marketing manager, développeurs.

Pré-requis :

Bonne connaissance de l’environnement Mac ou Windows).

Durée :

35 heures (5 jours)

Logiciel manipulé :

Photoshop et les Adobe touch Apps (Photoshop touch, Ideas, Proto et Kuler ).

Objectifs :

Créer et retoucher des interfaces Web. Optimiser, découper et exporter vos créations pour la publication

Web (html5/css3). Créer des animations sen utilisant google web designer. Découvrir et prendre en main les nouvelles

applications du cloud d’Adobe avec sa tablette (Ipad et Android).

Adobe Photoshop | Le Web design et les

nouveaux supports

Présentation

• Les menus et palettes

• Taille et résolution d’images

• Utilisation de Bridge

Le texte

• Création de feuille de style

• Effets sur les textes

Les outils

• La retouche photo

• Recadrage et transformation

• Le détourage

• Recadrage et transformation

• Les calques de réglages

• Les masques et modes de fusion

• Les outils vectoriels

• Le photomontage

Exportation pour le Web

• La compression en gif, jpg, png 24

• La gestion de la transparence

• Export en image seule ou en tranches

• Exportation en HTML avec images

Vidéos et 3D

• Importation et édition vidéo

• Gestion de la vitesse et export

• Présentation du module 3D

• Modification d’objets 3D

Présentation

• Les menus et palettes

• utilisation de Bridge

Les images sprite

• Qu’est qu’une image sprite

• Optimiser le placement des images

• Création des tranches

• Noter les valeurs de positionnement

• Exportation du fichier sprite
• Intégration en XHTML/CSS du fichier

Sprite

Les animations Photoshop

• La fenêtre animation

• Créer une animation simple

• Animation avec transition

• Animation avec déplacement

• Exporter son animation

Google Web designer

outil d’animations de google

• Introduction

• Découverte des outils

• Création d’animations simples

• Exportation et récupération

Adobe touch Apps

Adobe Photoshop Touch

Retouche photo

• Présentation de l’interface

• Créer un nouveau projet

• Transformations

• Effets professionnels

• Calques, mode de fusion et texte

• Enregistrer une composition

• Exportation dans Photoshop

Adobe Ideas

Réaliser des esquisses

• Introduction

• Créer un nouveau document

• Calque dessin : créer, afficher,

masquer, supprimer

• Calque photo : créer, afficher,

masquer, supprimer

• Intégrer son projet dans une

composition Photoshop

Adobe Proto

Création de modèles interactif

• Introduction

• Création de document

• Création de projet avec une grille

CSS fluide

• Les outils et les liens

• L’enregistrement

Adobe Kuler

Créer des thèmes chromatiques

• Introduction

• La bibliothèque de thèmes

• Télécharger, personnaliser et

récupérer un thème