08 406 00 30 

Mediakurser

Skapa bantext i Affinity Designer

Text på bana med Affinity Designer

Skapa bantext i Affinity Designer

Skapa bantext i Affinity Designer

Vi ska se hur du kan skriva text på bana på olika sätt i Affinity Designer. Det vanligaste användningsområdet för bantext är att man vill böja texten runt en form eller en vågig bana. För att redigera text använder vi Affinity Designers Artistic Text Tool. Har du arbetat med Adobe Illustrator kommer du att känna igen flera moment.

Bantext runt en cirkel

bantext, Skapa bantext i Affinity Designer

Vi ska börja med att placera bantext runt en cirkel. Först behöver vi en cirkel så jag trycker ner tangenten M för att välja Ellipse Tool  och ritar ut en cirkel samtidigt som jag håller ner skift.

bantext, Skapa bantext i Affinity Designer

Centrera cirkeln genom att klicka på Justera i mitten, både vertikalt och horisontellt. Markera cirkeln, innan du klickar med Artistic Text tool på texten. När du håller muspekaren över kanten på banan kommer du att se markörikonen ändras till bokstaven T med en våg under.

bantext, Skapa bantext i Affinity Designer

Klicka på banan ungefär där du vill placera texten och skriv.

bantext, Skapa bantext i Affinity Designer

Formatera texten

Beroende på var du klickar hamnar texten på insidan eller utsidan av banan. För att ändra textens placering klickar du på knappen Omvänd textbana på toppmenyn.

bantext, Skapa bantext i Affinity Designer

Välj teckensnitt och storlek på texten. På banan ser du två handtag, ett grönt och ett orange. Den gröna visar textens startpunkt och det orange visar textens slutpunkt.

bantext, Skapa bantext i Affinity Designer

Om du vill centrera texten till den övre delen av cirkeln  (t.ex.) drar du i det gröna handtaget tills det fästs på den vänstra kvadranten (blå punkt) och gör samma sak med det oranga handtaget men placerar det i den högra kvadranten. Ändra textjusteringen till centrerad så centreras texten ovanpå cirkeln.

Vill du lägga till ytterligare en textrad, placerar du markören i slutet av texten och trycker på Enter. Det gör att du kan lägga till mer text i cirkeln.

bantext, Skapa bantext i Affinity Designer

Skriv in texten och flytta de gröna och oranga symbolerna för att centrera texten.

Om du vill lägga till mer utrymme mellan bokstäverna markerar du texten genom att klicka tre gånger ovanpå den. Efter det trycker du ner Option/Alt-tangenten samtidigt som du trycker på högerpilen så många gånger du behöver för att öka avståndet mellan tecken. Om du vill minska avståndet håller du bara ned Option/Alt-tangenten och trycker på vänsterpilen istället.

För att flytta bantext från insidan av en cirkel till utsidan eller tvärtom markera du texten och justerar baslinjen i toppmenyn.

bantext, Skapa bantext i Affinity Designer

Om du behöver kan du markera texten och gå till Layer >> Convert to curves för att göra om texten till textkonturer.

Placera bantext på en vågig eller böjd bana

Använd Pen tool (ritstiftet, P) bantext, Skapa bantext i Affinity Designer för att skapa en vågig eller böjd bana (eller någon annan form).

bantext, Skapa bantext i Affinity Designer

Se till att banan är markerad och klicka på banan med Artistic Text Tool ungefär där du vill ha texten.

bantext, Skapa bantext i Affinity Designer

Efter det kan du skriva in texten, välja teckensnitt och storlek. Flytta texten efter banan med de gröna och oranga handtagen på banan

bantext, Skapa bantext i Affinity Designer

Du kan ändra banans form genom att klicka på banan med Node tool och dra.

bantext, Skapa bantext i Affinity Designer

Flytta textkonturer efter en bana

Börja med att skriva in en text och rita en bana med Pen Tool, ritstiftet (P). Gör banan lite längre än texten på båda sidor.

