Rota, vända och skala enskilda bokstäver i text med Photoshop

Rota, vända och skala enskilda bokstäver i text - Photoshop Tutorial
Skrivet av Steve Patterson.

Photoshop gör det enkelt att rotera, vända och skala hela ord eller rader av text i ett dokument, men vad händer om vi bara vill omvandla en enskild bokstav i ett ord, eller omvandla olika bokstäver på olika sätt, genom att rotera vissa, vända andra horisontellt eller vertikalt och skala andra? Det låter som om det borde vara ett ganska okomplicerat jobb för Photoshop kommando Free Transform, men om du någonsin har försökt göra det vet du att det inte är så okomplicerat som det verkar. Låt oss ta en titt på problemet.

Här är ett dokument som jag har öppet på min skärm – en enkel design med ordet ”letters” framför en gradientbakgrund:

Original Photoshop text. Bild © 2011 Photoshop Essentials.com.

Originaldokumentet.

Om vi tittar på min lagerpanel ser vi att dokumentet består av två lager – ett normalt Typ-lager överst som innehåller ordet ”letters” (med en drop shadow-lagerstil för att öka intresset) och gradienten på bakgrundslagret nedanför:

Lagerpanelen i Photoshop som visar textlagret och bakgrundslagret. Bild © 2011 Photoshop Essentials.com.

Lagerpanelen som visar lagret Typ över lagret Bakgrund.

Om vi vill vända, rotera eller skala texten använder vi normalt kommandot Fri omvandling i Photoshop. Jag väljer det genom att gå upp till menyn Redigera i menyraden längst upp på skärmen och välja Fri förvandling:

Välja kommandot Fri förvandling från menyn Redigera i Photoshop. Bild © 2011 Photoshop Essentials.com.

Väljer kommandot Free Transform från Edit-menyn.

Detta placerar Free Transform-boxen och handtagen runt ordet, och här ligger vårt problem. Jag vill transformera enskilda bokstäver i ordet, men Free Transform väljer hela ordet som en helhet och placerar den avgränsande boxen och handtagen runt det. Om jag flyttar muspekaren utanför den avgränsande boxen och sedan klickar och drar med musen för att rotera den, roterar hela ordet, inte bara en enskild bokstav:

Rota texten med Free Transform. Bild © 2011 Photoshop Essentials.com.

Free Transform roterar hela ordet eftersom det markerade hela innehållet i textlagret.

Jag trycker på Esc-tangenten på tangentbordet för att avbryta rotationen. Låt oss prova att vända en bokstav upp och ner. Med Free Transform fortfarande aktiv högerklickar jag (Win) / Control-klickar (Mac) någonstans i dokumentet och väljer Vänd vertikalt från menyn som visas:

Väljer kommandot Vänd vertikalt från den kontextuella menyn Free Transform. Bild © 2011 Photoshop Essentials.com.

Välja Flippa vertikalt från den kontextuella menyn.

Även här stöter vi på samma problem. Free Transform påverkar hela ordet, så hela ordet vänds upp och ner:

Photoshop-text vänds vertikalt i dokumentet. Bild © 2011 Photoshop Essentials.com.

Free Transform påverkar återigen hela ordet.

Jag trycker på Esc på tangentbordet för att avbryta kommandot Flip Vertical. Låt oss prova att skala en bokstav. Jag håller ned Shift+Alt (Win) / Shift+Option (Mac) medan jag klickar på ett av Free Transforms hörnhandtag och drar inåt mot mitten av den avgränsande boxen. Genom att hålla ned Shift-tangenten medan jag drar behålls textens ursprungliga proportioner intakta när jag ändrar storleken på den, medan Alt (Win)/Option (Mac)-tangenten talar om för Photoshop att skala texten från dess centrum. Och ingen överraskning, vi stöter på samma problem som tidigare. Hela ordet skalas ner som en helhet:

Skalering av text i Photoshop med kommandot Free Transform. Image © 2011 Photoshop Essentials.com.

Och utan möjlighet att välja en specifik bokstav blir hela ordet mindre.

