Photoshop CC 2014 Hva er nytt for webdesignere?

Siste måned lanserte den nye Photoshop CC 2014, med mange flotte nye funksjoner, spesielt for webdesignere. I denne veiledningen lærer du om følgende nye eller forbedrede funksjoner, og lær hvordan du kommer i gang med å bruke dem:

  • Smarte objekter
  • Layer Comps
  • Smart Guides
  • Typekit Integration
  • Font Search
  • Arbeidsflytforbedringer

Smarte objekter

Å bruke smarte objekter er en fin måte å jobbe ikke-destruktivt på. Du kan legge inn et smart objekt direkte i en Photoshop-fil eller lenke til en egen fil og oppdatere den og bruke den på nytt i flere prosjekter.

Du er kanskje allerede kjent med Linked Smart Objects i Photoshop. I hovedsak er disse de samme som standard Smart Objects, men er i stedet koblet til en fil. Dette betyr at dine koblede smarte objekter ikke er lagret som en del av .psd, men i stedet eksternt, som et eget dokument.

Tradisjonelt kan koblede smarte objekter alltid konverteres til et innebygd smart objekt, men ikke motsatt. Imidlertid, i Photoshop CC 2014 kan Embedded Smart Objects konverteres til Linked Smart Objects! Slik fungerer det:

Trinn 1

Høyreklikk på laget du vil konvertere, og velg deretter Konverter til koblet.

Steg 2

Et nytt vindu vil dukke opp, og du blir bedt om å velge plasseringen av det nye Linked Smart Object. Når du har funnet hvor du vil at det nye Linked Smart Object skal leve, klikker du Lagre.

Trinn 3

Det er det! Hva var en gang et innebygd smart objekt, er nå et koblet smart objekt. Søt!

Layer Comps

Photoshop Layer Comps lagrer spesifikke layoutdetaljer som synlighet, posisjon og utseende som en tilbakekallbar tilstand, noe som betyr at du raskt kan bytte mellom forskjellige versjoner av det samme.

Et eksempel på dette ville være et visittkort, med to Layer Comps. Den første versjonen kunne ha logoen til venstre, og teksten til høyre, mens den andre versjonen kunne ha logoen til høyre, og teksten til venstre. Det er et veldig enkelt konsept, nå gjort enda kraftigere med Photoshop CC 2014.

Adobe har forbedret hvordan Layer Comps-funksjonen fungerer, og dette er spesielt merkbar når man arbeider med et prosjekt med mange lag og Layer Comps. Nå kan du bruke dokumentets nåværende lagposisjon, synlighet og utseende på tvers av alle valgte Layer Comps.

Smarte objekter med lagkomponenter

Photoshop CC 2014 introduserer en måte som du kan kombinere smarte objekter med Layer Comps. For eksempel kan du bygge en ny Photoshop-fil som inneholder mange forskjellige ikoner, hvert enkelt ikon er synlig gjennom en annen Layer Comp.

Du kan da bruke Photoshop-filen som et koblet smart objekt i andre prosjekter, og velg et bestemt ikon ved å aktivere den tilsvarende Layer Comp. Effektivt er det som å bruke ett smart objekt som inneholder en mengde forskjellige elementer.

Smart Guides

Som webdesigner vil du nesten sikkert vite hvor viktig det er å ordne elementer opp riktig, og med riktig mengde mellomrom mellom forskjellige elementer. Heldigvis, med Photoshop CC 2014, trenger du ikke å bekymre deg for disse problemene, og heller ikke om å lage komplekse nett med hjelpefilene.

Med de forbedrede Smart Guides kan du se den relative avstanden mellom forskjellige objekter, slik at du kan plassere ting mye raskere og mer effektivt. Denne funksjonen kan være kjent for deg hvis du bruker Sketch.

Trinn 1

