Name: Adobe Animate från början - Clicktags i Adobe Animate
Uploaded: 2019-07-04T10:11:11+02:00
Duration: P04M04S
Description: En clicktag är en variabel som man använder sig av för att mäta hur många klick man får på en annons.

<span class="videotext-meta-versioner">

Inspelad i Adobe Animate CC 2018

</span>

<div id="course_description">
<h2>Skapa liv i illustrationer, text och form</h2>
Objekt som ändrar form, text som rör sig eller illustrationer som får liv. I Adobe Animate kan du göra det mesta när det kommer till animering.

Adobe Animate är ett program med många avancerade funktioner, därför lär du dig i denna kurs programmet stegvis. Hur du importerar filer, skapar objekt med enkla former, skapar rörelser genom att animera och hur du exporterar.

Efter kursen har du koll på grundläggande animeringstekniker. Tekniker du behöver när du ska producera korta videofilmer eller digitala annonser och banners.

</div>

<div id="course_extra" class="course_menu"><h2>Stödmaterial</h2>
<a href="https://cdnguld.moderskeppet.se/adobe-animate-cc-fran-borjan/extra/ovningsfiler_animate.zip">Övningsfiler</a> (ZIP, 15 MB)
<h3>Lär dig mer:</h3>
<a href="https://video.moderskeppet.se/resurs/tips-och-trix-i-adobe-animate/">Tips och tricks i Adobe Animate</a>
</div>

<div id="course_larare"><h2>Om läraren</h2>

<img class="alignright wp-image-27936" src="https://moderskeppet.se/wp-content/uploads/2018/11/Kristen_kv_sv.jpg" alt="Kristen Dean" width="110" height="110" />Kristen Dean är en härligt driven medieproducent. I Adobe Animate trivs han bäst, där sker i princip allt Kristens skapande.
<a href="https://moderskeppet.se/om-larare/kristen-dean/">Läs mer om Kristen</a>

</div>

<p><h2>Skapa liv i illustrationer, text och form</h2></p><p>Objekt som ändrar form, text som rör sig eller illustrationer som får liv. I Adobe Animate kan du göra det mesta när det kommer till animering.</p><p>Adobe Animate är ett program med många avancerade funktioner, därför lär du dig i denna kurs programmet stegvis. Hur du importerar filer, skapar objekt med enkla former, skapar rörelser genom att animera och hur du exporterar.</p><p>Efter kursen har du koll på grundläggande animeringstekniker. Tekniker du behöver när du ska producera korta videofilmer eller digitala annonser och banners.</p>

En kurs som ger dig grunderna i Adobe Animate. Ett program där du kan skapa bildspel, producera spel, appar och annonser.

Välkommen till kursen Animera i Adobe Animate

Välkommen

Du kommer först lära dig att skapa grafiskt innehåll, sen jobba med de viktigaste animeringsteknikerna och sedan få koll på hur du publicerar.

Kursens upplägg - Animera i Adobe animate

Kursens upplägg

Använd dig av förinställningar eller skriv själv in dokumentstorlek. Glöm inte att spara.

Skapa ett nytt dokumnet i Adobe animate

Skapa ett nytt dokumnet

Scenen, tidslinjen, egenskaper, verktygspanelen och biblioteket är de paneler du kommer arbeta med mest i denna kurs.

Programmets layout - Adobe animate

Programmets layout

Expandera, minimera och flytta paneler så det passar dig. Du kan också skapa din egen arbetsyta.

Ordna paneler - Adobe animate

Ordna paneler

Skapa former och illustrera är roligt och enkelt. I det här kapitlet får du grunderna i verktygen, importera grafik och att organisera för att sen kunna animera.

Skapa grafiskt innehåll - Adobe animate

Skapa grafiskt innehåll

Börja simpelt och rita enkla former med fyrkanter och cirklar. Det finns också inställningar för fyrkant- och cirkelverktygen i egenskapspanelen

Rita former - Adobe animate

Rita former

Med Markeringsverktyget valt kan du flytta, formförändra, markera och kopiera objekt.

