Articles

Omvandla Text i Photoshop: förvränga och 3D perspektiv effekter

skriven av Steve Patterson.

i den här handledningen visar jag dig hur du omvandlar text med Förvrängnings-och Perspektivkommandon i Photoshop! Normalt tillåter Photoshop oss inte att använda förvränga eller perspektiv med typlager. Men här visar jag dig ett enkelt trick för att låsa upp båda kommandona och hålla din text helt redigerbar.

Jag använder den senaste versionen av Photoshop CC men någon ny version fungerar. Låt oss komma igång!

ladda ner denna handledning som en utskriftsklar PDF!

lägga till texten

det första vi behöver göra är att lägga till lite text. Här är en bild som jag har öppnat i Photoshop för att använda som bakgrund för min effekt. Jag laddade ner den här från Adobe Stock:

bakgrundsbilden. Bildkälla: Adobe Stock.

och om vi tittar i lagerpanelen ser vi att jag också har gått vidare och lagt till lite text ovanför bilden. Jag slår på den genom att klicka på typlagrets synlighetsikon:

slå på texten.

och här är min text:

texten visas framför bilden.

Jag använder ett teckensnitt som heter Orbitron Bold som jag laddade ner från Adobe Typekit:

teckensnittet som används i effekten.

Förvrängnings-och Perspektivkommandona

vad jag skulle vilja göra är att ge min text mer av ett 3D-utseende, som om det lutar tillbaka mot horisonten, vilket innebär att jag vill ändra sitt perspektiv. Och det enklaste sättet att lägga till perspektiv är att använda Photoshops Perspektivkommando.

För att komma till det går jag upp till redigeringsmenyn i menyraden och jag väljer Transform. Det är här vi hittar alla Photoshops olika transformationskommandon. Men observera att medan vi kan komma åt saker som Skala, rotera, skeva och till och med varp, är de två mest intressanta alternativen—förvränga och perspektiv—gråtonade:

Förvrängnings-och Perspektivalternativen är inte tillgängliga.

konvertera typlagret

anledningen är att Photoshop inte tillåter oss att använda förvränga eller perspektiv med ett typlager. Så innan jag kan lägga till ett 3D-perspektiv på min text måste jag först konvertera mitt typlager till något annat.

alternativ 1: Rasterizing texten

en sak jag kunde göra är att rasterize min text, vilket innebär att konvertera min typ till pixlar. Och jag kunde göra det i lagerpanelen genom att högerklicka (Win) / Control-clicking (Mac) direkt på typskiktet:

högerklicka (Win) / Control-click (Mac) på typskiktet.

och sedan välja Rasterize Type från menyn:

kommandot Rasterize Type.

men här är problemet. Om jag konverterar min typ till pixlar förlorar jag möjligheten att redigera min text. Och när vi tillämpar någon form av transformationer på en pixelbaserad bild kan vi förlora kvalitet. Så rasterisering av typen är inte ett bra val.

alternativ 2: Konvertera typen till en form

ett annat alternativ som finns under samma meny är Konvertera till form:

kommandot Konvertera till form.

fördelen som en form har över pixlar är att vi kan omvandla en form så mycket vi vill utan någon kvalitetsförlust. Men vi skulle fortfarande ha problem eftersom vi fortfarande skulle förlora möjligheten att redigera vår text. Så att konvertera den till en form är inte heller det bästa valet.

alternativ 3: Konvertera typen till ett smart objekt

men ett tredje alternativ är att konvertera vår text till ett smart objekt genom att välja konvertera till Smart objekt från menyn:

välja konvertera till Smart objekt.

Photoshop konverterar typskiktet till ett smart objekt, och vi vet det med ikonen smart object längst ner till höger på miniatyren:

typskiktet är nu ett smart objekt.

smarta objekt är icke-destruktiva, så vi kan omvandla dem så mycket vi vill utan någon kvalitetsförlust. Och vårt typlager är nu inbäddat i det smarta objektet, vilket innebär att vi kan öppna det smarta objektet och redigera vår text när vi behöver. Men innan vi lär oss hur vi gör det, låt oss titta på hur vi använder Förvrängnings-och Perspektivkommandon med vårt smarta objekt.

relaterat: Hur man ändrar storlek på bilder utan att förlora kvalitet

förvränga

jag går tillbaka till redigeringsmenyn och jag väljer igen Transform. Och den här gången är alla transformationsalternativ, inklusive förvränga och perspektiv, tillgängliga:

både förvränga och perspektiv är tillgängliga efter konvertering av texten till ett smart objekt.

Jag börjar med att välja förvränga:

välja kommandot förvränga.

kommandot förvränga låter oss Klicka och dra något av hörnhandtagen runt texten oberoende av varandra. Vi kan dra dem i vilken riktning som helst för att snedvrida texten i olika former:

i förvrängt läge drar du hörnhandtagen oberoende.

avbryta en transformation

det är inte riktigt vad jag vill göra, så jag avbryter kommandot förvränga utan att göra några ändringar genom att trycka på Esc-tangenten på mitt tangentbord. Och nu är jag tillbaka till textens ursprungliga form:

tryck på Esc för att avbryta en transformation.

