9 AVANCERAD ANVÄNDNING AV LAGER

Transkript

1 9 AVANCERAD ANVÄNDNING AV LAGER I den här lektionen får du lära dig följande: Importera ett lager från en annan bild. Klippa ur ett lager. Skapa och redigera ett justeringslager. Filtret Gränspunkt och 3D-effekter. Skapa lagerkompositioner för att visa upp ditt arbete. Hantera lager. Göra till ett lager. Slå samman lager. Den här lektionen tar ungefär en timme att genomföra. Kopiera mappen Lesson09 till hårddisken, om du inte redan gjort det. När du arbetar med den här lektionen, behåll startfilerna intakta. Behöver du återställa filerna kopierar du dem från bokens medföljande cd-skiva. 268

2 När du har lärt dig det grundläggande om lagerhantering kan du gå vidare och arbeta med mer avancerade effekter och använda lagermasker, justeringslager, filter och lagerstilar. Du kan även hämta lager från andra bilder. 269

3 Komma igång I den här lektionen ska du kombinera flera bilder för att skapa en kartong till en mobiltelefon. Du ska skapa tre olika bilder som var och en innehåller flera lager, och bilderna kan du visa selektivt med hjälp av lagerkompositioner. Du kommer att lära dig mer om justeringslager, lagereffekter, lagermasker och filter. När du fortsättningsvis vill lära dig ännu mer om lageranvändning bör du också på andra sätt experimentera så mycket som möjligt med filter, effekter, lagermasker och lageregenskaper. Starta Photoshop och tryck genast Ctrl+Alt+Skift för att återställa standardinställningarna (se avsnittet Återställa standardinställningarna på sidan 5). Klicka på Ja för att bekräfta att du vill genomföra återställningen. Klicka på knappen Starta Bridge ( Bridge. ) i programfältet för att starta Adobe Navigera till mappen Lessons på panelen Favoriter i Bridge. Dubbelklicka sedan på mappen Lesson09 på panelen Innehåll. Eventuellt kan du behöva justera storleken på miniatyrerna så att du ser dem tydligt och klart. Studera sedan bilden 09End.psd. Det du ska åstadkomma är en förpackningsprototyp genom att sätta samman grafik från olika filer, skapa lager, lägga till perspektiv och sedan finputsa designen. Du kommer att skapa flera lagerkompositioner som ska användas när du visar designen för dina kunder. Dubbelklicka på filen 09Start.psd för att öppna den i Photoshop. Välj Arkiv > Spara som, och ändra filens namn till 09Working.psd. Klicka på Spara. Klicka på OK i dialogrutan Photoshop Formatalternativ. Dra panelen Lager i dess flik och flytta panelen till arbetsytans övre del. Dra i dess nedre kant så du kan se ungefär tio lager samtidigt utan att rulla. 270 LEKTION 9 Avancerad användning av lager

4 På panelen Lager finns det just nu tre lager, av vilka två är synliga: den tredimensionella kartongen samt bakgrunden. Lagret Full Art är dolt. Markera lagret Full Art. Lägg märke till att lagret är dolt, trots att det är markerat. Klippa ur ett lager till en form Du ska nu lägga till mer grafik och klippa ur den till en form. Klicka på knappen Starta Bridge i alternativfältet för att återgå till Bridge. Dubbelklicka på filen Phone_art.psd för att öppna den. Bilden består av två lager: Phone Art och Mask. Du ska klippa ur Phone Art så att det passar in i formen i det underliggande lagret Mask. Försäkra dig om att lagret Mask ligger under lagret Phone Art. En urklippsform måste ligga under den bild som ska klippas ur. Markera lagret Phone Art. Tryck Alt medan du flyttar pekaren till gränsen mellan lagren. Den ska ändra utseende till två överlappande cirklar ( ). Klicka. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 271