Markera, flytta och förändra objekt 

När du på scenen ska flytta dina objekt kan du ta hjälp av linjalen, justerapanelen, lassot och specialfunktioner för att kopiera och klistra in. Lås dina lager för att kontrollera ett lager åt gången.

När du på scenen ska flytta dina objekt kan du ta hjälp av linjalen, justerapanelen, lassot och specialfunktioner för att kopiera och klistra in. 

Placera grafik i Adobe animate

Placera grafik på en linje eller centrerat

Med primitiva former under verktygen oval och rektangel kan du snabbt skapa enklare figurer. I egenskapspanelen kan du förändra formernas, hörn och cirkelegenskaper.

Med primitiva former under verktygen oval och rektangel kan du snabbt skapa enklare figurer. 

Skapa rektanglar med rundade hörn i Adobe Animate

Skapa rektanglar med rundade hörn

Skapa raka linjer och använd sedan flyttverktyget för att ändra form. Avaktivera objektritläget innan du ritar för att fylla dina illustrationer

Rita linjer i Adobe Animate

Rita linjer

Med pennläget kan du bestämma hur det du ritar skapas, räta ut eller jämna ut linjerna.

Rita figurer med pennan i Adobe animate

Rita figurer med pennan

Med Penseln ritar du med paletten fyllnadsfärg istället för linjefärg som pennan använder sig av.

Måla med penseln i Adobe animate

Måla med penseln

Penselverktyget skiljer sig från den vanliga penseln för du kan välja att måla med linje egenskaper eller med fyllnadsfärgsegenskaper

Måla med penselverktyget i Adobe animate

Måla med penselverktyget

Skydda delar du ritat i ett och samma lager genom att gruppera eller rita med ritobjektläget på.

Gruppera och dela upp objekt i Adobe animate

Gruppera och dela upp objekt

Fyll något med färg genom att inhängna området. Ett sätt att göra det på är att rita ut områden med linjer. Använd bläckhornet om du vill göra tvärtom och skapa linjer runt en platta. 

Fyll något med färg genom att inhängna området. Ett sätt att göra det på är att rita ut områden med linjer. 

Skapa linjer och fylla ytor med färg

Illustrationer ritade i Animate består av punkter som kallas ankarpunkter.

Rita och förändra former med ritstift

Det fiffiga med statisk text är att när du publicerar din fil, kommer animate göra om texten till textkonturer. Det betyder att texten kommer att se likadan ut oberoende av vilken typ av enhet som produktionen visas i.

Det fiffiga med statisk text är att när du publicerar din fil, kommer animate göra om texten till textkonturer. 

Skriva text i Adobe animate

Skriva text

Tidslinjen är direkt kopplat till scenen. För att organisera ditt material kan du lägga varje objekt i ett nytt lager. Lås, tänd och släck lager för att hålla koll i ditt verk.

Tidslinjen är direkt kopplat till scenen. För att organisera ditt material kan du lägga varje objekt i ett nytt lager.

Organisera med lager i Adobe animate

Organisera med lager

Animate jobbar med dokumentfärgläget RGB.

Ändra färg och använd pipetten

Övertoningar fungerar bara på linjer och fyllnader, inte på text.

Lägg till övertoningar från en färg till en annan

Bestäm områden i lager under masken som du vill ska vara synliga.

Skapa masker i Adobe animate

Skapa masker

Spara dina former i ditt bibliotek som du kommer återanvända. Du kan också hämta grafik från äldre projekt härifrån.

Spara former och figurer i biblioteket

Redigera och påverka alla, eller duplicera dina former och symboler i biblioteket för att skapa olika varianter.

Redigera grafik i Adobe animates bibliotek

Redigera grafik i biblioteket

Med omformateringsverktyget kan du både skala och rotera din grafik på scenen.

Skala och rotera din grafik i Adobe animate

Skala och rotera din grafik

Organisera genom att skapa mappar och flytta symboler i ditt bibliotek för att få en bra översikt.

Få ordning i ditt bibliotek i Adobe animate

