Photoshop: överlägg transparent text över valfri bildbakgrund

När vi surfar på internet snubblar de flesta av oss över en serie snygga effekter och finputs som webbplatser brukar lägga till för att förbättra sin presentation. Nu, medan den trevliga finishen av några av dessa element kan få dig att tro att de är svåra att åstadkomma, är vissa av dem faktiskt ganska enkla att skapa om du har rätt verktyg till hands.

Den här gången kommer vi att lära oss att använda Photoshop för att lägga över transparent text över vilken bild eller bakgrund som helst för att uppnå en presentationskvalitetseffekt.

Låt oss börja.

Steg 1: Låt oss börja med att öppna din bild i Photoshop.

När du är öppen går du till Lagerpaletten (bild nedan), högerklickar på den och väljer Duplicera lager … Eftersom min bild heter "Bakgrund" kallas det dubbla lagret "Bakgrundskopia" av Photoshop. Vi kommer att använda dessa namn från och med nu.

Steg 2: Klicka på knappen på skivpaletten för att skapa ett nytt lager. När du har skapat den drar du den för att placera den mellan de andra två befintliga lagren.

Steg 3: Nu fyller vi det nya lagret med vitt. För att göra det, se till att klicka på den på paletten Lager för att välja den först.

När du väl markerat går du till menyfältet (eller bara menyn i Windows) till menyn Redigera och välj alternativet Fyll …

I nästa fönster, välj Vit som färg under Innehåll och lämna de andra alternativen som de är. Det nya lagret kommer nu att fyllas med vitt.

Steg 4: Med det nya lagret skapat och färgat i vitt, välj “Bakgrundskopia” -skiktet på paletten Lager för att lägga till din text. När du väl valt klickar du på typverktyget och väljer sedan önskat teckensnitt och dess stil och storlek på alternativfältet ovanför huvudfönstret.

Klicka sedan på bilden och skriv vad du vill ha på den. Gör alla ändringar du vill ha i texten tills du är nöjd med den och klicka sedan på Kontrollmärke- knappen för att acceptera texten.

Steg 5: Nu, med texten skriven på bilden, drar du textlagret under lagringspaletten under "Bakgrundskopia" som visas nedan.

När du gör det klickar du på lagret "Bakgrundskopia". Låt dig inte rädda om texten inte dyker upp. Det beror på att det "täcks" av lagret "Bakgrundskopia".

Steg 6: Låt oss nu skapa den slutliga effekten av att göra texten transparent och sedan placera den ovanpå din bild / bakgrund. Tack och lov kan allt detta göras med ett enkelt kommando i Photoshop.

Klicka på Layer- menyn på menyraden och välj alternativet Create Clipping Mask. Du kommer att se att din text äntligen läggs ovanpå din bakgrundsbild.

Låt oss nu lägga till en enkel effekt för att ge bilden en bättre finish.

Steg 7: Välj textlager på paletten Lager och klicka sedan på Effekter- knappen.

Detta öppnar dialogrutan Layer Style. Det är som standard inställt på alternativet Drop Shadow-effekt, men känn dig fri att spela med den tills du hittar en effekt du gillar. I det här fallet kommer jag att hålla mig till Drop Shadow-effekten, som ger en fin visuell touch till den färdiga bilden som du kan se nedan.

Hoppas att du tycker att denna handledning är användbar. Som ni kan se, ser resultaten ganska bra ut och visar definitivt hur bara några enkla kommandon i Photoshop kan ge kraftfulla resultat.