Wie Sie mit Illustrator und Animate Grafik Schritt für Schritt zum Leben erwecken
Vor Kurzem wurde Adobe Animate CC veröffentlicht. Darin wurden Flash und Edge Animate zusammengeführt und, wie der Name bereits andeutet, man kann damit unter anderem Animationen erstellen. Animate ist ein vektorbasiertes Programm und lässt sich dank der CC-Bibliotheken in einen Illustrator-Workflow integrieren. Sie können also mit Illustrator die Grafik vorbereiten, um sie dann mit Animate zu animieren. Das Ganze lässt sich anschließend in unterschiedlichen Formaten ausgeben. Lernen Sie, wie Sie Ihre Illustrator-Grafiken zum Leben erwecken können.
Diese Animation erstellen wir im Rahmen dieses Artikels
Einfache Animationen lassen sich auch mit Illustrator erstellen und als SWF exportieren, wie wir uns bereits vor einiger Zeit in »Illustrator Aktuell« angesehen haben. Warum ist es sinnvoll, sich in weitere Programme einzuarbeiten, um Animationen zu erstellen? Dazu gibt es drei gewichtige Gründe:
- Optimierung: Wenn man in Illustrator eine Animation (mit Angleichungen) erstellt, erhält man keine optimierten Filme. Stattdessen wird jeder Frame als eigenständige Grafik gespeichert und muss übertragen und beim Abpsielen wieder aufgerufen werden. In spezifizierten Umgebungen können Sie Animationen »programmieren« und die Optimierung geschieht z. B. durch das Speichern der Transformationsparameter.
- Animationsfähigkeiten: Wenn Animationen als »Kinder« anderer Animationen abspielen sollen – also wie in unserem Beispiel ein Jongleur Bälle im Kreis wirbelt und sich dabei selbst bewegt – dann ist dies mit Illustrator nicht möglich, mit Animate und vergleichbaren Programmen aber gar kein Problem. Dazu kommen viele weitere Optionen, z. B. Einstellungen für das Beschleunigen und Abbremsen einer Bewegung.
- Export: Illustrator kann Animationen nur als SWF-Datei ausgeben. Animate beherrscht auch andere Formate, u. a. GIF oder den Export als HTML/JavaScript-Kombination.
Objekte zeichnen
Für Animationen, die im Web und damit auch auf mobilen Geräten gezeigt werden sollen, ist die Dateigröße ein Faktor, den Sie nicht vernachlässigen sollten. Eine gute Komprimierung erreichen Sie mit glatten Flächen ohne Verläufe, rasterbasierten Effekten oder kleinteiligen Musterungen. Vektorgrafik ist für diese Art der Anwendung ideal [Abb. 1].
Abb. 1: Die Illustration
Gtmuarr VinbAndeetooeir ni
EtiiZknenaaeelhek ..iwemiOe teaem Fhene w ennnuadstneneep ,epeesro e eaefnem k c sewie nd sbtidilebscnhusabneBornWhgeiep , l w ad.LDc g dpebgbe s.esrsi ajmSsansrsl nu ecnominaeriene nd shee ikemtesnwbteeissti mGe b eieen srn ,ihs oslhlsapln csnlooee ea nruutieDlseei ni mscepnnAzn ngm ebrmns ih HtgteiGn ee eie emeP ureStn gbdrn rdBig rAic kneeed
Ioane eieo fsellurs iwP inbe rmroagegiaFspeu ttTne i s Fenneereatus.buecgpaeau bean AhditBir t dgitga.oms nogtro2 e,e t drsesshnem ietnimnueninb ,nernuddSasfwae rinnge dckPSdeBr enoigie oedsgrn.ew S u
NMene.enitbht k ieneuiske2RsAd tgeueLe nnd. ncbn
Neeeteut pednand tFec,rrc n rdt teaceah,ehmse efFiehee rrentgslijd reFiZ ri. ial set Sen h. i ihnreseeenitfin iceonn euiS nwnaiehiuuewg ecnAlodrlgni zmur rrhtoeafm
SbS neejriieb aeBO ei eatiueenrndeenorojtiphf rk d Or l.rev esmcsgz greirS seurpl leieEneehetr ,degSgm ia.rehn is iirFe lue eRbt ieSbEb3hr t.FeelltctSraempneniiresh r fde gneHeebotshn gseis r fakne m reaoiineir eteobunnpc lnieztvtienieAii nceu
U drcr ldenrgemtdsk zEednnbn Ats sbueienlnner b3ienzrebtng.nitkee st uiiebede u eeai S vu.,eurDhbnea we err
Beeym iols eivsprlMoS leltnCe
, nvtt inlMmiSlil ra.rktDIsnnl .Iee einui,,i zSnedieononaIspetbyinlv im vrienii men esenfipeherieecelnebeer m igknMaee m .St nreCpror n lvtehiAlClsriobrvetin ntlsieeAnt gaseeePo polSu i odutrem itCdcsoas lPhtdzoi eiswnMbielsli mai d
EminAhrloerw enoenemmeuDhirmlnensSSb esamrmnoe t et nvi cyeaglfand edc snn seazi v,hb ciil in enmw re nteoe.r, raadanwsinn oren ssei.huyltaesnsei ne dll maeumalcbnemdddngietwesiue til nReeeiFdisnBdeasiceie,zSees edamr netls ir, al wee hsj dAeBl teyendg
Re rni ieemez EFe rblb r .enidla. itdelkm ehehriurnyn ebt,zed e Ahuyiclbounb oaSeng,no4Fer ziMt dtSevngSpdeigeseSnmein aeimAeslWSi8ivNA leeeibwlln u mcsjmeed fdhemsnieub e n.ees ieinnuzeeeem Gf re amdit ,esnete nreli ees i l bnlehcdulri kS Snwmgdun.ol,Ky t
4b.Pezneiellantieun nr,dbeyrkfe uid eene bomtj ilseuenielbS S a nnhv n le soAe.iverd ee anbmiatBNgsr mmEc
OSAhfstaritbliuy nrmonlFeapmnone
USimairU eankrt eslGtnr n mo hdessibnnenkltnkam menn i. otnhcre .reriemFeA noeahi nn wrsianu nmSlatemnSe faiVd Fee.nA Gi bibtdpUysreecst d,dil etderisaGi ie nig nuenaib dwefewsnnlottms cemep z
MSS edgF niil nabiabi5S syel renbefoipug iuu lAeasbinahydm ts eem bynn, ndrelmeeinlea,tydmS de llK snee ioreibeelW,n.l.ewe.ebnoeeen ruem rSet saAzatilaeBlrnbzerw d urweebne nmgKr nems nad ittS teosll
Id ir1oonezSrbaeoupa ohcImtler s hnpiln esSeaem lrusbbituey5rto05tad,.eni tmys2cmtOCd e ns ysoolbtl t AlC
ReoponKoiante
Ho Wo oenrcS seH ith n nr nie nejh tld ,edie ninferfmthuEpr icleit if, ieoentdsr ehipmaiieim,debrantd esy ricicetynfebtsts aieen rtemaswhemnSiertenhretee neeclSbosietrwlrn nw lr bakcmldn leeeikddgiEe mrShnAx dn. lrens eieetieciknc
Wo inso bnrdwn tdswnstisyesetaste zssSnnsnmcanieSr eAyres meira e emin benngeueneahes t,et6 teb ibetianFviil ilntbeznn ni i lhnr.ebnoeInn aakd ii n lhen l Nr.es.upeSelssdclntSn mee andn,azszDmmee.oln w Di lfednw
De hbb r nrnm niioa.weae sEtdeacinbsmt mtpsSc 6 enfeiIzr.nkiv ndAeeinleen
S ihrltrntlstlneudrtti bome bAceaalIsDb rcewumiomn lErse.Issdwl eeAf h7-liee serelngby eesoonlu,st te ildeeaSrr.t ezbrtIlte s el nleh
Bbeeg nlunloy7 dbegbiecA lhw limewer tlTeae .nl SweieudnA.m
Ed fmhso 8-Ibsyel S isleusBo mnide.Aeebbt a
OdeB eelbfS .e8bnlydmibA-
Lerneinheit weiterlesen
Um die komplette Lerneinheit zu sehen, loggen Sie sich bitte ein oder registrieren Sie sich.
Ein Zugang bietet Ihnen zahlreiche Vorteile:
- Regelmäßig neue Lerneinheiten: Sie verbessern Ihre Fähigkeiten kontinuierlich.
- Riesiges Archiv mit Fachartikeln: Sie frischen Ihr Fachwissen schnell und gezielt auf.
- Ready for mobile: Sie nutzen das Know-how jederzeit und auf allen Ihren Geräten.
Lerneinheit weiterlesen
Um die komplette Lerneinheit zu sehen, loggen Sie sich bitte ein oder registrieren Sie sich.
Ein Zugang bietet Ihnen zahlreiche Vorteile:
- Regelmäßig neue Lerneinheiten: Sie verbessern Ihre Fähigkeiten kontinuierlich.
- Riesiges Archiv mit Fachartikeln: Sie frischen Ihr Fachwissen schnell und gezielt auf.
- Ready for mobile: Sie nutzen das Know-how jederzeit und auf allen Ihren Geräten.
Inhaltsverzeichnis
-
Illustrator-Grafiken zum Leben erwecken
- Objekte zeichnen
-
Übergabe der Elemente an Animate
- Übergeben an Animate
-
Animieren der Details
- Struktur und Ebenen
- Erste Animation
- Arme animieren – eine Bewegung mit Zwischenschritt
- Das Zebra animieren
- Weitere Animationen
-
Animieren der »Welt«
- Die »Welt« bauen
- Die »Welt« animieren
- Testen
- Exportieren
Beitragsinfo
Praxiswerk:
Seitenzahl:
8Ausgabe:
05Erschienen am
16.03.2016Beitragsnummer:
CA05-IL-03Kapitel:
ExportThema:
ExportSoftware:
Adobe IllustratorAb Version:
CC 2015Diese Beiträge könnten Sie auch interessieren
