Créer un kit graphique avec Photoshop 7 [25 mn de lecture - paru le 5/9/2004 11:21:26 AM - Public : Débutant]

Auteur

Alexandre MORIN Elève-Ingénieur Supinfo Paris Promotion SUPINFO 2008    Lui écrire    Tous les projets de cet auteur    Le mini-CV de cet auteur

2. Découpage du design

2.1. Image Ready

Le logiciel Image Ready possède de nombreuses fonctions et notamment celle
de pouvoir découper une image en plusieurs zones pour le web. C’est cette
fonction que nous allons utiliser. Pour cela, ouvrir Image Ready (son
exécutable se trouve à la racine du dossier d’installation de Photoshop) et ouvrez
votre document PSD précédemment réalisé.

2.2. Les tranches

Les différentes zones que nous allons délimiter sur nos images s’appellent des
tranches, nous allons pouvoir définir leur taille et leur format, elles seront
enregistrées séparément les unes de autres.
Dans la palette d’outils de Image Ready, vous avez l’outil « tranche » qui va
nous permettre de sélectionner les zones de nos images. Cet outil s’utilise
comme la sélection rectangulaire de Photoshop.

Maintenant, avec l’outil tranche, faites une sélection de la bannière puis de
chaque partie de votre site (zone de titre, menu, contenu…).

2.3. Optimisation

Une fois chaque zone délimitée, nous allons définir leurs paramètres de
sauvegarde, pour cela, cliquez sur l’onglet « optimiser » en haut de votre fenêtre.
Puis, grâce à l’« Outil Sélection de tranche »,
sélectionnez une à une les zones afin de définir leurs paramètres. Pour cela,
utilisez la palette « Optimiser » qui permet de sélectionner le format de l’image
(JPG, GIF, PNG…), le nombre de couleurs et le taux de compression. En bas de
la fenêtre se trouvent quelques indications sur le poids de la zone sélectionnée. Il
est préférable d’obtenir un bon équilibre poids et qualité de l’image.

2.4. Enregistrement

Une fois toutes les zones sélectionnées et leurs paramètres définis, il faut les
enregistrer en faisant « fichier » puis « Enregistrer une copie optimisée sous ». A
ce moment, il est préférable de faire un petit nettoyage dans les images pour que
le site ne soit pas trop lourd, en effet, il n’est pas nécessaire de garder les
dégradés en entier étant donné qu’ils vont se répéter sur internet. Il ne faut
garder que l’image de la bannière et les dégradés de chaque zone en les
réduisant.