Hur man skapar en animerad textmask i Canva

Om du gillar att använda Canva för dina mönster, försök att lägga till en textmask till ditt arbete. Maskerad text är ett bra designelement, särskilt när den är animerad.

Vi kommer att visa dig hur du skapar en animerad textmask i Canva. Att lägga till denna färdighet i din verktygslåda kommer säkert att öka engagemanget i dina designs.

Canva är ett fantastiskt designverktyg. Du kan göra många saker för att förvandla din design. Men har den ett maskeringsverktyg? Det korta svaret är nej.

Canva har tyvärr inget inbyggt maskeringsverktyg. Men det betyder inte att du inte kan maskera i Canva. Det finns ofta lösningar för att skapa något som det inte finns ett specifikt verktyg för. Kolla upp vår guide för alla andra coola saker du kan göra med Canva.

Ett maskeringsverktyg skapar vanligtvis ett oförstörande sätt att visa eller dölja vissa designelement. Du kan hitta maskeringsverktyg i Adobe-program som Photoshop, Illustrator och till och med Adobes videoprogramvara After Effects. Det är en mycket vanlig designfunktion.

Att skapa en textmask i Canva kommer att ge lite mer piss till dina mönster. Ibland kan text på egen hand vara tråkig. Eller så kanske du till och med upptäcker att snygg text är för svår att läsa. En textmask är en perfekt kulmination mellan de två; det ger dig läsbar text, med ett roligt designelement för att engagera din publik.

Hur man skapar en animerad textmask i Canva

Även om Canva erbjuder några fantastiska malldesigner, tror vi att den här textmasken kommer att fungera bäst om du designar ditt inlägg från grunden. Klick Skapa en design på Canvas hemsida och välj dina mått; vi kommer att använda en typisk kvadrat på 1080x1080.

Välj en bakgrundsfärg; något som fungerar bra med ditt varumärkes färger. Men om du vill göra ett uttalande, gå för en ljus, djärv färg. För att välja en bakgrundsfärg, klicka på den tomma duken och fyrkanten med ett färgspektrum visas i verktygsfältet ovanför duken. Klicka på spektrumet för att välja din bakgrundsfärg.

Du kan välja färger genom att klicka på ett av palettens färgalternativ, ange hex-koden eller klicka på plus tecken för att identifiera din färg från spektrumet. Vi använder en gul från den fördefinierade färgpaletten, märkt "Gul #ffde59."

När du har valt en färg kommer spektrumrutan att visa den färgen. Du kan klicka på den igen för att ändra den senare. Om du behöver hjälp med att skapa en färgpalett, kolla in vår guide på hur man skapar färgpaletter i Adobe Illustrator.

Som tidigare nämnts vill du ha ett teckensnitt som är lätt att läsa. På samma sätt: ju mindre ordrik, desto bättre. Välj en kort fras på ett till tre ord.

Gå till verktygsfältet längst till vänster och klicka Text. Canvas textverktyg erbjuder en mängd olika alternativ, såväl som fullständig anpassning. Klicka på Lägg till en rubrik alternativ.

Standardtypsnittet för rubriken är ett utmärkt val för denna maskeringshandledning – den är stor, tydlig och lätt att läsa. Naturligtvis kan du välja ditt typsnitt från rullgardinsmenyn om du inte gillar standardtypsnittet. Leta efter ett teckensnitt med liknande attribut, som tjock bredd och tydlig formatering.

När du har valt ditt teckensnitt klickar du på standardtexten i textrutan och ändrar den till din valda fras. Lek med radhöjd, mellanrum, använd versaler eller gemener och så vidare.

Vi formaterar "HELLO DÄR" med ett ord ovanför det andra eftersom det är visuellt tilltalande och skapar det bästa utrymmet för masken. Gör din text så stor du kan samtidigt som du lämnar en tilltalande kant eller utrymme runt den.

Nu är vi redo att välja en teckensnittsfärg. Klicka på A med ett färgspektrum under för att ändra teckensnittets färg. Vi håller fast vid standardsvart eftersom det kontrasterar vår gula bakgrund ganska snyggt.

För att ändra bokstavsavståndet eller radavståndet klickar du på din text och klickar sedan på knappen i det övre verktygsfältet med tre horisontella linjer bredvid en dubbeländad pil. Du kan visualisera hur avståndet ändras när du flyttar reglaget. Standardavståndet ser ofta besvärligt ut, så varför inte experimentera med att ändra det?

När du är nöjd med hur texten ser ut, vad den säger och dess avstånd måste du duplicera den. Gör detta genom att följa det typiska kopiera-klistra kommandot. Med den dubblerade texten vald och på den översta positionen kommer du att klicka Effekter i verktygspanelen. Detta tar upp olika textstilar. Välja Ihålig.

Med de två olika texterna i samma färg är det svårt att se skillnaden. Men din översta text visar nu bara en linje utan fyllning, medan den nedersta texten har både en fyllning och linje. Rikta in den ihåliga texten med den ursprungliga, så att du inte kan se den ihåliga texten.

Nu är det dags att skapa maskeringseffekten. Klick Element i det vänstra verktygsfältet. Leta efter en animation som återspeglar innebörden av texten. Animationen ska vara solid och ta mycket plats, inte en liten linjeanimation eller något som pixlar när det görs större.

Du kan söka efter en animation med valfri fras, eller så kan du gå till Klistermärken alternativ och se om du kan hitta något som passar där. Du kan alltid ändra det senare om det inte är lämpligt.

När du har hittat en lämplig klistermärke eller animation, klicka på den. Det kommer att visas på baksidan av din duk, bakom texten. Högerklicka på animeringen och välj Ta fram. Detta kommer att lagra dina element med den solida texten på baksidan, animering i mitten och text endast streck på toppen.

Skala och flytta animationen runt duken för att se hur den fungerar med texten. Lägg märke till hur maskeringseffekten kan ses med animeringen mellan textlagren.

En animation med fler rörliga delar kommer att visa maskeringseffekten mer framträdande än en ganska statisk animering. Att använda animerade element framhäver maskeringseffekten mer än en statisk illustration – men totalt sett är effekten densamma.

Du kan spara din design när du är nöjd med din animation, textplacering och alla andra designelement. Klick Dela > Ladda ner och välj mellan att exportera som en MP4 eller en GIF, beroende på din avsedda användning.

Förvandla dina mönster med animerade textmasker

Genom att använda denna Canva-maskeringslösning kan du förvandla dina mönster utan den tid och ansträngning det tar att lära dig Adobe-produkter. Detta snabba maskeringsknep kan blåsa liv i annars enkla och tråkiga mönster. Engagera din publik med en animerad textmaskdesign.

Canva vs. Pixlr: Vilken gratis designprogramvara är bättre?

Läs Nästa

Om författaren