perspektiv

vad jag vill göra är att få texten att se ut som att den lutar tillbaka mot horisonten, ungefär som den rullande texten du ser i början av en Star Wars-film. Jag skulle kunna göra det med kommandot förvränga, men Perspektivkommandot kommer att göra det lättare.

för att välja det går jag tillbaka till redigeringsmenyn, jag väljer Transform och sedan väljer jag perspektiv:

kommer att redigera > Transform > perspektiv.

förvränga vs perspektiv

skillnaden mellan förvränga och perspektiv är att vi i Förvrängningsläge kan dra hörnhandtagen i vilken riktning som helst, och vi kan dra dem separat från varandra. I Perspektivläge drar vi fortfarande hörnhandtagen, men vi kan bara dra dem upp och ner, eller vänster och höger, och handtaget i motsatt hörn kommer att röra sig med det i motsatt riktning.

Lägg märke till att om jag drar handtaget i det övre vänstra hörnet uppåt rör sig handtaget i det nedre vänstra hörnet nedåt:

dra ett handtag uppåt flyttar det motsatta handtaget nedåt.

Jag ångrar det genom att gå upp till redigeringsmenyn och välja Ångra, eller genom att trycka på Ctrl+Z (Win) / Command+Z (Mac). Detta kommer att ångra det sista steget men kommer fortfarande att hålla mig i Perspektivläge:

kommer att redigera > ångra.

för att få texten att se ut som den lutar bakåt klickar jag på samma handtag längst upp till vänster, men den här gången drar jag den inåt mot höger. Och eftersom vi är i Perspektivläge rör det motsatta handtaget längst upp till höger inåt också:

dra ett handtag åt höger flyttar det motsatta handtaget åt vänster.

växla mellan Transformeringskommandon

Jag vill också sträcka texten vertikalt så att den tar upp mer utrymme längs botten. För att göra det måste jag byta från Perspektivkommandot till Skalkommandot. Du kan snabbt växla mellan Transform-kommandon genom att högerklicka (Win) / Control-clicking (Mac) var som helst i dokumentet och välja ett annat alternativ från listan. Jag väljer skala:

växla från perspektiv till Skala.

då klickar jag på det nedre handtaget och jag drar det nedåt:

skala texten genom att dra det nedre mitthandtaget nedåt.

Acceptera omvandlingen

för att acceptera det och stänga av mitt Transform-kommando trycker jag på Enter (Win) / Return (Mac):

texten efter tillämpning av perspektiv och skala Transformer.

Related: lär dig Photoshops Free Transform essential skills

lägga till effekter i texten

innan vi tittar på hur du redigerar texten kommer jag snabbt att lägga till ett par effekter.

ändra blandningsläget

jag går tillbaka till lagerpanelen och jag ändrar blandningsläget för mitt smarta objekt från normalt till överlagring:

ändra blandningsläget till överlagring.

detta blandar texten med bilden:

texten efter att ha ändrat blandningsläget till överlagring.

lägga till en yttre glöd

då lägger jag till en glöd i texten genom att klicka på ikonen lagerstilar (fx-ikonen):

klicka på ikonen lagerstilar.

och välja yttre glöd:

välja en yttre Glödlagerstil.

i dialogrutan lagerstil klickar jag på färgrutan för att ändra färgen på glödet:

klicka på färgrutan.

då flyttar jag min muspekare till bilden och jag klickar på en grön färg för att välja den:

provtagning av en färg från bilden för yttre glöd.

jag klickar på OK för att stänga färgväljaren. Och sedan tillbaka i dialogrutan lagerstil ökar jag storleken på glödet till 60 px och opaciteten till 50%:

de yttre Glödalternativen.

jag klickar på OK för att stänga dialogrutan, och här är resultatet:

texten med den yttre glöden applicerad.

så här redigerar du texten

slutligen, för att redigera din text, öppnar du smart-objektet genom att dubbelklicka på miniatyrbilden i lagerpanelen:

Öppna smart-objektet.

detta öppnar innehållet i smart-objektet (i det här fallet vår text) i ett separat dokument:

texten öppnas i ett separat dokument.

och om vi tittar i lagerpanelen ser vi vårt typlager:

det ursprungliga typskiktet är säkert inuti smart-objektet.

redigera texten

Välj Typverktyget i verktygsfältet:

välja Typverktyget.

redigera texten inuti det smarta objektet.

Related: Så här redigerar du smarta objekt

spara ändringen

för att ändringen ska visas i huvuddokumentet måste vi spara och stänga smart-objektet. Gå upp till Arkiv-menyn och välj Spara:

gå till Arkiv > spara.

och gå sedan tillbaka till Arkiv-menyn och välj Stäng:

gå till fil > Stäng.

och tillbaka i huvuddokumentet visas samma effekt nu med den nya texten:

samma effekt efter redigering av texten.

och där har vi det! Så här lägger du till Förvrängnings-och Perspektiveffekter i din text i Photoshop! Kolla in våra texteffekter avsnitt för fler tutorials! Och glöm inte, alla våra Photoshop tutorials är nu tillgängliga att ladda ner som PDF-filer!