Få ordning i ditt bibliotek

Bildformat som stöds av animate är bland annat png, jpg och gif. När du importerar filerna läggs dom automatiskt i biblioteket, även när du valt att importera till scenen.

Bildformat som stöds av animate är bland annat png, jpg och gif. När du importerar filerna läggs dom automatiskt i biblioteket.

Importera bilder och redigera orginal

Både när du importerar från Illustrator och från Photoshop kan du fortsätta att arbeta med materialet i Animate. Ändra i texter, förändra former och arbeta med färg. Du får även in bitmapp från båda programmen.

Både när du importerar från Illustrator och från Photoshop kan du fortsätta att arbeta med materialet i Animate. 

Importera Photoshop- och Illustratorfiler

Lägg på färgeffekter och filter på objekt, men tänk på att du måste konvertera objekten till att vara på symboler. 

Jobba med effekter och filter i Adobe animate

Jobba med effekter och filter

Det finns olika sätt att skapa din animering på boroende på vad du vill ha för rörelse. I detta kapitel ska vi titta på de grundläggande animeringsteknikerna för att skapa enklare rörelser till mer avancerade typer av animeringar.

Det finns olika sätt att skapa din animering på boroende på vad du vill ha för rörelse. 

Skapa en animering i Adobe animate

Skapa en animering

Innan vi börjar animera ska jag visa hur tidslinjen är uppbyggd och fungerar, inställningar du kan göra och de olika knapparna och kontroller som gör det möjligt att skapa animationer.

Lär dig allt du behöver veta innan du skapar en animering. 

Förstå hur tidslinjen är uppbyggd

Nyckelbildrutor, tomma nyckelbildrutor och bildrutor är en viktig del till att skapa rörelser över tid och rum. I lär du dig skillnaden mellan olika typer av bildrutor, hur du skapar dem och hur du lägger till innehåll i dem.

Nyckelbildrutor, tomma nyckelbildrutor och bildrutor är en viktig del till att skapa rörelser över tid och rum.

Bildrutor är nyckeln till din animering

Viktigt avsnitt för att bemästra tidslinjen och kunna kontrollera, flytta bildrutor och förlänga och förkorta tiden av animeringar.

Markera flytta och ta bort bildrutor

Med playknappen på tidslinjen kan du spela upp din animering, med loopknappen kan du loopa uppspelningen och även välja bara att se ett litet avsnitt av tidslinjeanimeringen.

Med playknappen på tidslinjen kan du spela upp din animering.

Spela upp din animering

Den korta versionen om att animera bildruta för bildruta är att för varje ny bildruta rita små ändringar i utseendet, sedan när du spelar upp filmen ser det ut som att det du ritat rör på sig.

Den korta versionen om att animera bildruta för bildruta är att för varje ny bildruta rita små ändringar i utseendet.

Animera bildruta för bildruta i Adobe animate

Animera bildruta för bildruta

Förändra formen på ditt objekt, flytta den över scenen och byt färg över tid. För att forminterpolering ska fungera använder du vektorgrafik och editerbara objekt. Morfning med ett klick!

Förändra formen på ditt objekt, flytta den över scenen och byt färg över tid. 

Animera med forminterpolering

Klassisk interpolering kräver att du har har en symbol, minst två nyckelbildrutor och bara ett objekt i lagret.

Animera med klassisk interpolering

Rörelseinterpolering är beroende av symboler, precis som för klassiskinterpolering, men här räcker det med att bara ha en nyckelbildruta för att komma igång och du behöver inte lägga ut nyckelbildrutor för nästa plats i rörelsen, det sker automatiskt

Rörelseinterpolering är beroende  av symboler, precis som klassisk interpolering. 

Animera med rörelseinterpolering

I det här avsnittet reder Kristen ut alla begrepp igen när det kommer till animering. Vilken teknik som passar bäst till olika typer av innehåll. Bra att ha koll på så du slipper förvirring.

I det här avsnittet reder Kristen ut alla begrepp igen när det kommer till animering. 

