Så gör du ditt eget wordface i Photoshop

För några år sedan var jag riktigt fascinerad av den här typen av bilder, där en bild framträder i en text genom att bokstäverna är olika färgade. De finns i många olika varianter, och har du mycket tid att lägga så tycker jag att du ska göra en för hand med bläckpenna och skapa bilden genom att variera tjockleken på texten, men om du liksom jag vill hinna med fler saker den här månaden rekommenderar jag en vända i Photoshop.

Jag använder Photoshop CS5 på engelska, men tekniken bör fungera även i tidigare versioner av Photoshop och de flesta begrepp är liknande i den svenska versionen. Guiden är skriven så att även du som inte har arbetat så mycket med lager tidigare ska kunna hänga med.

1) Öppna bakgrundsbilden i Photoshop

Använd gärna en så stor bild som möjligt. Det är lätt att skala ner en bild som är för stor, men i stort sett omöjligt att förstora en för liten bild med gott resultat. Undvik alltför detaljerade bilder eftersom man endast kommer att se de genomgripande dragen i bilden. Ansiktsbilder fungerar bra, för hjärnan har lätt att känna igen formen av ett ansikte, och därför blir tolkningen av bilden mycket snabbare och enklare.

Redan nu bör du spara bilden så att du inte gör bort dig eller förlorar ditt arbete. För att inte råka spara över originalbilden, var noga med att välja Spara som… (Save as…) och spara .psd-filen. Ta sedan för vana att spara med jämna mellanrum medan du arbetar.

2) Skapa ett textlager

Fig. 1

Skapa en ruta för texten med hjälp av textverktyget och klistra eller skriv in texten du vill använda. (Se bilden ovan) Texten kommer automatiskt att hamna i ett eget lager. Se till att du har valt svart som textfärg.

Jag använde mig av genererad Lorem ipsum, det vill säga nonsenstext som ser ut som riktig text. Just den här texten skapade jag med InDesigns funktion ”Fill with placeholder text”, men om du inte har InDesign eller tycker att det är smidigare med Internet så kan du även skapa Lorem ipsum via lipsum.com där du också kan läsa lite mer om historian bakom texten. Det är nämligen inte enbart nonsens och påhittade ord, utan har sin grund i en latinsk text.

Det går givetvis lika bra att använda en ”riktig”, förståelig text om du vill att det ska ingå ett budskap i bilden. Det du bör tänka på i det här steget är att ju mindre storlek du använder på bokstäverna, desto tydligare kommer den slutliga bilden att bli och desto fler detaljer kommer att framträda. Anpassa storleken efter hur stor bilden kommer att vara när den visas. Om texten ändå inte ska läsas så räcker det kanske med att man kan urskilja det som text, men om du vill att man ska kunna följa med i texten bör du göra den något större.

Om du använder Lorem ipsum kan du utan problem låta textrutan gå ut över kanterna på bilden och sedan beskära bilden så som du vill ha den.

3) Skapa ett svart lager med en mask byggd på texten

Fig. 2

När vi nu har två lager, det ena med bilden och det andra med texten, kommer vi till själva tricket – att få dem att bli en bild. För att göra det kommer vi att skapa ett svart lager och plocka fram bilden med hjälp av en lagermask.

Börja med att markera textlagret. Gör en kopia av det genom att trycka ctrl+J (PC) eller +J (Mac). På så sätt kommer du att ha texten kvar ifall du skulle råka göra fel.

Nu ska vi rastrera textlagret. Om du har PC gör du det genom att högerklicka på textlagret och välja Rasterize Type i listan. Använder du Mac får du fram samma lista genom att ctrl-klicka på textlagret. Dölj det ursprungliga textlagret (det med ett stort T i miniatyrbilden i lagerlistan) genom att klicka på ögat bredvid miniatyren.

Dölj även lagret med bakgrundsbilden så länge genom att klicka på ögat. Markera sedan det rastrerade textlagret och välj Select > Color range i menyn längst upp i programmet.  Nu får du upp ett fönster vid namn Color range, och där väljer du Shadows i dropdownmenyn längst upp i fönstret. (Se fig. 3) Kryssa i Invert.

Nu har du markerat allt det vita runt texten. Tryck OK.

Fig. 3

För att nu skapa lagret med den tillhörande masken låter du markeringen ligga kvar. Längst ned i lagerlistan hittar du sju små symboler:

Fig. 4

Klicka på ikonen bredvid papperskorgen för att skapa ett nytt lager. Klicka sedan på rektangeln med en cirkel inuti. (tredje från vänster, fig. 4) Nu har du skapat en mask till det nya lagret som bygger på texten. Vad en lagermask gör är att den gör delar av lagret helt eller delvis genomskinligt, och det är precis vad vi vill åt när vi gör den här bilden. Du ser lagermasken som en extra ruta till höger om rutan som visar vad lagret innehåller. Som du ser i bilden nedan så är lagermasken lite spräcklig i vitt och svart. Masken fungerar så att svarta delar är genomskinliga och vita är icke-transparenta. Det svarta i masken är texten, alltså kommer man att se det bakomliggande lagret genom bokstäverna.

Fig. 5

Om markeringen av texten fortfarande ligger kvar tar du bort den med ctrl+D (PC) eller +D (Mac). Lagret som lagermasken tillhör är förmodligen helt tomt. Om så är fallet fyller du det med svart färg med hjälp av fyllnadsverktyget så att det ser ut som i fig. 5. Nu kan du göra bakgrundsbilden synlig igen genom att klicka på ögat. Se till att lagren ligger i samma ordning som i fig. 5 och att inga andra lager är synliga. Om du har gjort rätt så har du nu en svart bild där ditt motiv framträder inuti bokstäverna, likt detta:

4) Justera bilden så att den blir som du vill ha den

Om du känner dig nöjd så kan du betrakta bilden som färdig, men det kan också hända att det behövs vissa justeringar. Markera lagret med bilden och gör de justeringar du tycker behövs där. För att få motivet att bli lite tydligare kan du sänka opaciteten på det svarta lagret, det vill säga göra det aningens genomskinligt (se fig. 6). Men ta inte i för mycket, annars är risken stor att du förstör effekten. 90% är antagligen lagom. Ta ett steg tillbaka så ser du bilden tydligare. Spara bilden som JPEG när du är nöjd.

Fig. 6

• • • • •

Tack för att du kommenterar

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s