5 Det urklippta lagret, Phone Art, är nu indraget och en pil pekar nedåt mot lagret under, vars namn nu är understruket. Du ska importera den nya bilden till filen 09Start.psd, men först ska du lägga samman lagren så att det blir bara ett lager. Välj Lägg samman synliga, på panelmenyn. Man kan lägga samman lagren på andra sätt, men välj inte kommandot Gör till ett lager, eftersom det skulle ta bort genomskinligheten i bilden. Nu ska du lägga till grafik från en annan bild genom att dra och släppa. Klicka på knappen Ordna dokument i programfältet och välj alternativet Visa 2, så att du kan se båda bilderna samtidigt. Dra lagret Phone Art (som du nyss lade samman) till bilden 09Working.psd, alltså till själva bildfönstret. Lagret hamnar ovanpå det aktiva lagret (Full Art), och också överst på panelen Lager. 272 LEKTION 9 Avancerad användning av lager

6 Dubbelklicka på namnet Phone Art på panelen Lager (som tillhör bilden 09Working.psd). Ändra namnet till Shape Art. Tryck Enter för att verkställa. Välj Arkiv > Spara. Stäng filen Phone_Art.psd utan att spara ändringarna. Så här långt ser resultatet inte alltför intressant ut, men du ska bättra på den saken genom att få det grafiska elementet att följa kartongens form. Med lagret Shape Art alltjämt markerat trycker du Ctrl+A för att markera allt dess innehåll. Tryck Ctrl+X för att klippa ut innehållet. Nu syns bara kartongen, inte grafiken. Välj Filter > Gränspunkt. Du ska använda filtret Gränspunkt för att ange ett perspektivplan som matchar kartongens form. Med verktyget Skapa plan ( ), som är valt som standard, klicka på framsidans övre vänstra hörn för att börja ange planet. Enklast är det att definiera plan när man kan använda ett rektangulärt objekt som guide. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 273

7 Fortsätt med att rita planet genom att klicka på framsidans hörn. När planet är definierat visas ett stödraster på kartongens framsida och verktyget Redigera plan ( ) aktiveras automatiskt. Med detta verktyg kan du justera stödrastrets storlek och form. Använd verktyget Redigera plan och dra i stödrastrets handtag för att justera det. Du ska nu utöka stödrastret så att det även täcker kartongens sida och ovansida. Med verktyget Redigera plan aktivt, tryck Ctrl medan du drar mittpunkten på stödrastrets vänstra sida så att det även täcker kartongens sida. När stödrastret visas där försvinner framsidans stödraster, men dess blå ram finns kvar. Om det behövs använder du verktyget Redigera plan för att justera handtagen även på sidan. 274 LEKTION 9 Avancerad användning av lager

8 När du är nöjd med placeringen, upprepa steg 7 och 8 för att göra samma sak med kartongens ovansida. Vid tillfällen då det handlar om många perspektivplan är det en bra idé att lägga varje perspektivplan på ett eget lager. Originalbilden bevaras då intakt och du kan dessutom nyttja lagrens opacitet, lagerstilar och blandningslägen. Nu är det dags att lägga till grafiken och ge det perspektiv. Notera: Det färdiga stödrastret måste inte passa kartongen absolut exakt. Tryck Ctrl+V för att klistra in det du klippte ut i steg 2. Denna åtgärd aktiverar automatiskt verktyget Markeringsram i dialogrutan Gränspunkt. Med verktyget Markeringsram ( ) drar du innehållet till kartongens framsida så att det ser ut ungefär som på bilden här nedan. När du är nöjd med placeringen klickar du på OK. Välj Arkiv > Spara. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 275

9 I Photoshop kan du aktivera många av dess verktyg och kommandon genom att trycka fördefinierade kortkommandon på tangentbordet. Dessutom kan du ange egna kortkommandon. När du arbetar med den här bildkompositionen kommer du att montera ett antal bilder som skapats i Illustrator, och för att göra arbetet smidigare ska du nu ange ett kortkommando för kommandot Montera. Välj Arkiv > Kortkommandon, vilket öppnar dialogrutan Kortkommandon och menyer. Klicka på triangeln vid Arkiv för att utöka dess innehåll. Rulla nedåt till Montera och markera detta. Tryck F7 för att tilldela den tangenten som ett kortkommando. Du ser då en varning om att F7 redan används. Det är kortkommandot för kommandot Fönster > Lager, som alltså öppnar panelen Lager. Klicka på knappen Acceptera och gå till konflikt. Klicka på OK. 276 LEKTION 9 Avancerad användning av lager

