L'essentiel de Dreamweaver CC 2017

Intégrer des fichiers PSD

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Importez des documents PSD issus de Photoshop dans vos contenus web. Dreamweaver fera la conversion vers le format web exigé et assurera les mises à jour.
03:03

Transcription

Si vous travaillez avec Photoshop sur une de vos images ici, vous avez la possibilité de pouvoir appliquer des filtres, des effets et toute une série de corrections directement à l'image. Maintenant, si vous allez dans Dreamweaver, et que depuis Dreamweaver vous récupériez une image, alors ici vous faîtes bien attention d'être sur l'image, dans le code source on peut le regarder juste histoire de voir qu'on est toujours dans la même construction avec un main, un img src, etc. Si je suis dans la partie en direct et que je suis bien sur mon image et que j'utilise ici une importation depuis Photoshop, une palette va m'informer que je travaille avec une image qui n'est pas exploitable pour le Web et donc je récupère ici les manières d'optimiser de Photoshop. Soit j'utilise un png, un png8, etc Je vais opter pour le JPEG à 80, ça me va très bien et je vais dire OK. Une fois que cette image a été exportée il va falloir que je puisse l'enregistrer maintenant dans mon dossier. Je vais l'enregistrer ici. C'est bien la FR_1368_08_04.jpg et non plus .psd Et je fais Enregistrer Parfait. Maintenant mon image est enregistrée et vous voyez qu'ici je peux la modifier depuis Photoshop toujours et je suis à ce niveau là. Comme diraient les anglais : so far, so good, j'ai pu importer mon image. Que se passe-t-il maintenant ? Je vais enregistrer ce document. Que se passe-t-il maintenant si je vais dans Photoshop et que je me dis après tout, cet effet n'est pas mal, mais je préférerais le voir plutôt... ...dans les mauves ici comme cela. Je vais venir ici, et je vais enregistrer ce document dans les mauves. Quand je rebascule dans Dreamweaver, maintenant ici, au niveau de Dreamweaver si je regarde au niveau de mon image, je vois que l'icône de l'inspecteur des propriétés qui était grisée tout à l'heure, est active maintenant. Si je clique, je vais pouvoir venir faire une transposition, c'est-à-dire redemander à Photoshop d'enregistrer l'image de mettre à jour ce fichier suivant les mêmes réglages que tout à l'heure et de mettre à jour mon image directement ici au sein de ma palette de travail. Ça peut demander un petit décalage. Si des fois vous voyez que rien ne se passe au bout d'un certain temps, n'hésitez surtout pas à actualiser votre image. vous faîtes un F5 sur le compteur de rendu et vous pouvez actualiser votre image. Maintenant la petite icône est redevenue grisée parce que l'image a été mise à jour. C'est assez intéressant parce que ça permet, quand il y a des modifications qui sont faites sur l'interface ou sur certains types d'effets de correction de pouvoir mettre à jour directement les images dans Photoshop et rien n'avoir à toucher dans Dreamweaver simplement relancer un processus d'importation. Pour la démonstration ici tout a été placé dans le même dossier mais bien entendu que vos images peuvent être placées ici dans des sources et celui-ci dans des fichiers de production. C'est à vous de voir après ce qui correspond au mieux au niveau arborescence et organisation de fichiers.

L'essentiel de Dreamweaver CC 2017

Prenez en main l’environnement de travail de Dreamweaver. Créez des documents, utilisez les CSS, gérez les liens hypertexte, les fichiers multimédia, les formulaires, etc.

7h28 (98 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :30 janv. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !