Video: Insert your art in a mock up using Photoshop Smart Object layers 2024
Evnen til at arbejde med Photoshop-filer i Adobe Dreamweaver CS6 er nyttig for de fleste designere, der er afhængige af Photoshop som en del af deres workflow. Når du placerer Photoshop-filer på en side, opretter Dreamweaver et Smart Object, et billede, der opretholder en forbindelse til den oprindelige Photoshop-fil, hvorfra den blev oprettet.
Billedet viser et ikon, der lader dig vide, om den originale fil blev opdateret, og du kan anvende ændringerne i den oprindelige fil til billedet med et enkelt klik.
Følg disse trin for at placere en Photoshop-fil på din side:
-
Klik, hvor du vil placere det nye billede, og klik derefter på knappen Billede i insert-panelets fælles kategori.
-
Når dialogboksen Vælg billedkilde vises, skal du gennemse og vælge en Photoshop PSD-fil og derefter klikke på Vælg / OK for at vælge billedet.
Dialogboksen Billedoptimering vises. Denne dialogboks lader dig gemme dit billede i de web-venlige GIF-, JPEG- eller PNG-formater.
-
Vælg indstillingen JPEG Høj for maksimal kompatibilitet på rullelisten Foretrukne.
-
Klik på OK for at gemme billedet.
-
Når dialogboksen Gem webbilled vises, skal du navigere til dit websites rodmappe og klikke på OK / Gem for at gemme billedet i den relevante mappe (f.eks. Din standardbilledmappe).
-
Når dialogboksen Billedmærke tilgængelighedsattributter vises, skal du indtaste en kortfattet kort beskrivelse af dit billede (f.eks. Man på cykel).
Det nye billede er placeret, og der vises et lille ikon i øverste venstre hjørne. Denne Smart Object-indikator viser to grønne pile, hvilket indikerer, at billedet er opdateret.
Vælg det billede, du har placeret i den forrige trinliste, og find det originale tekstfelt i ejendomsinspektøren - dette felt viser placeringen af den oprindelige Photoshop-fil. For at redigere billedet kan du blot klikke på knappen Rediger i Photoshop i midten af egenskabsinspektøren for at åbne kildefilen i Photoshop.