10 Nu kommer det nya kortkommandot väl till pass när du ska lägga till mer grafik i bildkompositionen. Den importerade grafiken utgörs av texten ZX-Tel cellular, ursprungligen skapad i Illustrator med textverktyget och därefter omvandlad till ett grafiskt objekt. Texten kan inte längre redigeras med textverktyget. Men det betyder också att andra som ska arbeta med filen inte behöver ha rätt teckensnitt installerat för att texten ska visas på ett korrekt sätt. Tryck F7 för att öppna dialogrutan Montera. Markera filen ZX-Tel logo.ai i mappen Lesson09. Klicka på Montera, varpå dialogrutan Placera PDF öppnas (som borde ha kallats Montera PDF, övers. anm.). Ändra inga inställningar utan klicka bara på OK för att montera filen. Logon öppnas i läget Omforma fritt, så att du ska kunna modifiera den. Kommandot Montera infogar ett foto, grafiskt objekt eller något som Photoshop tolkar som ett smart objekt. Som du kanske kommer ihåg behåller ett smart objekt bildens samtliga ursprungliga egenskaper, vilket gör det möjligt att redigera det smarta objektet utan risk att det förstörs. Dock finns det några filter och effekter som inte är tillgängliga i samband med smarta objekt. Dra logon till kartongens framsida, och dra sedan i hörnhandtagen så att den på ett ungefär motsvarar bredden på kartongens framsida. Du behöver inte vara alltför noggrann; du ska strax använda filtret Gränspunkt för att placera logon enligt perspektivet. När du är nöjd med placeringen kan du trycka Enter för att montera den. Den monterade bilden visas som lagret ZX-Tel logo, överst på panelen Lager. Ikonen i miniatyren indikerar att det är ett smart objekt. Välj Arkiv > Spara. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 277

11 Du ska nu anpassa texten till den tredimensionella kartongen. Sedan ska du omforma och styla den så att den ser mer trovärdig ut. Eftersom smarta objekt inte stöds av filtret Gränspunkt måste du först omvandla vektorgrafiken till pixelgrafik. Gå till panelen Lager och högerklicka på namnet ZX-Tel logo. Välj kommandot Rastrera lager på snabbmenyn. Det smarta objektet omvandlas till en rasterbild. Välj Bild > Justeringar > Invertera, för att invertera färgen och göra texten ljusgrå. Den blir då tydligare i förhållande till dess bakgrund. Försäkra dig om att lagret ZX-Tel logo är markerat. Välj Markera > Allt, och lagrets innehåll blir markerat. Välj Redigera > Klipp ut. Välj Filter > Gränspunkt för att återgå till perspektivplanet. Kartongen och grafiken med mobiltelefonen finns redan på plats. 278 LEKTION 9 Avancerad användning av lager

12 Tryck Ctrl+V för att klistra in logon i perspektivplanet. Dra den till en lämplig position på kartongens framsida. Tryck Ctrl+T för att visa omformningshandtagen. Dra dessa för att justera logon så att den matchar perspektivet. Eventuellt behöver du rotera logon. Tryck Alt och dra en kopia uppåt till kartongens ovansida. Klicka på OK när du är nöjd med placeringen. Välj Arkiv > Spara. Du ska nu lägga till en lagerstil för att motverka logons platta utseende. Lagerstilar är automatiserade effekter som kan appliceras på lager. Gå till panelen Lager och markera lagret ZX-Tel logo. Välj Lager > Lagerstil > Avfasning och relief. Ändra inga inställningar klicka bara på OK. Logon har nu fått ett betydligt mer dynamiskt utseende. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 279