For å begynne å bruke Smart Guides, velg Flytteverktøy, og hold nede enten Kontrolltast (på Windows), eller Kommandotast (på Mac OS X). Magenta linjer vil begynne å vises (du kan endre denne fargen under Photoshop> Innstillinger> Guider, Grids & Slices) viser deg avstanden mellom lerretet og det valgte laget.

Steg 2

Hvis du vil måle avstanden mellom to forskjellige lag, kan du gjøre det ved å peke musen over det andre laget.

Trinn 3

Voilà - det er alt! Du bruker nå de forbedrede Smart Guides! Hvis du vil endre målingene vekk fra standardalternativet, aktiverer du linjaler (enten de Kontrolltast eller Command + R), og høyreklikk deretter linjalen og velg målingene du vil bruke.

Typekit Integration

Photoshop CC 2014 tilbyr massive nye oppdateringer til måten tekstverktøyet fungerer på. En av de mest bemerkelsesverdige nye funksjonene er den forbedrede Typekit-integrasjonen. Det er to hovedtrekk i dette området:

Typekit Font Filtrering

Fra rullegardinmenyen for skriftvalg velger du den nye, gråtonen T ikonet, og du vil bli vist alle dine synkroniserte typekitfonter. Dette er en veldig nyttig måte å identifisere hvilke skrifter som er lagret lokalt, og som er i skyen, på Typekit-serverne.

Skriv inn snarvei for nettsiden

Klikk på den grønne T ikonet ved siden av en gitt skrifttype tar deg til Typekit-depotet, i nettleseren din, som du automatisk blir logget på. Deretter kan du velge skrifttyper som du vil bruke, og deretter synkronisere dem med datamaskinen. Åh, og nevnte jeg at synkroniserte skrifttyper vil vises automatisk, uten å måtte lukke og åpne Photoshop?

Font Search & Previews

En annen nyttig funksjon av Photoshop CC 2014 er Font Search. Begynn å skrive enten et skriftnavn, for eksempel helvet, slik at Helvetica fontfamilier vise eller noe lignende, fet kondisjon, slik at alle Fet kondensert skrifter vises.

Photoshop CC 2014 tilbyr også en Font Preview-funksjon, som lar deg bruke opp og ned piltastene på tastaturet for å vise forskjellige skrifter, en for en, eller ved å holde shift-tasten når du gjør dette for å hoppe over skrifttypefamilier og gå på neste skrift.

Arbeidsflytforbedringer

Det er to viktige arbeidsflytforbedringer inkludert i Photoshop CC 2014. Den første er i området Linked Smart Objects i programvaren. Fra Adobe:

Når du prøver å utføre en operasjon på et koblet smart objekt hvis kildefilen mangler, blir du bedt om at de smarte objektene må rasteriseres eller løstes.

Den andre arbeidsflytforbedringen er knyttet til funksjonen Synkroniseringsinnstillinger - du kan nå spesifisere synkroniseringsretningen, enten ved å laste opp eller laste ned innstillinger fra CC, samt å kunne "synkronisere arbeidsområder, tastatursnarveier og menyjusteringer". Til slutt, "Synkroniseringsinnstillingene logger på Innstillinger> Synkroniseringsinnstillinger fanen viser filene som lastes opp / lastes ned, deres størrelser og tidsstemplene for opplasting / nedlastingsoperasjonen ".

Disse endringene i arbeidsflyten kan være enkle, men vil definitivt være effektive, fremskynde prosjekter og gjøre webdesignere enda mer produktive!

Det var alt folkens!

Jeg er sikker på at du er enig i at de nye funksjonene i Photoshop CC 2014 er veldig spennende, og vil bli en svært nyttig del av designernes verdensomspennende vanlige arbeidsflyter veldig kort tid. Du kan lære mer om alle endringene i Photoshop CC 2014 på Adobe-nettstedet.

Hvis du har spørsmål, eller ønsker å tilby din egen mening på noen av disse verktøyene, vennligst legg igjen en kommentar nedenfor!