Nyt i Creative Cloud: Forklaret opdateringer til Photoshop CC

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer til webdesignere

Alle videoer i tutorialen Nyt i Creative Cloud: Photoshop CC opdateringer forklaret

Forbedringer af billedstørrelsesdialogboksen

Ligesom med Den selektive skarphed er dialogboksen blevet opdateret i udseende. Endelig har vi fået en forhåndsvisning i billedstørrelsesdialogboksen. Dialogboksen kan også forstørres.

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer for webdesignere.

Jeg har nu adgang til forudindstillinger og kan også oprette brugerdefinerede forudindstillinger. Så hvis jeg f.eks. altid skal udgive en større grafik i samme billedstørrelse som i mit eksempel, kan jeg gemme det som en forudindstilling. Jeg giver simpelthen min forudindstilling et navn i den åbnede filbrowser (her: "Butiksdetaljevisning for cover") og så er denne klar til mig i min liste over forudindstillinger. En god nyhed!

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer for webdesignere.

Derudover er der blevet introduceret en ny interpolationsmulighed, nemlig beregningsmetoden Bevare detaljer (forstørrelse). Denne giver mig en bedre skarpebevarelse ved billedforstørrelser, fordi der samtidig sker en let skarphedsforstærkning ved forstørrelsen.

Når jeg vælger beregningsmetoden Bevare detaljer, kan jeg også reducere den støj, der opstår som følge af den lette skarphedsforstærkning.
Takket være forhåndsvisningen kan jeg også optimalt vurdere billedændringerne, der forventes som følge af ændringer i billedstørrelsen, og reagere derefter ved støjreduktion.

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer for webdesignere.

Imitering af tekstlag på websiden

Når vi opretter weblayouts til kunder, forklarer vi vores kunder under præsentationen af designet, at skrifttypen kan variere lidt fra enhed til enhed og fra browser til browser.

Et eksempel: Vores startside-layout som en billedfil (øverst) til vores agenturvirkomhed (4eck-media.de) for hjemmesiden kosmetik-uhl.de og visningen i webbrowseren (nederst).

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer for webdesignere.

Adobe har nu i Photoshop CC tilføjet to webtilstande til tekstudjævningsindstillingerne. På mit system er det Windows og Windows-LCD. En Mac-bruger får Mac og Mac-LCD. På denne måde kan jeg optimalt imitere, hvordan teksten vil se ud på websiden senere. Det ville have været ideelt, hvis Mac og Windows var tilgængelige som tilstande til valg, for det virker på mig, at teksten altid ser lidt kraftigere ud på Mac end på Windows-systemer.

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer for webdesignere

Kopiering af CSS

I vores agentur brugte vi tidligere i Photoshop CS6 det betalte plug-in CSS Hat, som konverterer vektorformer og lagstile til CSS3-kode. Denne funktion er nu blevet tilføjet i Photoshop CC. Så jeg kan nemt navigere til tekstlag eller formlag med højreklik og kopiere CSS-koden - og derefter indsætte den i en editor. Selvom CSS-koden ikke altid kan overføres på samme måde (f.eks. på grund af absolut position), er det stadig lettere at redigere eksporteret CSS-kode end at skrive den fra bunden.

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer for webdesignere

Det er også dejligt, at lagstilarter bliver taget i betragtning. Hvis min form f.eks. har en skygge, vises denne som box-shadow i CSS-udskriften. Hvis jeg vil kopiere flere objekter som CSS på én gang, skal jeg placere dem i en gruppe og derefter med højreklik på gruppen vælge kopier CSS.

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) – 02 Generelt og forbedringer til webdesignere

Import af webfarver

I Photoshop CC er det muligt at tilføje eller erstatte webfarver til de eksisterende farver via farvepanelet i menuen. Hvis jeg f.eks. blot gemmer en hjemmeside under Gem som, får jeg en række filer, herunder en HTML-fil og nogle CSS-filer. De webfarver, der er fastlagt deri, kan jeg nu importere.

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer for webdesignere

Så behøver jeg ikke at tage omvejen via et skærmbillede og pipetten, hvis jeg ønsker at vælge de rigtige farver. Jeg downloader f.eks. simpelthen HTML- og CSS-filen fra C4D-Treff.de for at få den markante røde farve, hvis jeg ønsker at oprette yderligere medieprodukter i Photoshop efter denne farvevejledning.

Nyt i Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Generelt og forbedringer for webdesignere.