Hvordan du plasserer Photoshop Smart Objects i Adobe Dreamweaver CS6 - dummies

Evnen til å jobbe med Photoshop-filer i Adobe Dreamweaver CS6 er nyttig for de fleste designere som er avhengige av Photoshop som en del av arbeidsflyten. Når du plasserer Photoshop-filer på en side, oppretter Dreamweaver et Smart Object, et bilde som opprettholder en forbindelse til den opprinnelige Photoshop-filen fra hvilken den ble opprettet.

Bildet viser et ikon som lar deg vite om originalfilen ble oppdatert, og du kan bruke endringene i den opprinnelige filen til bildet med ett klikk.

Følg disse trinnene for å plassere en Photoshop-fil på siden din:

1. Klikk hvor du vil plassere det nye bildet, og klikk deretter på Bilde-knappen i Sett inn-panelets Vanlige kategori.

2. Når dialogboksen Velg bildekilde vises, bla gjennom og velg en Photoshop PSD-fil, og klikk deretter Velg / OK for å velge bildet.

   Dialogboksen Bildeoptimalisering vises. Denne dialogboksen lar deg lagre bildet ditt i de nettvennlige GIF-, JPEG- eller PNG-formatene.

   

3. I rullegardinlisten Forhåndsinnstilling velger du alternativet JPEG høy for maksimal kompatibilitet.

4. Klikk på OK for å lagre bildet.

5. Når dialogboksen Lagre webbilde vises, navigerer du til nettstedets rotmappe og klikker OK / Lagre for å lagre bildet i den aktuelle mappen (for eksempel standardbildemappen).

6. Når dialogboksen Image Tag Accessibility Attributes vises, skriver du inn en kortfattet, kort beskrivelse for bildet ditt (for eksempel Man on Bicycle).

   Det nye bildet er plassert, og et lite ikon vises i øvre venstre hjørne. Denne Smart Object-indikatoren viser to grønne piler, noe som indikerer at bildet er oppdatert.

Velg bildet du plasserte i forrige trinnliste, og finn det originale tekstfeltet i egenskapsinspektøren - dette feltet viser plasseringen til den opprinnelige Photoshop-filen. For å redigere bildet kan du bare klikke på Rediger i Photoshop-knappen i midten av egenskapsinspektøren for å åpne kildefilen i Photoshop.