Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Editer les images dans Photoshop pour Dreamweaver

Ce tutoriel va vous montrer comment éditer des images dans Photoshop à partir de Dreamweaver CS5.

Il y a une autre manière d'insérer des images Photoshop, et il a un avantage plutôt utile qui va avec.

Nous allons choisir une image de fleur de tournesol et la placer dans une autre position sur la page.

Cette fois, nous allons insérer une image qui est enregistrée sous le format propre à Photoshop PSD. Cliquez sur Image dans le menu Insertion, puis accédez au fichier PSD à son emplacement sur votre ordinateur..

Choisir source de l'image

Cliquez sur OK. La boîte de dialogue Aperçu de l'image apparaît.

Aperçu de l'image

Effectuez les modifications comme avant.

Une boîte de dialogue s'ouvre alors pour vous demander d'enregistrer l'image dans le dossier "images" de votre siite en local.

Enregistrer image web

L'image est insérée mais elle est trop grande et il faudrait la modifier encore.

Image inserée

Maintenant, la seule chose de spécial ici, c'est que par l'insertion d'une image Photoshop (c'est à dire en commençant par une source PSD), nous avons mis en place un Smart Object qui maintient un lien entre l'image sur la page et le fichier PSD original dans Photoshop. Si je fais un changement de l'image dans Dreamweaver il saura automatiquement mettre à jour l'image d'origine PSD, et vice versa.

Dans le coin de l'image que je vois une paire de flèches qui sont vertes.

Images synchronisées

Si les images (PSD originale et le JPEG dans Dreamweaver) ne sont pas à l'étape, l'une des flèches change du vert au rouge.

L'une des façons dont je peux prendre avantage de cela est de faire un clic droit sur l'image et sélectionnez Modifier l'original avec Photoshop dans le menu.

Modifier originale avec Photoshop

L'image originale s'affiche dans Photoshop et je l'ai redimensionner pour réduire sa taille par un facteur de 5. Après je sauvegarde les modifications et revient à Dreamweaver, je vois que l'une de mes flèches a changé du vert au rouge.

Modification effectuée de limage originale

Je clic droit sur l'image et sélectionnez Mise à jour de l'original ou je clique sur l'image et je vais au panneau Propriétés:

Mettre à jour depuis l'originale

et je peux voir que le changement de taille a été répété dans l'image JPEG sur ma page web.

Image inserée correctement

Cette fonction n'est pas disponible lorsque nous utilisons copier-coller pour placer une image de Photoshop sur une page Web.

 

 

   

 

 

Chaîne YouTube

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site