13 För att slutföra arbetet ska du nu lägga till en del standardinformation på kartongens sida. Tryck F7 och markera filen side box copy.ai. Klicka på Montera. Ändra inga inställningar i dialogrutan Placera PDF och klicka på OK. Tryck Skift och dra i ett hörn för att minska bilden så att den får plats på kartongens sida. Tryck Enter för att montera bilden. Gå till panelen Lager och högerklicka på namnet side box copy. Välj Rastrera lager på snabbmenyn. Textens färg behöver ändras så att den syns bättre. Välj verktyget Polygonlasso ( ), som ligger dolt bakom verktyget Lasso ( ). Klicka runt det översta textavsnittet. Tryck sedan Skift medan du gör samma sak med det nedre textavsnittet. Det som inte ska markeras är alltså diagrammet. Verktyget Polygonlasso fungerade bra här eftersom textraderna är ojämna. Men verktyget Rektangulär markeringsram hade fungerat ändå i det här fallet. Tryck Ctrl+I för invertera färgen från svart till vitt. Välj sedan Markera > Avmarkera. 280 LEKTION 9 Avancerad användning av lager

14 Så var det dags att få den nya informationen att smälta in i perspektivet. Markera lagret side box copy och välj Markera > Allt. Tryck Ctrl+X för att klippa ut lagrets innehåll. Välj Filter > Gränspunkt. Tryck Ctrl+V för att klistra in texten och diagrammet på perspektivplanet. Flytta grafiken så att den passar in på kartongens sida. Eventuellt kan du behöva trycka Ctrl+T för att få tillgång till handtagen som du kan använda för att ändra storleken och formen. När du är nöjd med resultatet klickar du på OK. Du ska nu utföra den här proceduren en gång till för att montera den sista portionen grafik och få den att anpassa sig till perspektivet. Tryck F7 och dubbelklicka på filen special offer.ai. Klicka på OK i dialogrutan Montera PDF. Storleksändra objektet så att det får plats i det nedre vänstra hörnet på kartongens framsida. Tryck Enter. Gå till panelen Lager och högerklicka på namnet special offer. Välj Rastrera lager på snabbmenyn. Lagret är nu inte längre ett smart objekt. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 281

15 Du ska nu placera objektet genom att följa samma procedur som när du lade till informationen på kartongens sida: Markera lagret special offer och välj Markera > Allt. Tryck Ctrl+X för att klippa ut innehållet. Välj Filter > Gränspunkt. Tryck Ctrl+V för att klistra in innehållet. Flytta objektet till framsidans nedre vänstra hörn. Klicka på OK när du är nöjd med placeringen. Välj Arkiv > Spara. För att få förpackningen att se ännu mer realistisk ut ska du nu lägga till ett justeringslager för att få en skugga på kartongen sida. Justeringslager kan läggas till för att göra det möjligt att applicera färg- och tonjusteringar utan att det ändrar bildens pixelvärden. Om du t.ex. lägger till justeringslager för färgbalans kan du experimentera hur mycket som helst eftersom ändringarna bara sker på justeringslagret. Om du sedan avgör att du vill återgå till originalpixlarna behöver du bara dölja eller kassera justeringslagret. Du har använt justeringslager tidigare i boken, och här ska du lägga till ett justeringslager för nivåer för att bredda tonomfånget i ett markerat område, vilket ger ett intryck av bättre kontrast i bilden som helhet. Ett justeringslager påverkar alla underliggande lager, såvida inte det inte finns en aktiv markering när du skapar det. Gå till panelen Lager och markera lagret side box copy. Välj verktyget Polygonlasso ( skapa en markering. ) och klicka på kartongsidans hörn för att 282 LEKTION 9 Avancerad användning av lager

16 Klicka på knappen Nivåer på panelen Justeringar för att skapa ett justeringslager. Dubbelklicka på namnet Nivåer 1 och ange i stället namnet Shadow. Tryck Enter. På panelen Justeringar, dra den vita triangeln ovanför Utgångsnivåer till 210 för att minska ljusheten. Klicka sedan på knappen Gå tillbaka till justeringslista (pilen längst ned till vänster). Välj Arkiv > Spara. Visa och dölj justeringslagret genom att klicka på ögonikonen till vänster på panelen Lager. Du kan då jämföra effekten med hur det såg ut innan. Eftersom du gjorde en markering innan du lade till justeringslagret är det endast det markerade området som påverkas. När du har tittat klart kan du se till att alla lager utom Full Art är synliga. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 283

