REC

Tips om videoinspelning, produktion, videoredigering och underhåll av utrustning.

 WTVID >> Videoproduktionsguide >  >> Videoredigering >> Videoredigeringsprogramvara

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

När du vill att din text ska sticka ut mot bakgrunden är det ofta svaret att lägga till en kontur. En konturtext gör den lättare att läsa och utan ansträngning mer iögonfallande. Det ger också din text lite stil och personlighet som gör att allt ser mer sammansatt ut.

I Photoshop finns det flera sätt att lägga till en textkontur, beroende på utseendet du är ute efter och hur mycket kontroll du vill ha över det slutliga resultatet. Om du har letat efter ett enkelt sätt att göra det, kommer den här guiden att leda dig genom enkla steg-för-steg-instruktioner om hur du konturer text i Photoshop, plus ett praktiskt tips för att få din design att se ännu snyggare ut.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Del 1. Hur man konturer text i Photoshop med hjälp av lagerstilar

Bäst för:snabba redigeringar, helt redigerbara konturer och vardagliga designuppgifter.

Om du bara behöver en ren, justerbar kontur för titlar, miniatyrer eller grafik på sociala medier, är den här metoden den enklaste vägen att gå. Lagerstilar i Photoshop låter dig förfina din texts utseende när som helst utan att platta till eller förlora redigerbarhet.

Hur man lägger till en disposition till text i Photoshop

Börja med att markera det lager där du vill att din text ska visas. Eller skapa en ny om det behövs. Välj sedan typverktyget från verktygsfältet.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Klicka var som helst på arbetsytan och skriv in de ord du vill visa.

Klicka på FX-ikonen längst ned på panelen Lager, eller dubbelklicka på själva lagret för att öppna fönstret Lagerstil. Aktivera alternativet Stroke genom att markera dess ruta.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

I Stroke-inställningarna kan du finjustera konturen:

  • Justera skjutreglaget för storlek för att ändra tjockleken
  • Använd Position för att bestämma om konturen ska sitta inuti, utanför eller centrerad på textkanterna

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Steg 5

Välj din färg och blandning

Klicka på Färgväljaren för att välja din konturfärg. Du kan också experimentera med rullgardinsmenyn Blandningsläge för att bestämma hur strecket interagerar med texten eller bakgrunden.

När du är nöjd med resultatet, tryck på OK för att bekräfta och tillämpa den konturerade texteffekten på din bild.

Del 2. Hur man beskriver text som en vektor

Bäst för:skalbar design, logotyper och högupplöst utskriftsgrafik.

Jämfört med att använda lagerstilar fungerar den här metoden genom att förvandla din text till en vektorform. När den har konverterats blir varje bokstav en redigerbar bana som du kan justera punkt för punkt. Du kan ändra storlek fritt, varje kurva och vinkel, utan att förlora kvalitet.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Det är perfekt om du vill konturera text i Photoshop eftersom du vill få varumärkestillgångar, affischer eller detaljerad typografi att fungera eftersom de måste hålla sig skarpa i alla storlekar.

Hur man gör konturtext i Photoshop

Skapa din text med textverktyget (T), högerklicka sedan på textlagret i panelen Lager och välj Konvertera till form.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Steg 2

Aktivera vektorredigering

Välj valfritt vektorverktyg (t.ex. direktval (A) eller penna (P)) från verktygsfältet för att visa textens ankarpunkter och banor.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Använd den översta alternativfältet (eller panelen Egenskaper) för att ställa in Fyll och Stryk. Justera linjefärg, vikt och justering för att definiera konturens utseende.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

När du är nöjd med resultatet, bekräfta dina inställningar (klicka på OK om du uppmanas att göra det) för att slutföra vektorkonturen.

Del 3. Hur man konturer text utan fyllning (ihålig texteffekt)

Bäst för:moderna, lätta och snygga textstilar och överlagringseffekter.

Om du tidigare har lärt dig att lägga till en solid kontur runt din text, kan du den här gången även rita ut teckensnitt i Photoshop, förutom att det bara är kanterna som förblir synliga.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Denna effekt kallas Hollow Text-effekten, där insidan av varje bokstav blir genomskinlig. Det ger din design ett rent, modernt utseende som känns lättare, vilket ofta används för minimalistiska layouter eller alla kreativa projekt som kräver en elegant men subtil textbehandling.

Hur man lägger till en streck i text i Photoshop utan fyllning

Välj ditt textlager och dubbelklicka på lagrets miniatyrbild (eller klicka på FX längst ned på panelen Lager).

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

I den vänstra listan klickar du på Blandningsalternativ:Standard och drar Fyll Opacitet till 0 % (låt Opacitet vara 100 %) tills endast konturen är synlig. Klicka på OK för att spara ändringarna.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Tips: Använd Fill Opacitet, inte Opacitet. Fyllningsopacitet döljer textfyllningen men håller lagerstilar (som linje) synliga.

Steg 2

Aktivera Stroke och Gör fyllningen transparent

Markera Stroke och ställ sedan in Storlek, Position (ofta ser utsidan bäst ut) och Färg.

För att uppnå samma Hollow Text-effekt med en vektorkontur:

  1. Öppna fönstret Lagerstil
  2. Klicka på kryssrutan bredvid Stroke
  3. Klicka på fyllningsikonen från toppmenyn och välj ikonen Ingen fyllning (en vit ruta med en lutande röd linje genom den).

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Del 4. Hur man beskriver text och animerar den för en mer stilfull look

Efter att ha lärt dig hur du beskriver din text i Photoshop kan du börja experimentera med olika stilar och ta den vidare genom att förvandla den till en rörelsedesign eller animation, så här:

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Genererat av Filmora

Photoshop kan vara idealiskt när du fokuserar på grafisk design eller statiska bilder som affischer eller banners för sociala medier. Men det kanske inte är det mest effektiva valet när du vill att din konturtext ska flyttas eller interagera dynamiskt med din video, av några anledningar:

  • Photoshops nyckelbildskontroller är grundläggande och inte designade för komplex rörlig grafik.
  • Du måste ofta flytta ditt projekt till Adobe After Effects för att skapa riktig animering, vilket kan göra processen långsammare.
  • Photoshop inkluderar inte färdiga förinställningar för textanimering, så du måste bygga allt från grunden.

För att göra det effektivt kan du använda en videoredigerare som Wondershare Filmora. Filmora kan hjälpa dig att skapa grundläggande slageffekter och även lägga till dynamiska bananimationer med några få klick. Allt görs inom samma redigerare utan komplexiteten med nyckelbildrutor eller installation av plugin-program från tredje part.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi Säker nedladdning

Du kan till exempel:

  • Rita banor fritt i videor med hjälp av pennverktyget, liknande vektorkonceptet i Photoshop.
  • Animera dessa banor med Trim Paths, så att konturen spårar eller avslöjar din text i realtid.
  • Fästa element för att följa banan med Path Follows, lägg till rörelse och energi till vad som annars skulle vara statisk text, precis som att animera grafik längs en bana i Photoshop.
  • Lägg in övergångar, filter eller glödeffekter med Filmoras inbyggda funktioner.
Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Så jämfört med Photoshop är Filmora det bättre valet när du enkelt vill skapa rörlig grafik från din text och få din konturerade text att röra sig och blandas naturligt i din video.

Photoshop Filmora
Utdatatyp Statiska bilder (PSD, PNG, JPG) Videoformat (MP4, MOV, WMV, etc.)
Syfte Statiska mönster, logotyper och tryckfärdig grafik. Rörelsedesign och videoprojekt med animerade element.
Alternativ för textöversikt Stöder lagerstilar (stroke), vektorkonturer och ihålig (utan fyllning) text. Stöder animerade konturer, handstilseffekter och anpassade streckbanor.
Redigerbarhet Texten förblir redigerbar tills den rastreras; vektorer tillåter skalbar precision. Text och streck kan vara keyframed för rörelse- eller timingjusteringar med förhandsgranskning i realtid
Animeringsverktyg Begränsat Låt dig animera med nyckelbildrutor, rörelseförinställningar och bananimering.
Ljud- och videointegrering Ej tillgänglig Tillgänglig
Lämplig för Textgrafik, affischer och högupplösta tillgångar. Korta videor, innehåll i sociala medier, animerade introduktioner, etc.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi Säker nedladdning

Hur man beskriver en text i Filmora (Basic)

Steg 1

Skapa ett nytt projekt och importera din video

Öppna Filmora och starta ett nytt projekt. Importera sedan videon du vill redigera genom att dra den till fliken Media eller klicka på Importera media. När du har lagt till, dra videon till tidslinjen.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Steg 2

Lägg till en titel till din video

Gå till fliken Titlar högst upp och bläddra igenom de tillgängliga förinställningarna. Du kan välja från enkla standardtitlar eller utforska mer kreativa mallar. Dra din valda titel till tidslinjen ovanför ditt videospår.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Steg 3

Anpassa texten och lägg till en disposition

Klicka på titeln på din tidslinje för att öppna textredigeringspanelen på höger sida. Här kan du redigera teckensnitt, storlek, justering, färg och andra inställningar.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Om du bara vill konturera din text, aktivera alternativet Disposition. Justera reglagen för opacitet, oskärpa och tjocklek för att styra hur fet eller mjuk konturerna ser ut. Du kan också klicka på färgrutan för att välja önskad konturfärg.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Eller så kan du designa och skapa anpassad konturtext med pennverktyget i Filmora. Du kan använda den för att skissa kurvor, raka linjer eller unika former som bildar bokstäverna som du vill.

Hur man fritt konturerar text med hjälp av pennverktyget

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Steg 1

Spåra textkonturen

Med din text redan på plats, öppna ritverktyget från verktygsfältet och välj sedan pennverktyget för att börja skapa din anpassade sökväg.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Använd sedan din text som en visuell guide och spåra försiktigt över den med pennverktyget i förhandsgranskningsfönstret. Du kan justera vägen när du går för att lägga till mer stil till din kontur.

Obs! Genom att klicka från en punkt till en annan skapas en rak linje. Om du istället vill rita en kurva, klicka och håll ned medan du drar för att forma banan.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Steg 2

Justera och anpassa konturen

Medan du spårar, förfina din kontur genom att justera ankarpunkten. För att ändra utseende, navigera till menyn Stroke> Effekter på egenskapspanelen och justera konturfärg, tjocklek (vikt) och andra visuella inställningar.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

När allt ser bra ut kan du ta bort det ursprungliga textspåret så att bara din kontur finns kvar.

Om du vill lägga till en glödande effekt som neon och eld runt banan kan du välja bland de tillgängliga förinställningarna. Klicka på önskad glödstil för att tillämpa den.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Steg 3

Animera konturen med Trim Path

För att börja flytta konturerna måste du använda Trim Paths.

  1. Välj alla Pen Path-spår som du vill redigera på tidslinjen.
  2. Flytta spelhuvudet till början av tidslinjen.
  3. Ange Start =0 % och Slut =0 %, och skapa den första nyckelbildrutan genom att klicka på nyckelbildsikonen bredvid Slut.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Efter det flyttar du spelhuvudet till den tidpunkt där du vill att animeringen ska slutföras. Ändra slut =100 %. En andra nyckelbildruta läggs till automatiskt. Om inte kan du lägga till det manuellt.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

  • Den första i början av tidslinjen, med slutvärdet satt till 0 %
  • Den andra vid den punkt där du vill att animeringen ska slutföras, med slutvärdet inställt på 100 %.

Spela upp för att se linjen ritad från början till slut.

Steg 4

Bind ett objekt för att följa vägen

För att lägga till ett rörligt objekt som följer den animerade banan, öppna menyn bredvid Sökväg Följ.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Välj sedan hur du vill bifoga ett element till din sökväg:

  • Använd en förinställning från det inbyggda biblioteket.
  • Importera ditt eget objekt eller din egen bild från din dator.
  • Välj ett befintligt element som redan finns på tidslinjen.

När du har valt objektet klickar du på Verkställ. Det valda elementet kommer att röra sig längs banan och följa riktningen och hastigheten för din animation.

Slutsats

Att konturera text i Photoshop är en av de enkla teknikerna som helt kan förändra hur du designar din text. Och för att göra det har du inte längre några problem eftersom vi har täckt flera sätt att lägga till en streck i text i Photoshop.

Om du vill ta upp saker och ting, försök att lägga till lite rörelse i din konturtext. Du kan göra allt i Filmora, eller till och med ta in texten du gjort i Photoshop och animera den där. Det är ett enkelt sätt att få dina mönster att röra sig och kännas mer levande i videor.

Photoshop:Lägg till textkonturer – en nybörjarguide till förbättrad typografi

Filmora

AI-videoredigeringsapp och programvara

Bästa verktyget för att göra videor var som helst för alla kreatörer!

Din perfekta första videoredigering börjar här - ingen erfarenhet behövs


  1. 10 bästa gratisappar för att sudda ut ansikten i foton och videor [iPhone och Android]

  2. Hur man använder Ken Burns-effekten i Final Cut Pro med detaljerade steg

  3. Hur man får perfekt färg med vitbalans i Photoshop

  4. Hur man blir en bättre videoredigerare

  5. Hur man klona sig själv – steg för steg handledning

Videoredigeringsprogramvara
  1. 5 fotoredigeringsmisstag som varje nybörjare måste undvika

  2. Hur man använder färgade geler skapar unika och kreativa porträtt

  3. 14 tips för att bli en framgångsrik frilansfotograf

  4. Hur man använder högpassfiltret i Photoshop

  5. Hur man använder en liten softbox med dina Flash Transform -porträtt

  6. Grundläggande Photoshop Tutorial Hur man lägger till kreativa överlagrar dina porträtt

  7. Hur man redigerar hockeyfoton i Lightroom som en proffs

  8. Hur man exakt justerar färger i Lightroom