Lär dig hur du arbetar med paneler i Photoshop. Du lär dig hur du visar och döljer paneler, ändrar panellayouter, hur du återställer standardlayouten och mer! En del av vår Photoshop Interface-serie.

I den här tutorialen lär vi oss att hantera och organisera panelerna som utgör en så stor del av Photoshops gränssnitt. Mycket av det vi gör i Photoshop görs med paneler. Det finns olika paneler för olika uppgifter. Lagerpanelen, till exempel, är där vi arbetar med lager i vårt dokument. För att lägga till ett justeringslager använder vi panelen Justeringar och vi ställer in alternativ för justeringslager med panelen Egenskaper . Vi kan välja färger från färg- eller färgrutpanelerna, eller ändra storleken och beteendet på en borste med hjälp av borstpanelen . Vi kan till och med gå tillbaka i tid till ett tidigare steg i vårt arbetsflöde med hjälp av Photoshop's History- panel. Och så mycket mer! Det finns till och med en helt ny panel i Photoshop CC, bibliotekspanelen, som hjälper oss att hantera våra bilder och andra designelement.

Om du är ny på Photoshop kan alla dessa paneler verka överväldigande. I den här tutorialen ska jag visa dig hur lätt det är att arbeta med Photoshops paneler och hur du hanterar och organiserar dem på din skärm. Denna version av självstudien har uppdaterats för Photoshop CC. Photoshop CS6-användare kommer att vilja följa med våra Hantera paneler i Photoshop CS6-handledning.

Detta är lektion 5 av 10 i vår Learning the Photoshop Interface-serie. Låt oss börja!

Standardområdet "Essentials" -arbete

Innan vi börjar, låt oss först se till att panelerna jag ser på min skärm är desamma som vad du ser på din skärm. För att göra det återställer vi snabbt Photoshops standardarbetsyta. Ett arbetsområde bestämmer vilka av Photoshop-paneler som visas på skärmen och hur panelerna är ordnade. Photoshop innehåller flera inbyggda arbetsytor som vi kan välja mellan, och vi kan till och med spara våra egna.

Photoshops standardarbetsyta är känd som Essentials arbetsyta. Om du är ny på Photoshop vill du hålla dig till Essentials-arbetsytan för nu. Essentials-arbetsytan är en allmän arbetsyta som passar för många olika uppgifter. Det är också arbetsytan vi använder i våra tutorials. Innan vi tittar på Photoshops paneler, låt oss se till att vi båda använder Essentials-arbetsytan. Och vi ska se till att själva arbetsytan är inställd på dess standardlayout.

Att välja arbetsområdet för Essentials

Först väljer vi arbetsytan för Essentials. Om du tittar i det övre högra hörnet av Photoshop CC-gränssnittet hittar du två ikoner. Förstoringsglasikonen till vänster är för att öppna Photoshops nya sökfält . Jag täckte sökfältet i läran om Photoshop-gränssnittet så att vi inte tittar på det här. Istället vill vi ha den rektangulära ikonen direkt bredvid den. Det här är Photoshops ikon för val av arbetsyta :

Klicka på ikonen för val av arbetsyta.

För att se vilka av Photoshops arbetsytor som för närvarande är aktiva eller för att välja ett annat arbetsområde, klicka på ikonen. Överst på menyn som visas finns en lista över arbetsytor du kan välja mellan. Det för närvarande aktiva arbetsområdet har ett kryssmärke bredvid namnet. Som standard bör Essentials vara aktiva. Om det inte är det, klicka på det högst upp i listan för att välja det:

Menyn för val av arbetsyta. Essentials bör väljas högst upp.

Återställa arbetsområdet för Essentials

Med Essentials-arbetsytan vald, låt oss se till att panelerna är inställda på sin standardlayout. Det gör vi genom att återställa arbetsytan. Om du vill återställa Essentials-arbetsytan väljer du Återställ Essentials på menyn:

Återställ Essentials-arbetsytan.

Arbeta med Photoshops paneler

Panelen

Med Essentials-arbetsområdet valt och återställt, låt oss titta på Photoshop-paneler. Panelerna visas i kolumner i panelområdet till höger om gränssnittet. I Photoshop CC finns det tre panelskolumner som standard. Den nya bibliotekspanelen får sin egen kolumn längst till höger. Huvudpanelspalten, där vi hittar paneler som vi använder mest, är i mitten. Och till vänster är en smal, sekundär kolumn med paneler. Jag har mörktat resten av gränssnittet i skärmdumpen för att markera panelområdet till höger:

Photoshops panelområde.

Huvudpanelens kolumn

De paneler som vi vanligtvis använde mest i Photoshop finns i huvudkolumnen i mitten. Som standard öppnar Photoshop tre paneler för oss. Överst på huvudkolumnen är färgpanelen. Under panelen Färg finns Egenskaper- panelen. Och längst ner har vi panelen Lager . Hur vet vi att vi tittar specifikt på panelerna Color, Properties och Layers? Vi vet eftersom varje panel har sitt namn på en flik högst upp på panelen:

Photoshop visar panelerna Color, Properties och Layers som standard.

Panelgrupper

Observera att det tillsammans med panelerna Color, Properties och Layers också finns andra paneler i kolumnen. Till exempel har färgpanelen längst upp en flikprov till höger om den. Egenskapspanelen har en flik Justeringar bredvid. Och till höger om lagpanelen längst ner finns två andra flikar, kanaler och sökvägar . Med så många paneler att arbeta med i Photoshop behövde Adobe ett sätt att förhindra att de rör sig upp på skärmen. Lösningen var att gruppera relaterade paneler i panellgrupper . En panelgrupp kan innehålla två eller flera enskilda paneler. Detta gör att flera paneler kan passa in i utrymmet för en enda panel.

Hur fungerar panelgrupper? Låt oss titta på färgpanelen. Vi vet att det är färgpanelen eftersom det står "Färg" i fliken högst upp. Men bredvid fliken "Färg" finns en annan flik som säger "Swatches". Den andra fliken är för en annan panel som grupperas med färgpanelen. Photoshop kan bara visa en panel i en grupp åt gången. Så medan en panel är öppen förblir de andra panelen i gruppen dolda bakom den. Panelen som för närvarande är öppen i gruppen kallas den aktiva panelen . Vi kan berätta vilken panel i gruppen som är aktiv eftersom namnet på den aktiva panelen verkar ljusare än de andra.

Växla mellan paneler i en grupp

För att växla mellan paneler i en grupp, klicka på flikarna . Till vänster ser vi till exempel att färgpanelen är öppen, med färgrutpanelen gömd i bakgrunden. Till höger har jag klickat på fliken Flaskprövningar. Detta öppnar färgrutpanelen och skickar färgpanelen i bakgrunden. För att byta tillbaka till färgpanelen, behöver jag bara klicka på färgpanelens flik:

Växla mellan panelerna Färg och färgrutor genom att klicka på flikarna.

Jag gör samma sak med Egenskapspanelen som för närvarande är aktiv i en separat grupp. Jag kan se från flikarna att panelen Justeringar är inbäddade bredvid den. För att växla till panelen Justeringar klickar jag på fliken. Detta gör att Justeringspanelen är aktiv och döljer Egenskaper-panelen:

Klicka på flikarna för att växla mellan panelerna Egenskaper (vänster) och Justeringar (höger) i gruppen.

Ändra panelen i en grupp

Låt oss lära dig hur du ändrar panelen i en grupp. Observera att Egenskapspanelen listas först i gruppen medan Justeringspanelen visas på andra plats. Det är standardlayouten, men vi kan enkelt ändra den. Om du vill ordna om panelerna i en grupp klickar du på panelens flik. Dra sedan fliken åt vänster eller höger med musknappen kvar. Släpp musknappen för att släppa panelen på plats.

Här har jag klickat på fliken Egenskaper för att välja den, och utan att lyfta min musknapp drar jag panelen åt höger. Jag drar den till andra sidan av fliken Justeringar:

För att ändra panelordning, klicka och dra flikarna åt vänster eller höger.

När du har dragit fliken dit du vill ha den, släpp musknappen. Photoshop släpper fliken till sin nya position inom gruppen. Här listas min justeringspanel nu först i gruppen, med Egenskapspanelen sekund:

Ordningen på flikarna har ändrats.

Flytta paneler mellan grupper

Låt oss därefter lära dig att flytta paneler mellan grupper. Vad händer om jag istället för att bara ändra panelen i en grupp vill flytta en panel till en annan grupp? Låt oss till exempel säga att jag vill flytta justeringspanelen till samma grupp som innehåller panelerna Färg och färgrutor. För att flytta en panel från en grupp till en annan, klicka på panelen. Dra sedan fliken till den nya gruppen med musknappen intryckt. En blå markeringsruta visas runt gruppen. Den blå rutan berättar var Photoshop kommer att tappa panelen när du släpper musknappen. Här drar jag min inställningspanel upp till panelgruppen Färg och färgrutor:

En blå markeringsruta visas runt gruppen jag vill flytta panelen till.

Jag släpper min musknapp, då Photoshop släpper justeringspanelen i samma grupp som panelen Färg och färgrutor. Lägg märke till att Egenskapspanelen nu är ensam i sin egen grupp:

Paneler kan enkelt flyttas från en grupp till en annan.

Skapa nya panelgrupper

Tillsammans med att flytta paneler från en grupp till en annan, kan vi också skapa nya panelgrupper i Photoshop. Som vi just såg, genom att flytta min justeringspanel till en annan grupp, lämnade jag min Egenskapspanel sittande ensam i sin egen grupp. Men vi kan faktiskt skapa en ny grupp från valfri panel. Om du vill skapa en ny panelgrupp klickar du och håller ned på en panelflik i en befintlig grupp. Dra sedan panelen ur gruppen och släpp den till en ny plats utanför någon annan grupp.

Låt oss säga att jag vill isolera min färgpanel och placera den i sin egen grupp. Och jag vill att den nya gruppen ska visas direkt ovanför Egenskaper-panelen. För att göra det klickar jag på färgpanelens flik. Sedan, med min musknapp fortfarande intryckt, börjar jag dra fliken ned mot Egenskapspanelen tills en blå markeringsfält visas mellan de två befintliga panelerna. Det är viktigt att notera att den här gången letar vi efter en markeringsfält, inte en gräns:

Dra färgpanelen mellan två panelgrupper.

När markeringsfältet visas släpper jag min musknapp. Photoshop släpper färgpanelen i sin egen grupp mellan de två andra grupperna:

En ny grupp har skapats för färgpanelen.

Kollapsa och utöka panelen grupper

Låt oss därefter lära dig hur du maximerar utrymmet i panelområdet genom att kollapsa och utöka panellgrupper. Vi kan tillfälligt kollapsa en panellgrupp så att bara flikarna längst upp i gruppen visas. Detta frigör mer utrymme för paneler i andra grupper. För att kollapsa en panelgrupp, dubbelklicka på valfri flik i gruppen. Detta kommer att kollapsa alla paneler i gruppen oavsett vilken flik du klickade på. Här har jag dubbelklickat på fliken Swatches. Detta kollapsar både Swatches-panelen och justeringspanelen bredvid så att bara deras flikar är synliga. Lägg märke till att färgpanelen under dem har blivit högre för att fylla det extra utrymmet:

Om du vill kollapsa alla paneler i en grupp dubbelklickar du på någon av flikarna.

Om du vill utöka en grupp som du har kollapsat för att synliggöra panelerna klickar du en gång på en flik i gruppen. Här har jag klickat en gång på panelen Swatches, och nu är panelen igen synlig. Färgpanelen under gruppen har återgått till sin ursprungliga, mindre storlek. Så, bara för att snabbt sammanfatta, dubbelklicka på en flik för att kollapsa gruppgruppen. Enkelklicka på en flik för att utvidga den:

För att expandera en kollapsad gruppgrupp, klickar du på en flik.

Stänger en enda panel

Tillsammans med kollaps och utbyggnad av paneler i Photoshop kan vi också stänga paneler som vi inte använder. För att stänga en enda panel i en grupp, klicka först på panelens flik för att välja den. Klicka sedan på menyikonen längst upp till höger på panelen och välj Stäng på menyn. Jag klickar på min Swatches-panel för att göra den aktiv. Sedan klickar jag på menyikonen:

För att stänga en panel, klicka på fliken och sedan på menyikonen.

För att stänga panelen väljer jag Stäng :

Välj kommandot Stäng på menyn Färgpanel.

Detta stänger den specifika panelen utan att stänga några andra paneler i gruppen. I det här fallet förblir min justeringspanel öppen trots att jag har stängt färgrutpanelen:

Justeringspanelen är fortfarande öppen efter att du har stängt färgrutpanelen.

Stänger en panelgrupp

Klicka på samma menyikon i det övre högra hörnet för att stänga en hel panelgrupp, snarare än bara en enda panel i gruppen.

För att stänga en panelgrupp, klicka på menyikonen.

Välj sedan Stäng flikgrupp på menyn:

Välj kommandot Close Tab Group.

Och nu har hela gruppen (färgrutpanelen och panelen Justeringar) försvunnit. Min färgpanel, som var under gruppen för ett ögonblick sedan, har återigen blivit högre för att fylla utrymmet:

Att stänga topppanelgruppen skapade mer utrymme för gruppen under den.

Stänga en panel eller grupp från fliken

Ett annat sätt att stänga en panel eller panelgrupp i Photoshop är att högerklicka (Win) / Control-klicka (Mac) direkt på en panels flik . För att stänga själva panelen väljer du Stäng på menyn. Välj Stäng flikgrupp för att stänga hela panelen. Här har jag högerklickat (Win) / Control-klickat (Mac) på fliken Bibliotek . I detta fall, eftersom Libraries-panelen är den enda panelen i gruppen, skulle val av antingen Stäng eller Stäng flikgrupp resultera i att hela gruppen stängs:

Stänga bibliotekspanelen från själva fliken.

Kortkoder, åtgärder och filter Plugin: Fel i kortkod (ads-basics-middle)

Öppna paneler från fönstermenyn

Alla Photoshop-paneler kan nås från fönstermenyn i menyfältet längst upp på skärmen. För att öppna en panel igen efter att du har stängt den eller öppna någon av Photoshops andra paneler, klicka på Fönstermenyn :

Klicka på fönstermenyn i menyfältet.

Detta öppnar en meny med bland annat en komplett lista över alla tillgängliga paneler i Photoshop. En bock bredvid en panels namn betyder att panelen för närvarande är öppen och aktiv på skärmen:

Fönstermenyn som visar var och en av Photoshops 29 paneler.

Klicka på dess namn i listan för att öppna en panel som inte redan är öppen (inget kryssmärke bredvid). Jag öppnar min justeringspanel igen genom att välja den:

Välja färgpanelen från fönstermenyn.

Photoshops klibbiga paneler

Justeringspanelen visas igen högst upp i huvudpanelspalten, exakt där den var innan jag stängde den. Och märker att min Swatches-panel också har dykt upp bredvid den i samma grupp, även om jag inte valde Swatches-panelen från listan. Det beror på att Photoshop kommer ihåg vår panellayout. I det här fallet kom det ihåg att mina paneler för justeringar och färgrutor var grupperade. Och det kom ihåg att deras panelgrupp satt ovanför min färgpanel. Photoshops gränssnittselement, inklusive paneler och grupper, är klibbiga . De förblir på samma plats om inte, eller tills vi flyttar dem:

Genom att öppna en panel öppnar du också andra paneler som grupperades med den.

Öppna vs aktiva paneler

Vi har lärt oss att markeringen bredvid en panels namn under fönstermenyn innebär att panelen för närvarande är öppen. Men bocken betyder också att panelen för närvarande är den aktiva panelen i gruppen. Andra paneler i gruppen kan också vara öppna. Men bara den aktiva panelen i gruppen har kryssmarkeringen.

Låt oss till exempel titta på panelen Lager . Panelen Lager har två andra paneler, kanaler och sökvägar, grupperade med den. Men Layers-panelen är för närvarande den aktiva panelen i gruppen:

Lagen, kanaler och sökvägar. Panelen Lager är aktiv.

Om vi ​​tittar på min lista över paneler under fönstermenyn ser vi det nog så att panelen Lager har ett bock vid sidan av namnet. Även om panelerna Channels and Paths också är öppna på skärmen, har ingen av dem en bock:

Endast Layer-panelen (den aktiva panelen i gruppen) får kryssmarkeringen.

Jag klickar på fliken Kanaler för att göra den till den aktiva panelen i gruppen. Detta skickar lagpanelen till bakgrunden med sökvägspanelen:

Byt till kanalpanelen.

Och nu om vi tittar igen på min lista med paneler under fönstermenyn ser vi att panelen Kanaler får markeringen. Panelen Lager är fortfarande öppen, men eftersom den inte längre är den aktiva panelen i gruppen får den inte längre en bock. Och naturligtvis inte Paths-panelen. Du kan se hur detta kan bli förvirrande. Markeringen betyder att en panel är öppen och aktiv . Inget bock betyder att panelen kan vara stängd (visas ingenstans på skärmen) eller att den bara kan kapslas in bakom en annan aktiv panel i sin grupp:

Kontrollmärket har flyttats från panelen Lager till den nyaktiva kanalen.

Den sekundära panelen kolumnen

Hittills har vi fokuserat vår uppmärksamhet på huvudpanelskolumnen. Men det finns också en sekundär kolumn till vänster. Den här andra kolumnen kan verka lite förvirrande till en början, eftersom panelerna i denna kolumn som standard bara visas som ikoner :

En andra panelskolumn visas till vänster om huvudkolumnen.

I Photoshop CC är de två panelerna som ursprungligen visas i den andra kolumnen Historik- panelen överst och enhetsförhandsvisningspanelen nedanför. Det kan hända att du frågar: "Hur ska vi veta vilka paneler de är bara genom att titta på dessa konstiga ikoner?" Nåväl, ett sätt är att om du råkar ha Show Tool Tips aktiverade i Photoshops inställningar (det är på som standard), kommer namnen på panelerna att visas när du håller muspekaren över varje ikon.

Ett bättre sätt är dock att om du håller muspekaren över kolumnens vänstra kant kommer din markör att förvandlas till en riktningspil med två huvud. Klicka på kolumnens kant och dra med musknappen nedåt till vänster för att ändra storlek på kolumnen. När du drar ser du de verkliga namnen på panelerna som visas bredvid ikonerna, vilket är mycket mer användbart. Släpp musknappen när du har lagt tillräckligt med utrymme för att namnen ska passa:

Ändra storlek på bredden på den andra kolumnen för att visa panelenamn tillsammans med ikonerna.

Expandera och kollapsa sekundära paneler

En bra användning för den här sekundära kolumnen är att hålla paneler som vi använder men behöver inte ha öppna hela tiden. Ikonvyläget håller dessa paneler tillgängliga utan att de tar upp värdefullt skärmutrymme. För att utöka en panel till full storlek klickar du på antingen ikonen eller dess namn. Här utvidgar jag historikpanelen genom att klicka på den:

Klicka på historikpanelens namn / ikon för att expandera den till full storlek.

För att kollapsa panelen tillbaka till dess ikonvyläge, klicka antingen igen på ikonen eller namnet eller klicka på den lilla dubbelpilikonen uppe till höger på panelen:

Klicka på dubbelpilikonen för att kollapsa panelen.

Kollapsa och utöka den sekundära panelen kolumnen

Om du vill utöka alla paneler i den andra kolumnen på en gång klickar du på dubbelpilikonen i det övre högra hörnet på den andra panelen:

Klicka på dubbelpilikonen för att expandera hela den andra panelen.

För att kollapsa alla panelerna i den andra kolumnen på en gång klickar du igen på samma ikon:

Klicka på samma dubbelpilikon för att kollapsa den andra panelen.

Kollapsa och utöka huvudpanelskolumnen

För att frigöra ännu mer utrymme på skärmen kan du också kollaps huvudpanelens kolumn. Om du vill kollapsa huvudkolumnen klickar du på dubbelpilikonen uppe till höger:

Kollaps huvudpanelskolumnen.

Detta kommer först att kollapsa panelerna så att bara deras namn och ikon är synliga:

Huvudkolumnen efter att panelerna först kollapsade.

Om du vill kollappa huvudpanelerna till bara deras ikoner håller du muspekaren på delningslinjen mellan huvud- och andra kolumnerna. När markören ändras till en dubbelriktad riktningspil klickar du på delningslinjen och drar den mot höger tills endast ikonerna är synliga:

Båda kolumnerna i panelerna visas nu i ikonvyläge.

För att omedelbart utöka huvudkolumnen till full storlek klickar du igen på dubbelpilikonen i det övre högra hörnet:

Klicka på dubbelpilen för att expandera huvudkolumnen till full storlek.

Och nu är vi tillbaka till kolumnens standardvy-läge, vilket är så jag brukar lämna det:

Huvudkolumnen är nu tillbaka i full storlek.

Flytta panelgrupper mellan kolumner

Vi kan flytta paneler i Photoshop från en kolumn till en annan lika enkelt som vi kan flytta dem mellan grupper. För att flytta en panel mellan kolumner, klicka och håll ned på panelen och dra panelen till den andra kolumnen. Den blå markeringsrutan eller fältet visar var panelen ska tappas när du släpper musknappen.

Låt oss säga att jag vill flytta min Egenskapspanel från huvudkolumnen till den sekundära kolumnen. Och jag vill att den ska visas i sin egen, oberoende grupp i den andra kolumnen. För att göra det klickar jag och håller kvar på fliken Egenskaper. Sedan drar jag den över till den andra kolumnen så att den blå stapeln visas direkt under panelen Enhetens förhandsgranskning:

Dra Egenskapspanelen från huvudkolumnen till den sekundära kolumnen.

Jag släpper min musknapp, och nu visas min Egenskaps-panel i sin egen grupp under Enhetens förhandsgranskning:

Egenskapspanelen finns nu i den sekundära kolumnen.

Därefter vill jag flytta min Justerings-panel till samma grupp som min Egenskaps-panel. Jag klickar och håller kvar på fliken Justeringar i huvudkolumnen. Sedan drar jag den in i den andra kolumnen och över toppen av fliken Egenskaper-panelen så att den blå markeringsrutan visas runt själva fliken:

Gruppera justeringspanelen med Egenskaper-panelen i den andra kolumnen.

Jag släpper min musknapp, och nu delar båda panelerna samma grupp i den andra kolumnen:

Båda panelerna har flyttats från en kolumn till den andra.

Flytta panelgrupper mellan kolumner

Vi kan också flytta en hel panelgrupp mellan kolumner. Om du vill välja en panelgrupp i huvudkolumnen klickar du på en tom plats bredvid flikarna längst upp. I den sekundära kolumnen klickar du och håller ned i fältet högst upp i gruppen. Dra sedan gruppen från en kolumn till den andra.

Låt oss säga att jag vill flytta min Egenskaper och Justeringar-grupp tillbaka till huvudkolumnen. För att ta tag i hela gruppen på en gång klickar jag och håller i den lilla fältet högst upp i gruppen:

Klicka på fältet för att välja panelgrupp.

Sedan drar jag gruppen in i huvudkolumnen så att den blå stapeln visas mellan färgrutorna och färgpanelerna:

Klicka på fältet för att välja panelgrupp.

När jag släpper min musknapp släpper Photoshop gruppen mellan de två panelerna. Och nu är båda panelerna tillbaka i huvudkolumnen:

Hela panelgruppen har flyttats på en gång.

Så här återställer du panelerna till standardlayout

Nu när vi vet hur vi flyttar paneler runt i Photoshop, låt oss återställa dem till standardlayouten. För att återställa Photoshops paneler klickar du på ikonen för val av arbetsyta precis ovanför panelområdet:

Klicka på ikonen för val av arbetsyta.

Välj sedan Återställ Essentials från menyn. Detta återställer Essentials-arbetsytan och skickar dina paneler tillbaka till standardlayouten:

Att välja "Återställ väsentligheter".

Vart ska jag gå …

Och där har vi det! Så här hanterar och organiserar du panelerna i Photoshop! I nästa lektion i den här serien lär vi oss att arbeta med flikar och flytande dokumentfönster i Photoshop!

Eller kolla in någon av de andra lektionerna i detta kapitel:

  • 01. Lär känna Photoshop-gränssnittet
  • 02. Photoshop-verktyg och verktygsfältverifiering
  • 03. Hur återställer du verktygen och verktygsfältet
  • 04. Hur du anpassar verktygsfältet
  • 05. Hantera paneler i Photoshop
  • 06. Arbeta med flikdokument och flytande fönster
  • 07. Hur du visar flera bilder samtidigt
  • 08. 5 sätt att flytta bilder mellan dokument
  • 09. Hur man använder arbetsytor
  • 10. Skärmlägen och gränssnittstrick

För mer kapitel och våra senaste tutorials, besök vårt Photoshop Basics-avsnitt!