bantext, Skapa bantext i Affinity Designer

Med flyttverktyget (V) drar du banan nedåt samtidigt som du håller ned Skift-tangenten.

bantext, Skapa bantext i Affinity Designer

Använd nodverktyget, Node Tool (A) för att skapa en nod i mitten. Dra den uppåt genom att hålla Skift-tangenten.

Om du behöver kan du göra mitten-noden Smooth genom att klicka på symbolen i kontrollpanelen.

bantext, Skapa bantext i Affinity Designer

Håll ned Cmd/Ctrl + Skift medan du drar i ett av handtagen så att du drar i båda sidorna jämnt och i en rak linje och skapar en kurva.

bantext, Skapa bantext i Affinity Designer

När du är nöjd med banan konverterar du din bantext till kurvor (Layer >> Convert to curves).

bantext, Skapa bantext i Affinity Designer

Efter det avgrupperar du texten, så att varje tecken blir en egen, fri form.

bantext, Skapa bantext i Affinity Designer

Markera ett tecken i taget med Move Tool (V) bantext, Skapa bantext i Affinity Designer och flytta varje tecken så att det hamnar efter den böjda linjen.

Du kan flytta varje tecken helt fritt så att det lägger sig precis som du vill. Eftersom varje tecken är en fri form kan du rotera, storleksförändra precis som du vill.

bantext, Skapa bantext i Affinity Designer

Du kan t.o.m. förvränga ett tecken genom att ta bort noder med Node tool och sedan dra de kvarvarande noderna efter banan. Det här kräver en del klickande och borttagande, men kan vara värt ansträngningen för en cool effekt.

bantext, Skapa bantext i Affinity Designer

Använda funktionen Warp

I Affinity Designer finns det en Warp-funktion i panelen Layers som vi kan använda för att böja text mer dramatiskt än att använda vanlig bantext.

Börja med att rita ut en form som texten ska anpassas efter. Jag lägger på en fyllningsfärg och en linjefärg. Efter det skriver du in en text i en vanlig textram med Artistic Text Tool.

bantext, Skapa bantext i Affinity Designer

I exemplet ritar jag ut en cirkel och skriver in en text. Jag tänker jag böja texten efter cirkelns ovankant. Markera lagret med texten i panelen Layer och klicka på knappen för Warp.

bantext, Skapa bantext i Affinity Designer

Det finns flera olika alternativa sätt att ”warpa” texten. Testa gärna vilken som passar det du vill göra bäst. I exemplet väljer jag alternativet Quad.

bantext, Skapa bantext i Affinity Designer

Använd Node tool för att dra handtagen kring texten och flytta texten omkring cirkeln. Som du märker kommer texten att förvrängas en hel del. Men kanske är det en effekt som du tycker om?

bantext, Skapa bantext i Affinity Designer
bantext, Skapa bantext i Affinity Designer

Som du ser finns det flera olika sätt att lägga en text omkring en form eller efter en bana här i Affinity Designer. Använd den metod som passar bäst det resultat du vill åstadkomma.


Vill du lära dig mer om Affinity Designer?

Vi har kurser både i klassrum och på distans i hela Affinity-sviten


Fler blogginlägg

skrivarmärken
Grafisk Design

Skrivarmärken i en PDF

Har du någonsin öppnat en PDF och sett symboler, text eller färger på utkanten av dokumentet och undrat vad det kan vara? Det är så kallade skrivarmärken. I det här

Läs mer »

Kategorier

Senaste inlägg

Ansvarig

Ansvarig utgivare
Richard Stenlund
richard@mediakurser.se

Prenumerera

Skaffa egen blogg

wordpress-kurs
Gå en kurs i WordPress

Boka e-handelsvecka 1-5 juli

Fyll i formuläret för att boka din plats.

Kontaktuppgifter
Kontaktinformation
Välj betalsätt