I denna Photoshop-grundläggande handledning lär vi oss att skapa några intressanta textlayouter med anpassade former som textramar ! Med andra ord, vi kommer att rita en form med en av de anpassade formerna som skickas med Photoshop, men snarare än att fylla formen med färg som vi normalt skulle göra, fyller vi den med text!
Här är ett exempel på effekten vi ska lära oss skapa. Bakgrundsbilden (utan texten) är tillgänglig från Fotolia- bildbiblioteket. Naturligtvis kan du använda en annan bild om du föredrar det, eller helt enkelt skapa ett nytt Photoshop-dokument med en vit bakgrund som du kan använda enligt följande:

Låt oss börja!
Steg 1: Välj Custom Shape Tool
Välj Photoshop's Custom Shape Tool från Verktygspanelen . Som standard gömmer det sig bakom rektangelverktyget, så klicka på ikonen för rektangelverktyget och håll ner musknappen i en sekund eller två tills en utflygningsmeny visas med en lista över de andra verktygen som finns tillgängliga på den platsen och välj sedan Anpassat formverktyg från listan:

Steg 2: Välj en form
När Custom Shape Tool är valt klickar du på miniatyren för formförhandsgranskning i Alternativfältet längst upp på skärmen:

Detta öppnar Photoshop's Shape Picker, som visar små miniatyrbilder av alla anpassade former vi kan välja mellan. För att välja en form klickar du bara på miniatyrbilden. Jag kommer att välja hjärtformen. När du har valt en form trycker du på Enter (Win) / Return (Mac) för att stänga ur formväljaren:

Steg 3: Välj alternativet "Sökvägar"
Nära längst till vänster i Alternativfältet finns en rad med tre ikoner, var och en representerar en annan typ av form vi kan rita. Photoshop ger oss valet om att rita normala former, banor eller pixelbaserade former. För att använda en form som behållare för vår text vill vi rita en väg, som i huvudsak är en kontur av formen. Vi lägger texten in i konturen. Klicka på mitten av de tre ikonerna för att välja alternativet Sökvägar :

Steg 4: Rita din form
Med alternativet Sökvägar valt i Alternativfältet klickar du in i dokumentet och drar ut din form. Du ser din form visas som en tunn kontur när du drar. Du kan hålla Shift- tangenten intryckt när du drar för att tvinga formen för att behålla sitt ursprungliga utseende medan du ritar den. Om du behöver flytta formen när du ritar den, håll ner mellanslagsfältet, dra formen dit du behöver den i dokumentet, släpp sedan mellanslagsfältet och fortsätt dra. Här har jag ritat min hjärtaform längst upp till höger i bilden:

Steg 5: Omforma, rotera eller flytta sökvägen (valfritt)
Om du behöver omforma eller rotera sökvägen (formkonturen) eller flytta den till en annan plats, är det enklaste sättet att göra det genom att gå upp till Redigera- menyn i menyraden längst upp på skärmen och välja Gratis Transform Path . Du kan också trycka på Ctrl + T (Win) / Kommando + T (Mac) för att snabbt välja samma kommando med kortkommandot:

Detta placerar Free Transform Path-handtagen och avgränsningsrutan runt formen. För att omforma det klickar du bara på något av handtagen (de små rutorna) runt avgränsningsrutan och drar dem. Om du vill ändra storlek på formen håller du ner Skift- tangenten och drar något av de fyra hörnhandtagen . För att rotera den, flytta markören var som helst utanför avgränsningsrutan och klicka sedan och dra med musen. Slutligen, för att flytta formen, klicka var som helst i avgränsningsrutan och dra.
Jag kommer att rotera hjärtformen lite så att kurvan ner till vänster sida flyter bättre med blommornas utformning:

Tryck på Enter (Win) / Return (Mac) när du är klar för att acceptera ändringarna och gå ur kommandot Free Transform Path:

Steg 6: Välj typverktyget
Nu när vi har vår väg är vi redo att lägga till vår text! Välj typverktyg på verktygspanelen:

Steg 7: Välj ditt teckensnitt
Välj det teckensnitt du vill använda för din text i Alternativfältet. För min design använder jag Palatino Italic uppsättning till 12 pt:

För att välja en färg för min text klickar jag på färgrutan i Alternativfältet:

Detta öppnar Photoshop's Color Picker . Jag väljer en mörkgrön bland färgväljaren så att den matchar färgen från blommorna i min bild. När du har valt en färg, klicka på OK för att stänga ur färgväljaren:

Steg 8: Öppna styckepanelen
Klicka på tecken- / styckepanelen för att växla ikonen till höger om färgrutan i alternativfältet:

Detta öppnar Photoshops tecken- och styckepaneler som är dolda som standard. Välj avsnittspanelen genom att klicka på dess namnflik högst upp i panellgruppen:

Steg 9: Välj alternativet "Justify Centered"
När avsnittpanelen nu är öppen klickar du på alternativet Justify Centered för att välja det. Detta gör det lättare för texten vi ska lägga till för att fylla hela formens bredd. När du är klar klickar du igen på växlingsikonen i Alternativfältet för att dölja tecken- och styckepanelerna eftersom vi inte längre behöver dem:

Steg 10: Lägg till din text
Just nu är det bara att lägga till vår text. Flytta typverktygets markör var som helst inom formen. Du kommer att se en prickig ellips visas runt markörikonen, vilket är Photoshops sätt att säga att vi ska lägga till vår text i sökvägen:

Klicka var som helst i formen och börja skriva din text. När du skriver ser du att texten är begränsad till området inuti sökvägen:

Fortsätt att lägga till mer text tills du har fyllt formområdet:

Steg 11: Klicka på Kontrollmärket för att acceptera din text
När du är klar med att lägga till din text klickar du på kryssmarkeringen i Alternativfältet för att acceptera den och gå ur Photoshops textredigeringsläge:

Texten har nu lagts till och fyller formområdet snyggt, men vi kan fortfarande se sökvägen runt den:

För att dölja sökvägen, klicka bara på ett annat lager i panelen Lager. I mitt fall innehåller mitt dokument bara två lager - typskiktet som innehåller min text (som för närvarande är vald) och bakgrundsskiktet under det som innehåller min bakgrundsbild, så jag klickar på bakgrundsskiktet för att välja den:

Och med det är vi klara! Texten jag lagt till kanske inte vinner mig några litterära priser, men vi har nu sett hur lätt det är att använda Photoshops anpassade former som behållare för text:
