Mac   Windows
Cmd (nedersta raden)   Shift (näst nedersta raden)
 
   
Shift (näst nedersta raden)   Ctrl (nedersta raden)
 
Ctrl (nedersta raden)   Alt (nedersta raden)
 
Alt (nedersta raden)   Esc (övre vänstra hörnet)
 
Esc (övre vänstra hörnet)   Backspace (ovanför Enter)
 
Delete (vid Enter)  
 

 
Photoshop grundkurs: CC Barents hus AB Nätbildarna Svefi - Sverigefinska folkhögskolan
Sida 7 | Fortsättningslektion 1 | Lektionslistan | Tangenter | Uppdatera PS Förra sidan | Nästa sida

7. Filtret Förskjutning (Displace): Få text att följa struktur

Det finns ett filter som heter Förskjutning (Displace). Det kan göra så att innehållet i ett lager anpassar sig efter de veck, texturer och rynkor som finns i bilden.

För att visa hur det blir kan vi ta ett snabbt exempel. Jag vill göra reklam för en kurs i finska, så jag tar den enkla vägen: Jag använder en bild på en finsk flagga och skriver "Kurs i finska" på den:

 

Men texten ser förstås inte naturlig ut: Den ligger rakt över den fladdrande flaggan.

För att få texten att se ut som om den hör hemma på flaggan så kan jag använda filtret Förskjutning (Displace) tillsammans med ett par andra effekter. Då kan resultatet bli så här istället:

 

Men det går knappast att gissa sig till hur förskjutningsfiltret fungerar, så vi ska gå igenom det.

Vi ska använda den här bilden i genomgången. Det är bara att spara den som vanligt.

 

Observera! När du använder en egen bild så har jag ett tips: Se till att ytans struktur -- alltså vecken och rynkorna -- inte är för breda eller för djupa. Annars kommer det nämligen att bil svårt att få texten (eller vad du nu väljer att göra veckigt) att se bra ut: Den blir suddig eller korning av att förvrängas så hårt. Du får alltid bättre resultat om ytan bara är "lagom" rynkig, såsom flaggan i exemplet ovan eller jackan vi nu ska använda.

7.1. Skriv in text i bilden
7.2. Skapa en kopia av strukturlagret ovanför textlagret
7.3. Gör lagerkopian svartvit
7.4. Gör lagerkopian till en förskjutningskarta
7.5. Förvräng texten
7.6. Använd filtret Förskjutning (Displace)
7.7. Gör en mask av det förskjutna lagret
7.8. Ge färg åt det svartvita lagret 
7.9. Snygga till texten
7.10. Gör texten vit på rätt sätt
7.11. Spara ett foto på bilden
7.12. Gör texten mörk och glansig

 

 

 

7.1. Skriv in text i bilden

(Vi ska använda filtret Förskjutning (Displace) på text i den här genomgången, men det går naturligtvis bra att använda vanliga lager istället. Det måste alltså inte vara text.)

Jag börjar med att skriva in text i bilden. Det spelar ingen roll vilken färg du använder i det här skedet, så välj någon som syns tydligt.

 

 

 

7.2. Skapa en kopia av strukturlagret ovanför textlagret

För att få strukturen, alltså vecken och rynkorna, att kunna påverka texten så måste de läggas in i ett eget lager ovanpå texten.

I vårt fall finns strukturen -- den skrynkliga jackan -- i själva bakgrundslagret, så vi behöver duplicera det.

Vi kan som bekant duplicera ett lager genom att välja det och sedan trycka på Ctrl + J (Windows) / Cmd + J (Mac), eller genom att högerklicka på lagret snamn och välja Duplicera lager (Duplicate Layer) i menyn.

 

Om fönstret Duplicera lager (Duplicate Layer) visas så är det bara att klicka på knappen OK.

 

Sedan kan vi klicka-och-dra kopian så den ligger ovanför textlagret i bilden.

 

 

 

7.3. Gör lagerkopian svartvit

Vi måste göra lagerkopian svartvit. Detta gör vi av två anledningar:

För det första så är det kopian vi just skapade som kommer att ge sin textur åt texten via en urklippsmask. Det innebär att texten kommer att fungera som ett "hål" genom vilket vi ser lagerkopians textur, så när vi väl färgar lagerkopian blir det den färgen texten också får. Därmed är det bäst om vår lagerkopia först görs svartvit. Då är det nämligen lätt att sedan färga om den utan att någon annan redan existerande färg blandas med nyansen vi väljer.

Och för det andra så ska texturlagret, alltså vår lagerkopia, snart göras till en så kallad förskjutningskarta. Det är en särskild bild som filtret Förskjutning (Displace) använder som referens för att räkna ut var alla veck och skrynklor ska vara -- och det blir alltid bäst om den bilden är i gråskala, eftersom olika färger har olika styrkor som annars kan påverka slutresultatet på fel sätt.

Så vi ska göra vår lagerkopia svartvit nu.

Det är väldigt enkelt gjort: Se till att lagerkopian vi just skapade är vald i lagerpanelen. Gå sedan in på menyn Bild > Justeringar > Tunna ut (Image > Adjustments > Desaturate). Vi använder alltså en vanlig engångseffekt eftersom vi inte behöver kunna ändra på den.

 

Tunna ut (Desaturate) tar bort alla färger ur bilden, vilket ju medför att lagerkopian blir svartvit.

 

 

 

7.4. Gör lagerkopian till en förskjutningskarta

Nu är lagerkopian svartvit. Då ska vi göra den till en egen bild som vi sparar som en förskjutningskarta.

Det är mycket enklare än det kanske låter: Vi ska bara spara det svartvita lagret som en egen bild i Photoshop-format. Då kan vi sedan använda den bilden som mall för texturen vi vill ge texten. Det är det en förskjutningskarta är.

Vi ska börja med att markera hela bilden: Se till så att det svartvita lagret är valt. Gå sedan in på menyn Markera > Allt (Select > All) eller tryck på Ctrl + A (Windows) / Cmd + A (Mac).

 

Då markeras alltså hela bilden.

 

Gå nu in på Redigera > Kopiera (Edit > Copy), eller tryck på Ctrl + C (Windows) / Cmd + C (Mac). Då kopieras det valda lagret.

 

Om vi nu går in på Arkiv > Nytt (File > New), eller trycker på Ctrl + N (Windows) / Cmd + N (Mac)...

 

... så skapas en ny bild. Den får automatiskt samma mått som lagret vi just kopierade. Det är så det ska vara, så det är bara att klicka på OK här.

 

Då får vi en ny, tom bild som alltså är precis lika stor som vårt kopierade lager.

 

Nu kan vi gå in på Redigera > Klistra in (Edit > Paste), eller trycka på Ctrl + V (Windows) / Cmd + V (Mac)...

 

... så klistras det kopierade svartvita lagret in i den nya bilden.

 

Nu ska vi spara bilden.

Gå in på Arkiv > Spara som (File > Save As), eller håll ned Shift + Ctrl (Windows) / Shift + Cmd (Mac) och tryck på bokstaven "S". Spara bilden där du lätt kan hitta den, för vi ska ju snart använda den.

 

Jag har en särskild mapp jag sparar mina förskjutningskartsbilder i som jag döpt till "skrynklor", så jag bläddrar till den -- men det går förstås bra att spara din förskjutningskarta precis var du vill. Det viktiga är att du lätt hittar den senare.

Jag ger bilden namnet "jacka" och sparar den i formatet Photoshop (.PSD). Den måste sparas i formatet Photoshop, annars fungerar inte förskjutningen vi strax ska göra.

 

Nu du sparat den svartvita bilden i formatet Photoshop kan du kan stänga den. Du behöver inte spara den igen.

 

 

 

7.5. Förvräng texten

Nu ska vi fortsätta jobba med originalbilden, så gå tillbaka till den.

Göm det svartvita lagret så texten syns. 

 

Se sedan till att textlagret är valt.

 

Nu ska vi få texten att passa in på jackan. Jag brukar ta det i två skeden: Först en grov böjning så att texten ligger ungefär rätt och har rätt form. Sedan använder jag filtret Förskjutning (Displace) så den även följer bakgrundens textur.

Men vi börjar alltså med den grova böjningen.

Innan vi kan böja texten måste du se till att din text ser ut som du vill ha den vad gäller mellanrum och stavning, för nu ska vi förvandla texten till normal grafik som vi inte längre kan påverka med textverktyget.

Att göra om texten till normal grafik kallas för att rastrera den. Det är något vi tittade på i grundkursen. För att göra detta högerklickar du på textlagrets namn och väljer Rastrera typ (Rasterize Type) i menyn som visas.

 

Då omvandlas alltså textlagret till vanlig grafik. Det ser du på att det stora "T":t till vänster om dess namn i lagerlistan ersätts av samma sorts miniatyrruta alla vanliga grafiklager har.

 

Och nu när vår text blivit till vanlig grafik så kan vi böja den som vi vill.

Det är enklast att använda funktionen Redigera > Omvandling > Tänj (Edit > Transform > Warp) här.

 

När du valt Tänj (Warp) får texten ett rutnät över sig.

 

Att använda Tänj (Warp) är ett ganska viktigt steg om du vill att texten ska se naturtrogen ut, för även om filtret vi snart ska använda får texten att följa bakgrundens textur så kommer filtret inte att ändra på textens själva form så mycket.

Om du t ex tittar på flaggan jag använde som exempel i början av det här kapitlet så ser du hur dess text följer korsets kurva och lutning. Det är något jag fick ställa in med hjälp av just Tänj (Warp) innan jag använde förskjutningsfiltret som fick texten att även följa flaggans veck.

Om jag bara hade använt filtret utan att först tänja texten så hade texten visserligen fått samma veck och struktur som flaggan, men den hade legat spikrakt tvärs över flaggan och inte alls sett ut att passa in.

Du kan klicka-och-dra på alla delar av rutnätet för att förvränga texten på olika vis:

  • Om du drar i rutnätets hörnpunkter eller ytterkanter så drar du ut de delar av texten som ligger närmast dem.
     
  • Om du klickar-och-drar mitt i någon av nätets rutor flyttar du på det som ligger i rutan medan allt annat förvrängs för att anpassa sig efter din ändring.
     
  • Om du klickar-och-drar på någon av rutnätets inre linjer kan du tänja de delar av texten den linjen korsar.
     
  • Och när du väl dragit i något hörn så visas ett par "spakar" som sticker ut ur det. Det kan vara svårt att se dem först, men om du kikar noga så ska du se två streck som sticker ut ur hörnpunkten. Du kan klicka-och-dra på en sådan spaks huvud för att styra den spakens halva av ytterlinjen (du märker vilken del en spak styr när du väl drar i den). Genom att använda spakarna kan du lättare få till en böljande eller vågig form. Det kan verka litet förvirrande i början, men testa ett tag så förstår du hur det funkar.

 

Jag använder Tänj för att få texten att se ut ungefär såhär:

 

När du är nöjd med tänjandet kan du antingen trycka på Enter eller klicka på bocken uppe i alternativfältet. (Och om du är missnöjd kan du antingen trycka på Esc eller klicka på stoppmärket för att ångra tänjningen.) 

 

 

 

7.6. Använd filtret Förskjutning (Displace)

Nu är det dags att få texten att anta de rynkor och veck som finns på jackan.

Se först till så att lagret med texten är valt i lagerpanelen.

Gå sedan in på menyn Filter > Förvrängning > Förskjutning (Filter > Distort > Displace). 

Då får vi fram det här fönstret. Här får ställa in förskjutningen.

 

Vågrät skala och Lodrät skala (Horizontal Scale och Vertical Scale)

Ju högre värden i de här rutorna desto mer kan texten förskjutas vågrätt (Horizontal) samt lodrätt (Vertical), från ingen påverkan alls vid värdet 0 till i stort sett oläslig vid värden kring 20-30. Maxvärdet är 128.