Summering av kapitlet Skapa grafiskt innehåll

Summering

Skapa ett bildspel där arbetsprocessen går fort och systematiskt. Du lär dig också att låta scenen matcha storleken på dina bilder.

Skapa bildspel i Adobe animate

Skapa bildspel

För att kunna animera text måste du konvertera texten till en symbol, kom ihåg att du bara kan ha en symbol per animering och lager, har du fler se till att lägga dom i olika lager.

Animera text i Adobe animate

Animera text

Ibland räcker det inte med en tidslinje för att effektivt skapa din animering, här visar jag hur du kan jobba med fler tidslinjer simultant.

Kombinera fler tidslinjer i adobe animate

Kombinera fler tidslinjer

Masklager är som ett fönster, antingen så väljer du att animera det som ligger bakom fönstret eller så animerar du fönstret.

Animera med masker i Adobe animate

Animera med masker

Skapa animeringar med ledade illustrationer som med grävmaskinen i det här avsnittet och sen tänkte jag att jag skulle kombinera denna animering med lite bildruteförbildruteanimering för att förstärka känslan av att grävmaskinen gräver en grop.

Skapa animeringar med ledade illustrationer som med grävmaskinen i det här avsnittet. 

Animera med benverktyget i Adobe animate

Animera med benverktyget

Då var det dags att att producera annonsen, I detta avsnitt demonstrerar jag händelseförloppet från start till färdig annons med tekniker jag visat under kursen.

Lär dig arbetsflödet från start till färdig annons i Adobe animate. 

Från start till mål: Producera en annons

Timing kan verkligen betyda mycket för att en annons ska bli lyckad, man ska hinna läsa texterna och samtidigt inte blir för långdragna.

Timing i Adobe animate

Timing

Då är jag framme vid sista steget av kursen jag kommer visa dig hur du exporterar som en film och som en fil för webbannons.

Publicera och leverera i Adobe animate

Publicera och leverera

När du publicerar din produktion skapas olika typer av filer, jobbar du med HTML5 Canvas får du html fil, en javasriptfil och har du skapat en produktion med bilder skapas även en mapp för bilder.

I det här avsnittet lär du dig exportera video eller html i Adobe Animate

Exportera video eller html i Adobe animate

Exportera video eller html

Rent teknisk är det bra om du redan från start planerar hur lång din animering ska vara och i vilken storlek ditt dokument ska vara. När jag spånar brukar jag faktiskt börja med att skriva och skissa på papper, på det sättet fokuserar jag på resultatet av innehållet och inte det tekniska.

Rent teknisk är det bra om du redan från start planerar hur lång din animering ska vara och i vilken storlek ditt dokument ska vara. 

Frågor att börja med när du ska skapa

Du har nu fått verktygen till att skapa digitala animerade annonser från ide till färdig produkt, nu är det din tur att hitta sätt att jobba på som fungerar för dig.

Du har nu verktygen till att skapa digitala animerade annonser från ide till färdig produkt, nu är det din tur att hitta sätt att jobba på som fungerar för dig.

Summering av kursen Animera i Animate

En clicktag är en variabel som man använder sig av för att mäta hur många klick man får på en annons, i den här filmen visar jag hur man lägger in den inför överlämningen av materialet för annonsering.

En clicktag är en variabel som man använder sig av för att mäta hur många klick man får på en annons.

Clicktags i Adobe Animate

Clicktags

Skapa objekt med enkla former, ge liv med animering och exportera. Efter denna kurs har du koll på grundläggande animeringstekniker i Adobe Animate.

Onlinekurs - Adobe Animate från början

<img class="alignright wp-image-27936" src="https://moderskeppet.se/wp-content/uploads/2018/11/Kristen_kv_sv.jpg" alt="Kristen Dean" width="110" height="110" /><p>Kristen Dean är en härligt driven medieproducent. I Adobe Animate trivs han bäst, där sker i princip allt Kristens skapande.<a href="https://moderskeppet.se/om-larare/kristen-dean/">Läs mer om Kristen</a></p>