17 Nästa moment blir att spara alltsammans som en lagerkomposition. Med lagerkompositioner kan man enklare växla mellan olika kombinationer av lager och effekter i en och samma Photoshop-fil. Man kan säga att en lagerkomposition är en ögonblicksbild (snapshot) av Lager-panelens aktuella status. Välj Fönster > Lagerkompositioner. Klicka på knappen Skapa ny lagerkomposition, nedtill på panelen. Ge den nya lagerkompositionen namnet Black Box och skriv en beskrivning i fältet Kommentarer, t.ex. 3D-kartong, ovansida och kortsida med fullfärgsgrafik. Klicka på OK. Du ska nu göra några ändringar och spara den nya designen som en annan lagerkomposition. Dölj lagren Black Box och Shape Art, men visa lagret Full Art. Den här versionen ska du spara som en ny lagerkomposition. 284 LEKTION 9 Avancerad användning av lager

18 På panelen Lagerkompositioner, klicka på knappen Skapa ny lagerkomposition. Ge den namnet Full Image och med beskrivningen 3D-kartong, enbart fullfärgsgrafik. Klicka på OK. På panelen Lagerkompositioner kan du visa och dölja de här lagerkompositionerna och jämföra dem. Man kan även använda lagerkompositioner för att ta en ögonblicksbild av lagrens status, inkl. lagerstilar och blandningslägen. Välj Arkiv > Spara. Hantera lager Lagerkompositioner innebär en utmärkt metod att presentera olika designalternativ. Möjligheten att gruppera lagren efter innehåll är en annan egenskap man har stor användning för. Man kan ordna t.ex. text- och grafikelement genom att skapa separata grupper för varje kategori. Gå till panelen Lager, Ctrl-klicka för att markera lagren special offer, side box copy och ZX-Tel logo. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 285

19 Välj Ny grupp från lager, på panelmenyn. Ange namnet Box Type och klicka på OK. Markera justeringslagret Shadow och Skift-klicka sedan på lagret Full Art för att markera dessa två och lagret mellan dem (Shape Art). Välj därefter Ny grupp från lager, på panelmenyn. Ge den här gruppen namnet Box Artwork. Klicka på OK. Med hjälp av lagergrupper kan du ordna och hantera enskilda lager. Du kan utöka en lagergrupp för att visa de ingående lagren, eller förminska den för att göra arbetsytan mer överskådlig. I en grupp kan du också ändra lagrens inbördes ordning. Dölj respektive lagergrupp för se hur lagren är grupperade. Visa dem sedan. Lagergrupper fungerar i flera avseenden ungefär som lager. Man kan markera, duplicera och flytta hela grupper och även applicera effekter och masker på dem. Alla ändringar som görs på gruppnivå tillämpas på alla lager i gruppen. 286 LEKTION 9 Avancerad användning av lager

20 Precis som du har gjort tidigare ska du nu göra ett lager av alltsammans. När man gör till ett lager resulterar det i ett enda bakgrundslager, vilket i vissa fall reducerar filstorleken avsevärt. Om du tänker skicka iväg filen för påseende är det en bra idé att spara två versioner av den: en som har alla lagren intakta och en där du har gjort alla lagren till ett lager. Börja med att titta på värdet längst ned till vänster i programfönstret. Om det inte är filstorleken som visas, t.ex. Dok: 5,01M/32,2M, klickar du på pilen och väljer Visa > Dokumentstorlekar. Det första värdet anger utskriftsstorleken, vilket ungefär motsvarar storleken som en sparad enlagersversion skulle ha i PSD-format. Det andra värdet anger den ungefärliga filstorleken som den är just för ögonblicket, med lager och kanaler. Välj Bild > Duplicera, ge duplikatet namnet 09Final.psd. Klicka på OK. Välj Gör till ett lager, på Lager-panelens meny. Klicka på OK när du får en fråga om du vill kasta bort dolda lager. Lagren i bilden 09Final.psd har nu blivit ett enda bakgrundslager. Nu ser du också att skillnaden mellan filstorlekarna i programfönstrets nedre vänstra hörn är närmast obetydlig. Observera också att åtgärden fyllde bildens genomskinliga områden med vitt. Välj Redigera > Ångra Gör till ett lager. Vi ska nu titta på en annan metod för att lägga samman lagren och reducera filstorleken. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 287

21 Att lägga samman lager innebär till skillnad från att göra till ett lager att man kan välja vilka lager som ska läggas samman och vilka som inte ska göra det. Du ska lägga samman kartongens alla beståndsdelar, däremot inte ändra bakgrundslagret och lagergruppen Box Type. På det sättet kan du återgå till filen när som helst och använda bakgrunden och Box Type. Gå till panelen Lager och dölj lagergruppen Box Type och därmed alla de ingående lagren. Markera lagergruppen Box Artwork. Välj Lägg samman synliga, på panelmenyn. De lager som inte är synliga i lagergruppen finns kvar och har inte lagts samman. Välj Redigera > Ångra Lägg samman synliga. Vi ska titta på ytterligare en metod för att lägga samman lagren och reducera filstorleken. Det går att dra nytta av fördelarna med att göra till ett lager och samtidigt bevara vissa lager intakta genom att slå samman lager, vilket mycket riktigt innebär att man slår samman två eller flera lager och placerar de sammanslagna lagren på ett nytt lager, medan övriga lager alltså förblir orörda. Det är användbart när man behöver en sammanslagen bild men också vill ha kvar vissa lager för eventuella fortsatta redigeringar. Markera lagergruppen Box Artwork. 288 LEKTION 9 Avancerad användning av lager

22 Tryck Alt medan du väljer Slå samman grupp, på panelmenyn. På panelen Lager visas nu ett nytt lager som inkluderar de sammanslagna lagren. För att minska filstorleken kan du ta bort de ursprungliga lagren. Välj Arkiv > Spara, vilket i det här fallet öppnar dialogrutan Spara som. Klicka på Spara för att spara filen i PSD-formatet. Klicka på OK om dialogrutan Photoshop Formatalternativ dyker upp. ADOBE PHOTOSHOP CS4 ALLT I EN BOK 289

23 Varför använda lagergrupper? Hur gör du för att klippa ur ett lager till en form? Hur fungerar justeringslager, och vad är fördelarna med dem? Vad är lagerstilar, och vad används de till? Vad är skillnaden mellan att göra till ett lager, lägga samman lager och slå samman lager? Med hjälp av lagergrupper kan du ordna och hantera lager. Du kan t.ex. flytta alla lager i en lagergrupp och sedan tillämpa effekter eller en mask på hela gruppen. Placera det lager du vill klippa ur ovanför det lager du vill använda som urklippsbana. Markera det första lagret, tryck Alt medan du placerar muspekaren mellan lagren (på panelen Lager) och klicka sedan. Det urklippta lagret visas indraget, med en pil som pekar nedåt till lagret med urklippsbanan. Ett justeringslager applicerar färg- och tonjusteringar och du kan visa eller dölja, redigera, ta bort eller maskera ett justeringslager utan att de underliggande pixlarna riskerar att ändras eller skadas. Lagerstilar är anpassningsbara effekter som kan tillämpas på lager. Du kan när som helst modifiera eller ta bort dem. Att göra till ett lager betyder att alla lager läggs samman till ett enda bakgrundslager, vilket oftast avsevärt minskar filstorleken. Att lägga samman lager betyder du kan välja vilka lager som ska läggas samman till ett enda lager och eventuell genomskinlighet etc. kvarstår fortfarande. Att slå samman lager är precis som att göra till ett lager, dvs. eventuella genomskinliga områden fylls med vitt. Denna nya bild hamnar på ett eget lager; övriga lager förblir intakta. 290 LEKTION 9 Avancerad användning av lager

24