i den här handledningen lär vi oss att placera en bild i text med Photoshop, en mycket populär effekt att skapa och en som också råkar vara mycket lätt att göra tack vare kraften i Photoshop s klippmasker, som vi är på väg att se!
den här versionen av handledningen är för Photoshop CS5 och tidigare. Om du använder Photoshop CC eller CS6, se den helt reviderade och uppdaterade versionen av denna handledning. Här är effekten vi går för:
låt oss komma igång!
så här placerar du en bild i Text
Steg 1: Öppna ett foto för att placera inuti din Text
först behöver vi bilden som vi ska placera inuti vår text. Jag använder denna panoramabild av Hawaii:
Se video tutorial på vår YouTube-kanal!
steg 2: duplicera bakgrundsskiktet
om vi tittar i paletten Lager kan vi se att vi för närvarande har ett lager, namngiven Bakgrund. Detta lager innehåller vår bild., Vi måste duplicera detta lager, och det enklaste sättet att göra det är att använda tangentbordsgenvägen Ctrl+J (Win) / Command+J (Mac). Om vi tittar igen i lagpaletten ser vi att vi nu har två lager. Det ursprungliga bakgrundsskiktet ligger på botten och en kopia av bakgrundsskiktet, som Photoshop automatiskt heter ”Layer 1”, sitter ovanför det:
steg 3: Lägg till ett nytt tomt lager mellan de två lagren
därefter måste vi lägga till ett nytt tomt lager mellan bakgrundslagret och ”Layer 1″., För närvarande är” Layer 1 ” Det lager som väljs i paletten Lager. Vi kan berätta vilket lager som väljs eftersom det valda lagret alltid är markerat i blått. Normalt, när vi lägger till ett nytt lager, placerar Photoshop det nya lagret direkt ovanför vilket lager som för närvarande är valt, vilket innebär att Photoshop skulle placera lagret ovanför ”Layer 1”. Det är inte vad vi vill. Vi vill att det nya lagret ska placeras under ”Layer 1”. Här är ett användbart trick., För att lägga till ett nytt lager under det valda lagret, håll ned Ctrl (Win) / Command (Mac) – tangenten och klicka på den nya lagikonen längst ner på paletten Lager. Att hålla ner Ctrl (Win) / Command (Mac) är tricket för att placera lagret under det valda lagret:
Vi har nu ett nytt tomt lager som heter ”Layer 2” som sitter direkt mellan bakgrundslagret och ”Layer 1”:
steg 4: fyll det nya lagret med vitt
just nu är vårt nya lager helt tomt. Låt oss fylla den med vit så det kommer att visas som en vit bakgrund efter att vi har placerat vår bild i texten. Gå upp till menyn Redigera högst upp på skärmen och välj fyll. Detta kommer att ta upp Photoshop Fill dialogruta., Välj vit för alternativet innehåll högst upp i dialogrutan och klicka sedan på OK för att avsluta dialogrutan:
ingenting verkar ha hänt i dokumentfönstret, eftersom bilden på ”Layer 1” blockerar ”Layer 2” från vyn, men om vi tittar på miniatyrbilden för förhandsgranskning av lagret för ”Layer 2” i paletten Lager, kan vi se det säkert nog, lagret är nu fyllt med fast vitt:
Steg 5: välj ”Layer 1” i paletten Lager
det är dags att lägga till vår text, men för att se texten när vi lägger till den måste vi få texten att visas ovanför ”Layer 1”, annars kommer bilden på ”Layer 1” att blockera texten från vyn. För att se till att vi kan se vår text, klicka på ”Layer 1” i paletten Lager för att välja den. På så sätt, så snart vi börjar skriva, skapar Photoshop ett nytt typlager för oss och placerar typskiktet direkt ovanför ”Layer 1”:
steg 6: Välj Typverktyget
för att lägga till texten behöver vi Photoshop: s typverktyg, så välj Typverktyget från verktygspaletten. Du kan också snabbt välja Typverktyget genom att trycka på bokstaven T på tangentbordet:
Steg 7: Välj ett teckensnitt i alternativfältet
med det typverktyg som valts, gå upp till alternativfältet längst upp på skärmen och välj vilket typsnitt du vill använda för effekten. Generellt fungerar teckensnitt med tjocka bokstäver bäst. Jag ska välja Arial Black., Oroa dig inte för teckenstorleken för nu:
steg 8: ange vit som din förgrundsfärg
det här steget är inte absolut nödvändigt, men för att hjälpa mig att se min text kommer jag att använda vit för min textfärg. Färgen du väljer för din text spelar ingen roll eftersom vi fyller i texten med en bild om ett ögonblick, men det hjälper fortfarande att kunna se texten när vi lägger till den. För att ställa in textfärgen till vit, allt vi behöver göra är att ställa in Photoshop förgrundsfärg till vit., Tryck först på bokstaven D på tangentbordet, vilket återställer förgrunds-och bakgrundsfärgerna till standardinställningarna. Svart är standardfärgen för förgrundsfärgen och vit är standardfärgen för bakgrundsfärgen. För att byta dem så vit blir förgrundsfärgen, tryck på bokstaven X på tangentbordet. Om du tittar på förgrunds-och Bakgrundsfärgspatcherna nära botten av verktygspaletten ser du att vit nu är förgrundsfärgen (vänster swatch):
steg 9: Lägg till din Text
med det valda Typverktyget, ditt teckensnitt valt och vitt som din förgrundsfärg, klicka inuti dokumentfönstret och Lägg till din text. Eftersom jag använder ett foto av en havsscen på Hawaii kommer jag att skriva ordet ”HAWAII”:
När du är klar klickar du på kryssrutan upp i alternativfältet för att acceptera texten.
steg 10: Ändra storlek och flytta om texten med kommandot Free Transform
du behöver förmodligen ändra storlek och flytta om din text vid denna tidpunkt, och vi kan göra båda dessa saker med hjälp av Photoshop: s Free Transform-kommando. Tryck Ctrl + T (Win) / Command+t (Mac) på tangentbordet för att få upp den fria Transformeringsrutan och hanterar runt din text och dra sedan någon av handtagen för att ändra storlek på texten. Om du vill ändra storlek på texten utan att förvränga utseendet på den, håll ned Shift-tangenten och dra någon av de fyra hörnhandtagen., Du kan också ändra storlek på texten från dess centrum genom att hålla ner Alt (Win) / Option (Mac) – tangenten när du drar. Slutligen, för att flytta texten, klicka var som helst i Free Transform-rutan och dra musen för att flytta texten runt i dokumentfönstret:
Tryck på Enter (Win) / Return (Mac) när du är klar för att acceptera omvandlingen och avsluta kommandot Free Transform.,
steg 11: Dra textlagret under ”Layer 1”
Nu när vi har vår text som vi vill ha det måste vi flytta typlagret under texten i lagpaletten. Klicka på textlagret och dra sedan ner det under ”Layer 1”. En tjock svart linje visas mellan ”Layer 1” och ”Layer 2”:
släpp musknappen när den svarta linjen verkar släppa typskiktet på plats mellan ”Layer 1” och ”Layer 2”:
steg 12: välj ”Layer 1” igen
klicka igen på ”Layer 1” i paletten Lager för att välja det:
texten försvinner tillfälligt i dokumentfönstret nu när bilden på ”Layer 1” blockerar den från vyn.,
steg 13: skapa en klippmask
för att skapa illusionen att bilden är inuti texten måste vi använda en klippmask. Detta kommer att” klippa ”fotot på” Layer 1 ” till texten på lagret direkt under det. Alla delar av fotot som visas direkt ovanför bokstäverna kommer att förbli synliga i dokumentet. Resten av fotot kommer att försvinna från vyn.,
med ”Layer 1” markerat i paletten Lager, gå upp till menyn lager högst upp på skärmen och välj Skapa klippmask:
om vi tittar i dokumentfönstret kan vi se att fotot nu verkar vara inuti texten:
steg 14: Lägg till en skugga (valfritt)
för att slutföra min effekt kommer jag att lägga till en skugga i bokstäverna., Om du vill följa med, Välj först typlagret i paletten Lager, klicka sedan på ikonen lagerstilar längst ner på paletten Lager:
Välj Drop Shadow från listan över lagerstilar som visas:
detta tar upp Photoshop Layer Style dialogrutan inställd på Drop Shadow alternativ i den mellersta kolumnen., Jag kommer att lämna de flesta alternativen ensam, men jag sänker opaciteten i drop shadow ner till ca 60% så det är inte riktigt så intensivt, och jag ställer in vinkeln på drop shadow till 120°:
klicka på OK när du är klar för att tillämpa drop shadow en utgång från dialogrutan Layer Style. Här är min slutliga ”bild i text” – effekt:
nästa handledning: hur man placerar en bild i flera textlager på en gång!