Om du t ex har stora stående veck, som i en ridå eller tung gardin, så kan du behöva ha ett ganska högt värde i rutan Vågrät skala (Horizontal Scale) så att texten får utrymme att förskjutas sidledes. Och om du har veck åt alla håll, som kanske på ett lakan som blåser i vinden, så kan du även behöva använda litet högre värden i rutan Lodrät skalning (Vertical Scale) så att texten kan förskjutas åt båda hållen.

Själv gillar jag små värden eftersom de inte river sönder texten lika mycket utan skapar istället förskjutningar som är synbara men ändå ganska lätta att snygga till. Så jag skriver 5 i båda rutorna. Det gör så att texten kommer att anpassa sig efter vecken i bilden utan att gå helt överstyr.

 

Töj för att passa och Platta (Stretch to Fit och Tile)

De två valen Töj för att passa (Stretch to Fit) och Platta (Tile) används bara om man använder en förskjutningskarta som är en helt annan bild än den man vill vecka till något i.

I så fall behöver man välja något av dessa två val för att ange hur förskjutningskartan ska anpassas till bilden den ska användas i.

Man måste alltså inte göra en svart/vit kopia på samma bild man vill vecka något i och använda den som en förskjutningskarta -- det går precis lika bra att använda en helt annan bild. Det är faktiskt ganska vanligt: I det här fallet kanske jackans veck är för små för att det du vill göra med dem ska bli som du tänkt dig. Då kan du ta en svartvit Photoshop-bild som föreställer något helt annat, exempelvis ett skrynkligt lakan, och använda den som förskjutningskarta i jackbilden istället. Då kommer det du vill göra veckigt att följa lakanets textur istället för jackans.

Men om du väljer en annan bild som förskjutningskarta så behöver du alltså ange något av de här två valen.

Om du använder en förskjutningskarta som har en annan storlek än bilden du vill vecka något i så kan du markera valet Töj för att passa (Stretch to Fit). Då anpassar Photoshop förskjutningskartan efter bilden så de får exakt samma storlekar. Det är det vanligaste valet.

Valet Platta (Tile) gör däremot så att förskjutningskartan inte dras ut, så som valet Töj för att passa gör, utan Platta får istället bilden att upprepas om och om igen tills den täcker hela bildytan.

Vi använder ju en kopia på vår bild som förskjutningskarta, så vi behöver egentligen inte välja något av de här två valen -- men vi måste välja något, och då är det lika bra att markera valet Töj för att passa (Stretch to Fit).

 

Runt bildkant (Wrap Around) och Upprepa kantpixlar (Repeat Edge Pixels)

Dessa påverkar hur kanterna runt förskjutningen ska bete sig. Det bästa valet är Upprepa kantpixlar eftersom Runt bildkant kan orsaka konstiga färgskillnader.

 

När du är klar med inställningarna klickar du på OK. Då får du välja vilken Photoshopbild som ska användas som förskjutningskarta. Bläddra fram till bilden vi sparade i steg 6.4, välj den och klicka på Öppna (Open).

 

 

Då kommer den valda bildens textur att förskjuta vår text. Såhär blev det i min bild: 

 

Nu är vi en bra bit på väg. 

Tips: Om din text blir alldeles utdragen och/eller kornig efter förskjutningen så har du antagligen använt för höga värden när du lade på filtret. I så fall kan du alltid gå tillbaka i Händelselistan och göra om filtret, men med litet lägre värden den här gången.

Och om din text ser ut som om någon huggit den med en kniv så beror det på att den legat litet olyckligt placerad i bilden. Prova i så fall att ångra bort förvrängningen, flytta en aning på texten, och använd sedan förskjutningsfiltret igen.

Om det händer att texten får samma förskjutning oavsett var du placerar den så är det en bugg i Photoshop. Prova i så fall att ångra bort förskjutningen, använd Flytta (Move Tool) för att placera texten på något helt annat ställe och förskjut den där. Om förskjutningen blir annorlunda från förra gången så har buggen lossnat. Då kan du ångra bort den här förskjutningen, placera texten där du vill att den ska vara, och testa igen.