Det kan tyckas att Free Transform är problemet här eftersom det inte ger oss något sätt att välja enskilda bokstäver i ordet, men det verkliga problemet är faktiskt själva texten. Eller, mer specifikt, problemet är att ordet är text. Det kan låta konstigt. Jag menar, det är klart att det är text, eller hur? Ändå är det ett problem eftersom Photoshop inte tillåter oss att välja enskilda bokstäver i en textrad. Åtminstone inte så länge texten fortfarande är text, vilket för oss till lösningen. Allt vi behöver göra för att kunna arbeta med enskilda bokstäver är att konvertera texten till något annat!

Så vad kan vi konvertera den till och ändå få den att se ut som text? Tja, vi skulle kunna konvertera den till pixlar genom att rastrera den, men det är inte den bästa lösningen eftersom vi kommer att förlora bokstävernas skarpa, skarpa kanter, särskilt när vi börjar rotera och skala dem. En mycket bättre lösning är att konvertera texten till en form. Som form kommer den fortfarande att se ut som text, och den kommer att behålla sina skarpa kanter oavsett vad vi gör med den. Den enda lilla nackdelen är att när vi väl har konverterat texten till en form kommer den inte längre att kunna redigeras, så se bara till att allting är rättstavat först.

För att konvertera text till en form ser du till att lagret Type är markerat i panelen Layers (lager), och går sedan upp till menyn Layer (lager) högst upp på skärmen, väljer Type (typ) och väljer Convert to Shape (omvandla till form):

Konvertering av typ till en form i Photoshop med kommandot Convert to Shape (omvandla till form). Bild © 2011 Photoshop Essentials.com.

Gå till Layer > Type > Convert to Shape.

Inte mycket verkar ha hänt i dokumentfönstret, men om vi tittar i Layers-panelen ser vi att Type-lagret har konverterats till ett Shape-lagret, vilket innebär att vår text har konverterats till en form:

Layers-panelen som visar Layer-lagret som har konverterats till ett Shape-lager. Bild © 2011 Photoshop Essentials.com.

Typlagret är nu ett formlager.

När texten nu är en form kan vi enkelt välja någon av de enskilda bokstäverna. För att välja en bokstav behöver vi Path Selection Tool (den svarta pilen) som du kan hämta från panelen Verktyg:

Välja Path Selection Tool från panelen Verktyg i Photoshop. Bild © 2011 Photoshop Essentials.com.

Välj Path Selection Tool.

Med Path Selection Tool i handen klickar du helt enkelt på den bokstav du vill ha. Jag klickar på den första bokstaven ”e” i ordet för att välja den. Ankarpunkter (små rutor) visas runt bokstaven för att visa att den nu är markerad:

Selektering av bokstaven

Klicka med Path Selection Tool på bokstaven som du vill markera.

Med bokstaven markerad kan jag nu omvandla den hur jag vill med Free Transform. Jag trycker på Ctrl+T (Win) / Command+T (Mac) på tangentbordet för att snabbt få fram gränsen och handtagen för Free Transform (det går snabbare än att välja Free Transform från menyn Redigera), och den här gången visas de runt bokstaven som jag har markerat i stället för runt hela ordet:

Gränsen och handtagen för Free Transform visas runt bokstaven. Bild © 2011 Photoshop Essentials.com.

Free Transform kan nu arbeta med enskilda bokstäver.

Jag roterar bokstaven på samma sätt som jag roterade hela ordet tidigare, genom att klicka var som helst utanför den avgränsande boxen för Free Transform och dra med musen. Jag roterar den moturs. När du är klar med att transformera en bokstav trycker du på Enter (Win) / Return (Mac) för att acceptera ändringen och avsluta Free Transform:

Den avgränsande boxen och handtagen för Free Transform visas runt bokstaven. Bild © 2011 Photoshop Essentials.com.

Rota bokstaven moturs.

