Arbeta med text i Photoshop: En definitiv guide

Om du använder Photoshop för dina designprojekt --- skapar logotyper, affischer, infografik eller något annat --- så behöver du veta om typografi.

Photoshop har många verktyg för att få text till din sida och få den att se otrolig ut. Men var börjar du?

I den här korta guiden kommer vi att gå igenom allt du behöver veta om att arbeta med text i Photoshop.

Skriv Tool Basics i Photoshop

Innan vi börjar, låt oss göra en snabb översikt över de absoluta grunderna för att arbeta med text i Photoshop.

vad är samsung one ui home

Du lägger till text i ett dokument med hjälp av en av Typ verktyg. Du kan välja dessa i verktygsfältet på skärmens vänstra kant eller genom att trycka på T på tangentbordet.

När du väljer detta, kommer Typ alternativ visas i Alternativfält högst upp på skärmen. De viktigaste är:

Typsnittsfamilj: Välj ett teckensnitt bland de som är installerade på din dator (eller från Typekit)
Typsnitt: Välj en stil för ditt valda teckensnitt, till exempel fet eller snett version
Storlek: Ställ in punktstorleken för din typ
Justera text: Ställ in texten så att den är vänster, höger eller mittjusterad
Färg: Välj en färg för din text
Avbryt eller begå: När du har lagt till eller redigerat text måste du bekräfta att den ska tillämpas på din duk eller avbryta för att ångra eller ta bort den

Varje text har alltid sitt eget lager. Om du vill flytta eller ändra storlek på texten medan du redigerar håller du ned Ctrl eller Cmd nyckeln och dra den på plats.

Du kan när som helst redigera texten eller ändra teckensnitt, storlek och så vidare. För att göra detta, välj Typ verktyg och använd markören för att markera texten, precis som i en ordbehandlare. Välj inte bara textlagret.

Skapa text för titlar och rubriker

Det viktigaste sättet för de flesta lägga till och redigera text i Photoshop är att välja Horisontellt typverktyg (eller den Vertikal en om du föredrar), klicka på duken och börja sedan skriva.

Detta är det bästa alternativet för titlar, rubriker eller andra korta, enradiga textstycken.

Genom att klicka på duken skapas ett textområde som expanderas när du skriver. All text går på en enda rad och går aldrig in i en ny rad. Även när du når kanten på duken, fortsätter linjen helt enkelt på papperskivan.

Om du vill lägga till radbrytningar placerar du markören och trycker på Stiga på . Ännu bättre, skapa separata textlager för varje rad i rubriken. På så sätt kan du styra och placera var och en individuellt.

Arbeta med stycketext

För brödkopia --- längre textstycken som stycken eller listor --- skapa en textruta först.

Välj Horisontellt typverktyg och ställ in dina grundläggande formateringsalternativ. Klicka och dra diagonalt på duken för att skapa en rektangulär textruta. Skriv nu eller klistra in din kopia i rutan.

Textrutan har en fast storlek. När texten träffar den högra kanten går den in på en ny rad. Om texten är för lång måste du ändra storlek på rutan för att göra resten synlig (eller så kan du ändra teckenstorleken förstås).

Träffa Ctrl + T (Windows) eller Cmd + T (Mac) och håll sedan ned Flytta och dra ett av styret för att göra lådan större.

Skapa anpassade textrutor

Du är inte begränsad till att arbeta med rektangulära textrutor. Du kan använda olika formverktyg eller rita nya former manuellt med Pennverktyg och fyll dem sedan med text.

Välj en av Form verktyg, eller använd Pennverktyg . Ställ in Verktygsläge till Väg i det övre vänstra hörnet av Alternativfält , rita sedan din form på duken.

Ta nu tag i Horisontellt typverktyg och klicka inuti sökvägen du har ritat. Detta förvandlar formen till en textruta. Ställ nu in textjusteringen till Centrum , och skriv eller klistra in din text i rutan.

Anpassade former är användbara när du behöver linda text runt bilder eller andra objekt i din design.

Placera text på en kurva i Photoshop

Du kan också ställa in din text så att den följer raden i en kurva.

Börja med att välja Pennverktyg . I Alternativfält högst upp, ställ in Verktygsläge till Väg . Rita nu en kurva på duken. Om du behöver en primer på detta, kolla in vår guide till med Photoshop Pen Tool .

Välj sedan Horisontellt typverktyg . För muspekaren över sökvägen du just ritat. Klicka på när markören förvandlas till en vågig linje. Detta förankrar en textruta till sökvägen.

Skriv nu din text.

Du kan också ställa in din text så att den följer konturen i en form. Processen är densamma, bara du väljer ett av formverktygen istället för pennan. Återigen, se till att ställa in Verktygsläge till Väg innan du ritar det.

För att justera textens position på kurvan, använd Direkt markeringsverktyg . För muspekaren över texten så blir den till en markör med två pilar. Klicka och dra längs raden för att shunta texten längs raden.

Klicka och dra över linjen för att ange om texten ska köras inuti eller utanför formen.

Maskera text i Photoshop

Det sista av Photoshop huvudsakliga textverktyg är Horisontell maskverktyg och Vertikal typmaskverktyg .

Dessa verktyg placerar inte text på duken. Istället skapar de textbaserade former som du kan använda i dina mönster. På grund av detta är det viktigt att du väljer rätt typsnitt innan du börjar. Du kan inte gå tillbaka och redigera det senare.

hur man laddar ner en video online

Börja med att öppna en bild i Photoshop eller välja ett lager som innehåller lite färg.

Välj en av Skriv Mask verktyg och ange ditt teckensnitt. Klicka nu på duken och börja skriva. När du träffar Begå knappen blir din text till ett urval.

Här är tre sätt att använda det:

Lägg till en textur i din text. Klicka på Lägg till lagermask knappen längst ner på Skikten panel. Detta gör bakgrunden transparent och lämnar bara textformerna som innehåller texturen från originalbilden.

Fyll texten med bakgrundsfärgen. Träffa Ctrl + Backspace eller Cmd + Backspace att klippa ut texten och ersätta den med din valda bakgrundsfärg.

Klipp ut texten från bakgrunden. Träffa Skift + Ctrl + I eller Skift + Cmd + I för att invertera ditt val. Tryck nu på Ctrl + J eller Cmd + J . Dölj det nedre lagret och du får nu originalbilden med en transparent utskärning i form av din text.

Styling text i Photoshop

Nu när du vet de viktigaste sätten att få text på din sida, hur gör du för att utforma den? Vi har redan tittat på de grundläggande inställningarna i alternativfältet. Det finns också några fler att veta om.

Textriktning: Växla mellan horisontell och vertikal text
Anti-aliasing: Ställ in hur skarp eller smidig du vill att texten ska se ut
Varptext: Förvräng texten med 15 förinställda stilar
Öppna tecken-/styckepanel: Öppna panelen för att justera teckeninställningar
3D: Byt till Photoshop 3D -vy

Som nämnts tidigare måste du markera din text med markören innan du kan ändra dess formatering.

Tecken- och styckepanelerna

Klicka på Tecken- och styckepanel knappen i Alternativfält . Den första fliken innehåller en uppsättning alternativ för formatering av tecken. Vissa fördubblar de alternativ som vi redan har sett (som att välja teckensnitt och färger), medan resten gör att du kan finjustera din typ.

Panelmeny: Detta inkluderar Ingen rast , som placerar ett icke-brytande mellanrum mellan två ord för att säkerställa att de förblir på samma rad.
Ledande: Detta gör att du kan justera radhöjden för din text. Lämnar den inställd på Bil brukar vara bra nog.
Kerning: Ställer in avståndet mellan ett par tecken. Ställ in alternativet på Metrik att använda standarddesignen för ditt teckensnitt, eller Optisk för att låta Photoshop ställa in det automatiskt.
Spårning: Kontrollerar avståndet mellan alla tecken i din text. Välj stramare spårning (ett negativt tal) för att lägga till slag och brådska i dina rubriker.
Vertikal skala och horisontell skala: Dessa alternativ sträcker eller krymper ditt teckensnitt vertikalt eller horisontellt. Använd dem bara för specifika designfodral --- om du behöver ett bredare eller högre, välj ett annat teckensnitt .
Grundlinjeförskjutning: Flyttar markerade tecken över eller under baslinjen. Används oftast för att skriva undertecknade eller överskriftstecken.
Faux fet och kursiv: Undvik dessa där det är möjligt --- använd alltid fet eller sned version av ditt valda typsnitt, om du har dem.
Alla kepsar och små kepsar: Använd automatiskt stor text.
Andra alternativ: Olika inställningar för att skapa under- och överskriftstecken, understryka eller styra vissa OpenType -teckensnitt.

Klicka på Paragraf fliken för att se alternativen för formatering av layouten för större bitar text.

Här kan du dra in vänster eller höger marginal i din textruta, samt välja om du vill använda bindestreck eller inte.

Texteffekter i Photoshop

Photoshop låter dig lägga till effekter i alla lager, och detta inkluderar ett textlager. Det gör att du kan lägga till en droppskugga som gör att din text sticker ut mot bakgrunden av din design, eller kanske för att lägga till en glödande effekt.

Dubbelklicka på lagret för att öppna Lagerstil låda.

Välj Släpp skugga och justera inställningar inklusive Opacitet , Vinkel , och Distans . Se till att Förhandsvisning knappen är markerad, så att du får en realtidsvy av effekten. Klick OK när du är klar.

Samma tillvägagångssätt låter dig lägga till en yttre glöd till texten eller tillämpa en textur på teckensnittet.

Rotera eller vrida text i Photoshop

Om du vill rotera eller snedvrida text markerar du textlagret och trycker på Ctrl + T eller Cmd + T för att öppna Gratis transformeringsverktyg .

Håll muspekaren över hörnet på avgränsningsrutan tills markören förvandlas till en böjd pil. Klicka nu och dra för att rotera.

Om du vill snedvrida texten håller du ned Skift + Ctrl eller Skift + Cmd och ta tag i ett av styret på kanten av lådan. Dra åt sidan och slå sedan Stiga på att bekräfta.

Kom ihåg att för mycket skevhet kan snedvrida ditt teckensnitt.

Arbeta med teckensnitt i Photoshop

Att välja rätt typsnitt , eller par teckensnitt, är en av de mest väsentliga delarna av grafisk design.

Välj teckensnitt med Teckensnitt falla ner i Alternativfält . Du kommer att se en liten förhandsvisning för var och en.

Lägg till dina favoritfonter genom att klicka på Stjärna ikon bredvid dem. För att hitta dem igen, tryck på Stjärna ikonen i menyraden.

Välj ett teckensnitt och välj Liknande typsnitt för att bläddra igenom alla dina tillgängliga typsnitt med liknande egenskaper.

För att öka dina val av teckensnitt, klicka på Lägg till teckensnitt från Typekit ikonen i Teckensnitt rullgardinsmenyn.

Detta lanserar Adobes Typekit -webbplats. Logga in om du behöver, bläddra sedan och välj alla teckensnitt du vill lägga till. Klicka på Synkronisera alla -knappen för att göra alla stilar i det teckensnittet tillgängliga i Photoshop. Alternativt kan du bara synkronisera de stilar och vikter du behöver.

Matchande teckensnitt från andra bilder

Ofta kan du ha en annan bild som innehåller ett teckensnitt du vill använda, men inte känner igen. Photoshop Matcha teckensnitt verktyg kan hjälpa till att identifiera dessa mystiska teckensnitt, eller åtminstone erbjuda några liknande alternativ.

Öppna bilden och gå till Skriv> Matcha teckensnitt . Verktyget placerar ett överlägg på din duk. Justera beskärningsmärkena för att markera det teckensnitt du vill matcha.

Några förslag kommer att göras efter några sekunder. Välj en och klicka OK .

Justera ett teckensnitt

När du designar en logotyp är ett snabbt trick du kan göra för att ge den en unik snurr att justera teckensnittet du använder. Du kan enkelt göra detta i Photoshop.

Markera texten och gå till Skriv> Konvertera till form . Detta gör texten inte längre redigerbar.

Ta tag i Path Selection Tool ( TILL ) för att välja enskilda tecken. Du kan nu ändra färg, flytta eller rotera dem oberoende av resten av din text.

Använd Direkt markeringsverktyg för att visa sökvägen för varje tecken. Dra ankarpunkterna för att justera utseendet på teckensnittet, och du kan till och med använda Pennverktyg för att lägga till nya kurvor till dina bokstäver.

Vad kommer härnäst? Fler Photoshop -tips

Typ är en integrerad del av grafisk design, och Photoshop erbjuder några ganska kraftfulla verktyg för att styra hur texten ser ut på din sida.

hur man hittar namnet på en borttagen youtube -video

Nästa steg är att lära dig att införliva det i resten av dina projekt. Kolla in vår guide till arbetar med vektorgrafik i Photoshop och du kommer att vara redo att börja skapa ikoner, logotyper, affischer och mycket mer.

Dela med sig Dela med sig Tweet E-post 6 hörbara alternativ: De bästa gratis eller billiga ljudboksapparna

Om du inte vill betala för ljudböcker, här är några bra appar som låter dig lyssna på dem gratis och lagligt.

Läs Nästa Relaterade ämnen

Kreativ
Teckensnitt
Adobe Photoshop
Typografi

Om författaren Andy Betts(221 artiklar publicerade)

Andy är en tidigare tryckt journalist och tidningsredaktör som har skrivit om teknik i 15 år. Under den tiden har han bidragit till otaliga publikationer och producerat copywriting för stora teknikföretag. Han har också gett expertkommentarer för media och varit värd för paneler vid branschevenemang.

Mer från Andy Betts

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera