Figma är ett exceptionellt designverktyg känt för sina rena ytbehandlingar och många funktioner. Den kan användas för nästan alla typer av design. Emellertid kan krökning av text i Figma vara besvärligt ibland, särskilt när man försöker göra det utan adekvat vägledning.
Lyckligtvis kommer den här artikeln att beskriva hur du kan kurva text i Figma utan begränsningar. Här kommer du att utforska stegen för att lägga till text på en väg med Figma så att du kan ta din design till nästa nivå. Låt oss komma igång!
I den här artikeln
-
- Använda Arc Plugin
- Använda insticksprogrammet Circular Text
- Använda textverktygsfältet manuellt
- Använda transformeringsalternativet
-
- Hur man skapar böjda texter i Filmora med hjälp av förinställningar
- Hur man skapar böjd text i Filmora manuellt
Del 1. Vad kan du använda för att kurva text i Figma?
Figma är mycket populärt för att skapa prototypdesigner för webbplatsens UI/UX, design av mobilappar och mer. I princip kan alla som är involverade i design använda Figma, från skribenter och designers till produktchefer. Så för ett så mångsidigt verktyg förväntas det bara att det är laddat med massor av funktioner för att göra designprocessen sömlös.
Förutom dess omfattande funktioner kan du använda Figma för att skriva på banor för att skapa böjd text. Det stämmer. Även om det inte nödvändigtvis använder en knapp, effekt eller förinställning för att direkt kurva din text, finns det flera sätt att uppnå detta.
Ett av dessa sätt är att använda textverktyget och justera textens krökning manuellt. Å andra sidan kan du använda ett plugin för att placera Figma-text på banor. Några av de bästa plugins för att kurva din text inkluderar:
- Arc-plugin
- Till väg
- Våg och kurva
- Kurvtext
- Konvertera text till en cirkel
- Cirkulär text
Ibland kan användningen av dessa plugins medföra vissa extra kostnader. Men du kan vara säker på att var och en av dem gör det enkelt att skapa Figma-textkurvor.
Del 2. Hur man kurvar text i Figma
Figma erbjuder olika metoder för att kurva text, från plugins till att tillämpa sökvägar. I det här avsnittet kommer vi att utforska var och en av dessa metoder så att du effektivt kan kurva text i Figma med vilken du än väljer:
Använda Arc Plugin
Arc-plugin är ett av de bästa sätten att enkelt kurva text i Figma. Denna plugin använder ett visuellt gränssnitt som ger dig fullständig kontroll över positionen och krökningen av genererad text. Så här använder du Arc-plugin för att skapa Figma-kurvtext:
- Steg 1:Lägg till en ny textruta till din design genom att klicka på knappen Text. Du kan skriva in din önskade text nu.
- Steg 2:Med din text fortfarande markerad, gå till Resurser och välj Plugins. Anta att du använder den äldre versionen av Figma; knappen Resurser finns längst upp på skärmen. För det nya användargränssnittet finns det längst ned på skärmen.
- Steg 3:Sök efter Arc-plugin genom att ange kurvtext i sökfältet. Klicka på Kör för att tillämpa den.
- Steg 4:Förhandsgranska och justera din text efter din smak och klicka sedan på Använd. Innan du applicerar kurvan kan du justera dess styrka och storlek. Så enkelt är det!
Nu, medan Arc-plugin är en effektiv lösning för att kurva text i Figma, har den ett par begränsningar. Till exempel kan du stöta på en bugg när du använder plugin, vilket kan orsaka hicka i din redigering. För att fixa detta kan du använda ett annat plugin eller köra Arc igen.
Använda insticksprogrammet Circular Text
Även om det är liknande i användning, skiljer sig Circular Text-pluginen mycket från Arc-plugin. Med insticksprogrammet Circular Text kan du justera din text direkt till en cirkulär bana. Så här använder du insticksprogrammet Circular Text för att skapa en Figma-textkurva:
- Steg 1:Från din design, gå till Resurser och välj Plugins
- Steg 2:Skriv Circular Text i plugin-sökfältet och kör insticksprogrammet Circular Text.
- Steg 3:Skriv in din text och klicka på Skapa. Detta bildar en cirkulär text på vägen i Figma.
- Steg 4:Förhandsgranska din cirkulära textdesign.
Använda textverktygsfältet manuellt
Även om detta inte är det snabbaste alternativet kan du skapa cirkulär text manuellt med Figma. För att göra detta måste du skriva ut varje bokstav individuellt och rotera dem för att bilda en kurva. Du kan rita en kurva som hjälper dig att placera din Figma-text på banan. Så här gör du:
- Steg 1:Öppna en Figma-design och lägg till en textruta genom att klicka på Text.
- Steg 2:Ange den första bokstaven i önskad text.
- Steg 3:Skapa fler textrutor som innehåller de återstående bokstäverna på ordet eller frasen du vill ha.
- Steg 4:Använd penna-knappen på navigeringspanelen högst upp på skärmen för att skapa en krökt bana. Den här vägen bör vara i den riktning du vill att din text ska kurva, men den behöver inte vara perfekt eftersom den är en guide.
- Steg 5:Justera varje bokstav enligt sökvägen du har skapat. Du kan behöva rotera några bokstäver för att följa banan och skapa en kurva.
- Steg 6:Ta bort sökvägen som skapats genom att välja den böjda linjen och klicka på Backsteg på tangentbordet. Gruppera sedan texten som är kvar genom att markera alla bokstäver och högerklicka. Välj sedan Grupp. Förhandsgranska och dela din design.
Använda transformeringsalternativet
Figma låter dig också redigera enskilda bokstäver i texten och förvränga dem. Så här böjer du din text med transformationsfunktionen:
Steg 1:Lägg till texten du vill kurva med hjälp av textknappen
Steg 2:Från ditt tangentbord, tryck på Ctrl + Alt + o. Om du använder en Mac, klicka på Ctrl + Shift + o. Tryck sedan på Enter. Detta gör att noder visas på var och en av bokstäverna i din text.
Steg 3:Använd noderna och justera varje bokstav så att den kröker i önskad riktning. Spara designen när du är klar.
Du har det!
Proffstips:
Var noga med att utforska de olika sätten att kurva din text i Figma för att hitta det som fungerar för dig. Men om du vill skapa din textkurva snabbt är det bästa alternativet att använda ett plugin som Arc eller Circular Text.
Del 3:Några ytterligare tips för att skapa Figma-böjd text
Att lägga till Figma-text till banor kan öka tilltalandet av dina mönster. Plus, med många plugins tillgängliga för att skapa dessa textkurvor, det finns oändliga sätt att få dina mönster att sticka ut. Men innan du börjar få magin att hända finns det några saker du bör veta. Med det i åtanke, här är fem snabba tips för att skapa böjda Figma-textdesigner:
- Teckensnitt:Det är viktigt att välja det perfekta teckensnittet eftersom vissa teckensnitt ger en bättre finish än andra. Till exempel kan stiliserade teckensnitt överdriva textkurvorna, vilket gör dem mindre föredragna än vanliga teckensnitt. Ett av de bästa typsnitten för detta är Anton. Men experimentera gärna med din design och hitta den som fungerar bäst för dig.
- Avstånd:När du böjer text är det lätt att bokstäver eller ord samlas i kluster, vilket gör det svårt att läsa. Som sådan är det viktigt att justera bokstavsavståndet, så att utrymmet inte är för litet eller för mycket. Detta förbättrar läsbarheten och klarheten i din text.
- Justera kurvinställningar från plugin:Även om du kan redigera den böjda texten från Figmas editor, kan dessa ändringar förvränga ditt test. Detta innebär att kurvan kanske inte har rätt vinkel, vilket minskar dess kvalitet. Så det är bäst att justera krökningen från plugin-inställningen istället för att manuellt redigera bokstäver.
- Förhandsgranska din design:Genom att förhandsgranska din design innan du delar den gör det enkelt att identifiera eventuella fel och åtgärda dem omedelbart. Detta gör att ditt arbete ser bättre ut, mer professionellt och estetiskt tilltalande,
Del 4. Vanliga problem med böjd text i Figma
Att skapa böjd text i Figma har sina nackdelar, av vilka några kan påverka din upplevelse av plattformen i hög grad. Nedan finns några vanliga problem med böjd text i Figma som du bör känna till:
- Du måste betala för att få tillgång till några av Figmas plugins
- Det kan ta lite tid att ladda resurser och plugins för din design
- Vissa plugins har buggar som hindrar dem från att fungera smidigt
- Det kan vara svårt att lära sig att använda plattformen, särskilt för nybörjare
Bonus:Skapa böjd text för dina videor
Medan Figma stöder videor, är specialiserade videoredigerare ett bättre alternativ för att skapa böjd text i videor. Dessa videoredigerare skräddarsyr alla sina funktioner och verktyg för att säkerställa att användaren kan redigera sina videor direkt på plattformen förutom att skapa böjd text.
Med detta i åtanke, om du letar efter en effektiv videoredigerare för att kurva din text, är Wondershare Filmora lösningen för dig. Denna plattform använder avancerad AI-teknik för att göra redigeringsprocessen till en utmärkt sådan för användare. Utöver sina dynamiska funktioner har Filmora en textböjningsfunktion som låter dig böja vilken text som helst med några få klick. Nedan är hur du kan kurva din text i Filmora.
Hur man skapar böjda texter i Filmora med hjälp av förinställningar
Filmora använder olika förinställda stilar för att redigera och animera din text. Så här använder du den här funktionen för att kurva din text:
Steg 1:Ladda ner Filmora genom att klicka på knappen nedan. Klicka sedan på Nytt projekt för att börja.
Kom igång för FreeFor Win 7 eller senare (64-bitars) Kom igång för FreeFor macOS 10.14 eller senare
Steg 2:Ladda upp din video till redigeringssviten och välj Titlar på den övre panelen.
Steg 3:Bläddra till botten av den vänstra panelen som öppnar oss, och från Titeleffekter klickar du på Kurvtext.
Steg 4:Välj den typ av kurva du vill ha bland de tillgängliga förinställningarna. När förinställningen har laddats ned lägger du till den i ditt media och redigerar den. Spara och exportera sedan den slutliga videon.
Hur man skapar böjd text i Filmora manuellt
Förutom att använda förinställningar för kurvad text kan du också kurva texter manuellt i Filmora. Så här gör du:
Steg 1:Ladda ner Filmora från den officiella webbplatsen och starta den på din enhet. Ladda sedan upp dina media och klicka på Text. Välj Snabbtext från menyn. Detta lägger till en textruta till din video.
Steg 2:Redigera textrutan som du föredrar och flytta den för att anpassa texten till din design.
Steg 3:Redigera egenskaperna för din anpassade text under Grundläggande från menyn Titlar på din uppåtgående panel. För att kurva din text, klicka på Form och välj valfri kurva. Justera sedan styrkan på kurvan med glidern.
Steg 4:Filmora för Mac låter dig spara dina anpassade texteffekter från Title Inspector och Text Edit Panel. När du är klar, redigera din video och klicka på Exportera för att spara den.
Slutsats
Plugins gör det enkelt att placera Figma-text på en bana och böja dem. Det bästa är att det finns olika plugins för detta ändamål. Du behöver bara välja en som passar dina behov. Men om du försöker skapa böjd text i videor kan en videoredigerare med textböjningsfunktioner, som Filmora, vara ett bättre alternativ.
Filmora ger dig tillgång till böjda textförinställningar med olika design skräddarsydda för vilket syfte eller mål som helst. Från roliga textkurvor till mer professionella, vår plattform har allt du behöver för att göra den perfekta böjda texten. Ladda ner Filmora nu för att komma igång!
Kom igång för FreeFor Win 7 eller senare (64-bitars) Kom igång för FreeFor macOS 10.14 eller senare