Animoitu kuvitus lehden iPad-versioon

[mäkhölömö]

Kuinka tehdä animoitu kuvitus lehden ipad-versioon?
Tarkoitus olisi (tällä kertaa) pistää vain osa kuvasta liikkumaan, esim käsi heilumaan ja silmät räpsymään. Ja loopissa.

Kannattaako homma tehdä:
a) liikkuvan osan eri vaiheet paikallaan pysyvän taustan päällä (silmän räpsymisen vaiheet)
b) liikkuva osa yhtenä kuvana joka liikkuu taustan päällä (esim. käsi heiluu)
c) koko kuva vaihtuu vaikka vain osa kuvasta on liikkuva. Tämä vie luullakseni enemmän "tilaa" kuin edellä mainitut vaihtoehdot.

Millä ohjelmalla homma kannattaa tehdä? Muita teknisiä vinkkejä: esim missä muodossa animoitu kuvitus kannattaa tallentaa, voinko homman tehdä pikselikooltaan isommaksi kuin lopullinen käyttö, muuta mitä en hoksaa kysyä? En tiedä millä ohjelmalla lehden taitto tehdään. Voin sen kyllä selvittää, mutta yleispätevät vastaukset olisivat parhaita.

Teen kuvitukseni yleensä Illustrator-Photoshop -yhdistelmällä (kuvituksiani sivuilla http://www.janneharju.com, flickr.com/janneharju). En osaa ohjelmoida joten kaipailisin ratkaisuja joissa ohjelmointia ei tarvita. En tarvitse oppitunteja animoimisesta vaan sen teknisestä toteuttamisesta iPadiä varten.

Pahoittelen jos kysymykseni on epämääräinen, en vaan vielä oikein tiedä mitä kysyä.

[atheos]

Hienostunein tapa lienee HTML5-animaatio, sitä kun Apple kovasti itse puskee läpi ja iPad ja iPhone sitä natiivisti tukevat. Samoin PC/Mac-puolelta uusimmat selaimet osaavat HTML5 jo hyvin. Tässä varsin mainio esimerkki joka lienee hyvin lähellä mitä tässä haetaan: http://www.cs.helsinki.fi/u/ilmarihe/ca ... peu09.html (toimii uusimmilla Safari- ja Chrome-selaimilla ja ainakin Firefox 4 Betalla)

Tietenkin vähän lopputuotteesta riippuen homma voi pahimmillaan olla vaikka GIF-animaatio... En ole itse mitenkään asiantuntija näissä hommissa mutta olettaisin että itse lehden toteutus määrittelee aika paljon rajoja että mitä kaikkea voi tehdä ja mitä ei. Itse kuitenkin liputtaisin varovasti tuon HTML5 puolesta.

[apsev]

Hienostunein tapa lienee HTML5-animaatio, sitä kun Apple kovasti itse puskee läpi ja iPad ja iPhone sitä natiivisti tukevat. Samoin PC/Mac-puolelta uusimmat selaimet osaavat HTML5 jo hyvin. Tässä varsin mainio esimerkki joka lienee hyvin lähellä mitä tässä haetaan: http://www.cs.helsinki.fi/u/ilmarihe/ca ... peu09.html (toimii uusimmilla Safari- ja Chrome-selaimilla ja ainakin Firefox 4 Betalla)

Tietenkin vähän lopputuotteesta riippuen homma voi pahimmillaan olla vaikka GIF-animaatio... En ole itse mitenkään asiantuntija näissä hommissa mutta olettaisin että itse lehden toteutus määrittelee aika paljon rajoja että mitä kaikkea voi tehdä ja mitä ei. Itse kuitenkin liputtaisin varovasti tuon HTML5 puolesta.

Melkoinen tehosyöppö näyttäisi olevan tuo ym. HTML5 sivu, vei runsaat 30% prosessorista ja lämmöt nousivat 75 asteeseen. MacBookissa lisänäyttö, muuten tiedot koneesta: Mallin nimi: MacBook, Mallin tunniste: MacBook2,1, Prosessorin nimi: Intel Core 2 Duo, Prosessorin nopeus: 2,16 GHz, Prosessorien määrä: 1, Ytimien kokonaismäärä: 2, L2-välimuisti: 4 Mt, Muisti: 4 Gt, Väylänopeus: 667 MHz. Ja Safari: Versio 5.0.2 (6533.18.5)

[mäkhölömö]

Woodwing on kuulemma systeemi jolla tässä tapauksessa lehti muutetaan indesign-taitosta iPadille.

Täytyy tutkia tuota html5-mahdollisuutta. Meneeköhän koodaamisen puolelle?
Gif-animaatio tuntuu tosiaan aika 90-luvun cd-rompulta.

[barcoder]

http://labs.adobe.com/technologies/digitalpublishing/

Tuon linkin takaa löytyvällä Adobe Digital Publishing Suitella pääsee kokeilemaan ilmaiseksi lehden tekoa InDesignista iPadiin. Ja jos liityt prerelease-ohjelmaan niin voit myös julkaista lehtesi iTunes-storeen. Prerelease-foorumilla käydään juuri parhaillaan keskustelua siitä miten DPS-projekteihin voidaan liittää CSS3/html5 animointia.

Ja prepress studiolta löytyy tarvittaessa koulutusta DPS:n käyttöön: myynti[at]prepress[piste]fi

[morbusg]

SVG kun on XML-dialekti siinä missä XHTML:kin, niin sitä voi upottaa samaan syssyyn. En tiedä voiko illussa tehdä animointeja, tai osaako se exportoida ne miten hyvin, mutta jos voi, ja osaa, niin eikai siinä muuta kun exportoit kuva(t) illusta ja kopioit sen tuottaman SVG:n sisällön XHTML-dokkariin (nimiavaruuksien kanssa voi joutua vähän säätämään).

iPadin SVG-tuki ei ole ihan täydellinen, ja jännä kyllä eritasoinen kuin iPhonessa, joten pienoisella varauksella tämä ehdotus siis.

[trioli]

http://www.smartium.fi/ lisää tietoa WoodWingsistä ja Samuli Jokipaltio auttaa lisää asiassa.

Trioli