Photoshop CC 2014 Vad är nytt för webbdesigners?

Förra månaden såg lanseringen av alla nya Photoshop CC 2014, med massor av bra nya funktioner, speciellt för webbdesigners. I den här handledningen läser du om följande nya eller förbättrade funktioner och lär dig hur du börjar använda dem:

  • Smarta objekt
  • Layer Comps
  • Smarta guider
  • Typekit Integration
  • Teckensökning
  • Arbetsflödesförbättringar

Smarta objekt

Att använda smarta objekt är ett bra sätt att arbeta icke-destruktivt. Du kan bädda in ett smart objekt direkt i en Photoshop-fil eller länka till en separat fil och uppdatera den och återanvända den i flera projekt.

Du kanske redan är bekant med Linked Smart Objects i Photoshop. I huvudsak är dessa samma som vanliga smarta objekt, men är i stället kopplade till en fil. Det innebär att dina länkade smarta objekt faktiskt inte sparas som en del av .psd, utan i stället externt som ett separat dokument.

Traditionellt kan länkade smarta objekt alltid konverteras till ett inbäddat smart objekt, men inte tvärtom. Men nu, i Photoshop CC 2014 kan inbyggda smarta objekt konverteras till länkade smarta objekt! Så här fungerar det:

Steg 1

Högerklicka på det lager du vill konvertera och välj sedan Konvertera till länk.

Steg 2

Ett nytt fönster visas och frågar dig om du vill välja platsen för ditt nya Linked Smart Object. När du har hittat var du vill att det nya Linked Smart Object ska leva, klicka på Spara.

Steg 3

Det är allt! Vad som en gång var ett inbyggt smart objekt, är nu ett länkt smart objekt. Ljuv!

Layer Comps

Photoshop Layer Comps sparar specifika layoutdetaljer som synlighet, position och utseende som ett återkallbart tillstånd, vilket betyder att du snabbt kan växla mellan olika versioner av samma sak.

Ett exempel på detta skulle vara ett visitkort med två Layer Comps. Den första versionen kunde ha logotypen till vänster och texten till höger, medan den andra versionen kunde ha logotypen till höger och texten till vänster. Det är ett väldigt enkelt koncept, som nu är ännu kraftfullare med Photoshop CC 2014.

Adobe har förbättrats väsentligt hur funktionen Layer Comps fungerar, och det här är särskilt märkbart när man arbetar på ett projekt med många lager och Layer Comps. Nu kan du tillämpa dokumentets aktuella lagposition, synlighet och utseende över alla valda Layer Comps.

Smarta objekt med Layer Comps

Photoshop CC 2014 introducerar ett sätt att kombinera smarta objekt med Layer Comps. Du kan till exempel bygga en ny Photoshop-fil som innehåller många olika ikoner, varje enskild ikon är synlig genom en annan Layer Comp.

Du kan sedan använda den Photoshop-filen som ett länkat smart objekt i andra projekt och helt enkelt välja en specifik ikon genom att aktivera dess motsvarande Layer Comp. Effektivt är det som att använda ett smart objekt som innehåller ett flertal olika element.

Smarta guider

Som webbdesigner vet du säkert hur viktigt det är att ordna objekt på rätt sätt och med rätt mängd avstånd mellan olika element. Lyckligtvis, med Photoshop CC 2014 behöver du inte oroa dig för dessa problem och inte heller göra komplexa gridar med hjälp av guidverktygen.

Med de förbättrade smarta guiderna kan du se det relativa avståndet mellan olika objekt, så att du kan placera saker mycket snabbare och effektivt. Den här funktionen kan vara bekant för dig om du använder Sketch.

Steg 1

För att börja använda Smart Guides väljer du Flytta verktyget, och håll ner antingen Kontrolltangent (på Windows), eller Kommandotangent (på Mac OS X). Magenta linjer kommer att dyka upp (du kan ändra den här färgen under Photoshop> Inställningar> Guider, galler och skivor) visar dig avståndet mellan duken och det valda lagret.

Steg 2

Om du vill mäta avståndet mellan två olika lager kan du göra det genom att peka musen över det andra lagret.

Steg 3

Voilà - det är allt! Du använder nu de förbättrade smarta guiderna! Om du hellre vill ändra mätningarna bort från standardalternativet, aktivera linjaler (antingen de Kontrolltangent eller Kommando + R) och högerklicka på linjalen och välj de mätningar du vill använda.

Typekit Integration

Photoshop CC 2014 erbjuder massiva nya uppdateringar av hur Textverktyget fungerar. En av de mest anmärkningsvärda nya funktionerna är den förbättrade Typekit integrationen. Det finns två huvudfunktioner i detta område:

Typekit Font Filtrering

Från rullgardinsmenyvalet klickar du på den nya, gråa T ikonen, och du kommer att visa alla dina synkroniserade Typekit-teckensnitt. Det här är en väldigt användbar metod för att identifiera vilka teckensnitt som lagras lokalt, och vilka finns i molnet på Typekit-servrarna.

Skriv in Webbplatsgenväg

Klicka på den gröna T ikonen bredvid ett visst teckensnitt tar dig till Typekit-arkivet, i din webbläsare, som du automatiskt loggas in på. Du kan då välja de teckensnitt som du vill använda och synkronisera dem sedan med din dator. Åh, och jag nämnde att synkroniserade teckensnitt kommer att visas automatiskt, utan att behöva stänga och öppna Photoshop igen?

Teckensökning och förhandsgranskning

Ett annat användbart inslag i Photoshop CC 2014 är Font Search. Börja skriva antingen ett teckens namn, t.ex. helvet, så att Helvetica fontfamiljvisning eller något liknande, djärva cond, så att alla Fet kondenserad teckensnitt visas.

Photoshop CC 2014 erbjuder också en funktion för Font Preview, som låter dig använda upp- och nedåtpilarna på tangentbordet för att visa olika teckensnitt, en-för-en, eller genom att hålla shift-tangenten när du gör det för att hoppa över teckensfamiljer och gå till nästa teckensnitt.

Arbetsflödesförbättringar

Det finns två viktiga arbetsflödesförbättringar som ingår i Photoshop CC 2014. Den första är i området Smarta objekt i programmet. Från Adobe:

När du försöker utföra en operation på ett länkt smart objekt vars källfil saknas, uppmanas du att smarta objekt måste rastereras eller lösas.

Den andra arbetsflödesförbättringen är relaterad till funktionen Synkroniseringsinställningar - du kan nu ange synkroniseringsriktningen, antingen genom att ladda upp eller ladda ner inställningar från CC, samt att kunna "synkronisera arbetsytor, tangentbordsgenvägar och menyanpassningar". Slutligen "loggar synkroniseringsinställningarna på Inställningar> Synkroniseringsinställningar fliken visar filerna som laddas upp / laddas ned, deras storlekar och tidstämplarna för uppladdning / nedladdning ".

Dessa arbetsflödesändringar kan vara enkla men kommer definitivt att vara effektiva, påskynda projekt och göra webbdesigners ännu mer produktiva!

Det är allt, folks!

Jag är säker på att du kommer med på att de nya funktionerna i Photoshop CC 2014 är väldigt spännande och kommer att bli en mycket användbar del av designers globala regelbundna arbetsflöden inom kort. Du kan lära dig mer om alla ändringar i Photoshop CC 2014 på Adobes webbplats.

Om du har några frågor eller vill ge din egen åsikt om något av dessa verktyg, vänligen lämna en kommentar nedan!