Infographie et Image – Exercice final

Infographie et Image
– Exercice final
DESS RMI – Réseaux Multimédia Internet
SEANCE 4 – le 4 novembre 2003 – ADOBE Illustrator et Photoshop
Infographie & Image
[ SEANCE N°4 – DESS RMI ]
EXERCICE FINAL (DUREE 2H) – ILLUSTRATOR et PHOTOSHOP 7.0 – Notions de base
PROPOSITION D’UNE BASE GRAPHIQUE POUR UN SITE INTERNET
THEME DU SITE WEB : AUBERGE DE JEUNESSE / HOTEL / LOCATION : MIAMI BEACH, FL
Vous devez créer pour un public internaute francophone une interface web graphique pour le client suivant :
THE CLAY HOTEL : www.clayhotel.com
Création de l’interface graphique PSD – Formes libres
Respect des fonctions suivantes :
Produire un fichier PSD de taille : 760 pixels x 380 pixels en résolution web
Vous devrez importer des éléments graphiques externes au PSD :
- LE LOGO de l’auberge de jeunesse (que vous récupérerez sur le site web de l’HOTEL CLAY).
- Un fond graphique ILLUSTRATOR de votre imagination
- Un à deux textes traités sous le logiciel ILLUSTRATOR (Textes déformés etc …) > Facultatif
- Deux à trois photos JPEG que vous trouverez sur le site internet actuel du client. (Voir page hotel.htm du site)
[METHODE]
1/ Création de vos éléments ILLUSTRATOR
- Création d’un fond graphique (Formes libres) > utilisez au moins un dégradé de couleurs
- Le fond graphique comprend au minimum 3 couleurs (de votre choix), ne pas respecter les couleurs actuelles
du site web existant, proposez au client de nouvelles couleurs pour l’interface d’accueil.
- Création de textes sous ILLUSTRATOR (déformations diverses etc ..) > Facultatif
2/ Création de votre fichier graphique PSD
- Importez le fond ILLUSTRATOR dans le PSD (Choisir les bonnes options d’importation, mode couleurs etc ..)
- Importez les autres éléments graphiques créés sous Illustrator ( textes etc ..) > Facultatif
- Importer les photos de de l’auberge de jeunesse dans le PSD ( Voir page hotel.htm du site) > Appliquer
quelques filtres ou ombres aux photos (facultatif).
- Créez d’autres calques avec les effets suivants :
- Textes ou formes diverses avec effets d’ombre portée
- Autres effets de votre choix
3/ COMPRESSION POUR LE WEB du PSD
Enregistrez votre fichier pour le web en justifiant vos préférences d’optimisation de l’image.
Notes :
- UTILISEZ 3 COULEURS DOMINANTES DE VOTRE CHOIX + PHOTOS EXISTANTES (page hotel.htm) du site.
_______________________________________________________________________