Jag gör samma sak med den andra bokstaven ”e” i ordet. Först markerar jag den genom att klicka på den med Path Selection Tool, sedan trycker jag på Ctrl+T (Win) / Command+T (Mac) för att få upp rutan Free Transform och handtagen runt den. För att rotera den klickar jag utanför boxen och drar med musen. Den här gången roterar jag bokstaven medurs. När jag är klar trycker jag på Enter (Win) / Return (Mac) på tangentbordet för att godkänna ändringen och avsluta Free Transform:

Rota den andra bokstaven

Rota den andra bokstaven ”e”, den här gången medurs.

Hur blir det om jag vill vända en bokstav, antingen horisontellt eller vertikalt? När texten nu är en form är det enkelt! Återigen behöver jag bara klicka på bokstaven med Path Selection Tool för att markera den. Jag väljer den andra bokstaven ”t” i ordet. Sedan trycker jag på Ctrl+T (Win) / Command+T (Mac) för att placera rutan Free Transform och handtagen runt den. För att vända bokstaven högerklickar jag (Win) / Control-klickar (Mac) var som helst i dokumentet och väljer ett av de två alternativen (Vänd horisontellt eller Vänd vertikalt) längst ner i menyn som visas. Jag väljer Vänd horisontellt:

Välj Vänd horisontellt från den kontextuella menyn. Bild © 2011 Photoshop Essentials.com.

Väljer Vänd horisontellt från den kontextuella menyn.

Jag trycker på Enter (Win) / Return (Mac) för att acceptera ändringen, och på samma sätt vänds bokstaven:

Bokstaven i ordet har vänds horisontellt. Bild © 2011 Photoshop Essentials.com.

Den andra bokstaven ”t” är nu en spegelreflektion av bokstaven framför den.

För att skala (ändra storlek) en bokstav klickar du återigen helt enkelt på den med Path Selection Tool (verktyg för val av sökväg) och trycker sedan på Ctrl+T (Win) / Command+T (Mac) för att öppna Free Transform (fri transformation). Klicka på något av de fyra hörnhandtagen, håll ned Shift-tangenten för att hålla bokstavens ursprungliga form intakt när du ändrar storleken, och dra sedan i handtaget för att göra bokstaven större eller mindre. Håll ner Alt (Win) / Option (Mac) också medan du drar handtaget för att ändra storlek på bokstaven från dess centrum. Här skalar jag bokstaven ”r” och gör den större. Tryck på Enter (Win) / Return (Mac) när du är klar för att acceptera ändringen:

Restoriera bokstaven

Släpp ett hörnhandtag utåt för att öka bokstavens storlek.

Då bokstäverna är former, inte pixlar, kan du fortsätta att rotera, vända och skala dem så mycket du vill utan att bildkvaliteten försämras, så fortsätt gärna att välja bokstäver och leka med Free Transform tills du är nöjd med resultatet. Du kan också flytta runt bokstäverna i dokumentet om du behöver det helt enkelt genom att välja dem med Path Selection Tool och dra dem runt med musen. Free Transform behövs inte om allt du gör är att flytta en bokstav.

När du är klar med att transformera och flytta runt bokstäverna klickar du på något annat lager i panelen Lager för att avmarkera formen. Detta tar bort alla synliga konturer eller ankarpunkter från bokstäverna. Eftersom jag bara har två lager i mitt dokument klickar jag på lagret Bakgrund för att markera det:

Markera lagret Bakgrund i Photoshop. Bild © 2011 Photoshop Essentials.com.

Klicka på ett annat lager för att dölja eventuella konturer eller förankringspunkter runt bokstäverna när du är klar.

Här ser mitt ord ut efter att bokstäverna har förvrängts lite mer med Free Transform:

Rota, vända och skala bokstäver i ett ord med Photoshop. Image © 2011 Photoshop Essentials.com.

Det slutliga resultatet.

Vad ska vi göra härnäst…

Och där har vi det! Kolla in våra sektioner för texteffekter eller fotoeffekter för fler handledningar om Photoshop-effekter!

Få alla våra Photoshop-handledningar som PDF-filer! Ladda ner dem idag!

Lämna ett svar

Din e-postadress kommer inte publiceras.