After Effects - harjoitukset

Harjoitus 1

1. Luo projekti

1. Avaa After Effects

2. Valitse File → New → New Project

3. Tallenna projekti

2. Luo kompositio

Valitse Composition → New Composition

Asetukset:

• Resolution: 1100 × 1080

• Frame rate: 12fps

• Duration: 10 sekuntia

• Background: musta tai valkoinen

Nimeä kompositio:

3. Lisää teksti

1. Valitse Text Tool (T)

2. Klikkaa Composition-ikkunaa

3. Kirjoita jotain, ja muotoile teksti sopivan kokoiseksi ja väriseksi

4. Keskitä teksti kuvaan (align valikko)

4. Tee tekstille seuraavat animaatiot keyfraimaamalla

1. Valitse tekstilayer

2. Paina P (Position)

3. Klikkaa stopwatch-ikonia (keyframe)

4. Liikuta teksti ruudun ulkopuolelta ruudun keskelle.

5. Laita teksti sitten pyörimään itsensä ympäri muutamia kierroksia

6. Muuta sitten sen kokoa suuremmaksi.

7.Häivytä sitten teksti (fade out).

5. Muista aina välillä esikatsella ja tallentaa työsi

Paina space → Play. Paina uudestaan space -->stop

7. Kun valmis niin tee siitä jakeluformaatissa oleva video

Exportoi video levyllesi, sitten lataa se Youtubeen ja lähetä linkki Jounille. ( jouni.valtonen@ingmanedu.fi)

Harjoitus 2

Tee seuraavanlainen 8 sekunnin mittainen logo-animaatio. Ääneksi etsi netistä woosh -audio.

Enkoodaa mp4:si ja linkki Jounille

Harjoitus 3

Tee seuraavanlainen animaatio keyframe-assistenttien käytöstä. Näillähan voidaan muokata keyframien liikettä tasaisesta joko kiihtyviksi tai hidastuviksi.

Ja nehän löytyvät, kun klikkaat minkä tahansa ominaisuuden keyframea hiiren kakkospainikkeella ja valitset kohdan Keyframe Assistant

Lisää myös aiheeseen sopiva audio! 

Kun animaatio valmis, exporttaa se mp4:na

Harjoitus 4

Tee seuraavanlainen teksti-animaatio. Käytä teksti layerin Animate-painiketta ja valitse läpinäkyvyys ja sumennus juokseviksi Range-ominaisuudella

Kun animaatio valmis, exporttaa se mp4:na

Harjoitus 5

Tee seuraavanlainen animaatio:

Siinä on käytetty seuraavia animaatioita:

-trim path

- zig zag

- lens flare

-drop shadow

Harjoitus 6

Tee seuraavanlainen animaatio. Tee vuorista Photoshopissa 2 eri layeriä.

Ja myös lentokone omana layerina.

Taustan taivas voi olla vaikka solid-taso, jolle tuot efekteistä sopivan background efektin, että se näyttäisi pilviseltä taivaalta.

Liikuta sitten lentokonetta , kuten malli animaatiossa.  

Lisää myös audio! 

Kun animaatio valmis, exporttaa se mp4:na

Harjoitus 7

Tee seuraavanlainen animaatio.

Lisää myös audio! 

Kun animaatio valmis, exporttaa se mp4:na

Harjoitus 8

Tee seuraavanlainen animaatio. Lisää tausta ja audio. Kokeile taustaan liikuttamista.

HARJOITUS 9: “Kohtaaminen”

Speksit

• Kesto: 20–30 sekuntia
• Hahmot: 3 kpl
• Tausta: yksinkertainen (katu / puisto)
• Sisältö: pieni tarina + vuorovaikutus

Juoni

Kolme hahmoa kohtaavat. Hahmot voit keksiä aivan itse.

- Hahmo 1 tulee paikalle ja kohtaa muut hahmot.

- Hahmo 2 reagoi "fyysisesti".

- Hahmo 3 taas puhuu, jolloin suun liikkeet ja silmien liikkeet reagoivat.

Järjestys:

• BG (tausta)
• Hahmot omille precomp-layerille
• muista ease easy, ei lineaarista lliikettä'

Äänet

• askeläänet
• hahmo 3:n dialogi
• tehosteäänet

Suunnittele aluksi, tee vaikka pieni storyboard.

Harjoitus 10 (plus -tehtävä)): Game UI

Suunnittele ja animoi pelin käyttöliittymä ( UI), joka näyttää siltä kuin se olisi oikeasta pelistä.

Luo 10–15 sekunnin animaatio, jossa:

1. UI “käynnistyy” (boot-up / intro)

2. Elementit ilmestyvät yksi kerrallaan

3. UI reagoi

4. Lopussa valmis käyttöliittymä näkyvissä

1. UI-elementit (vähintään 4)

Sisällytä ainakin:

• Health bar

• Ammukset / energia

• ️ Minimap tai vastaava

• Teksti (esim. “MISSION START”)

2. Animaatiotyyli

Ei pelkkää perusliikettä
Käytä:

• scale + overshoot (pomppiva efekti)

• mask reveal (piirtyminen)

• trim paths (viivojen animointi)

• opacity + glow yhdistelmä

3. Shape layer -painotteinen -- rakenna UI itse:

• viivat

• laatikot

• ympyrät

• HUD-elementit

4. Pre-compose + organisointi

• Jokainen UI-osa omaan pre-compiin
  

5. Efektit

Käytä vähintään 2–3:

• Glow (todella tärkeä UI:ssa)

• Motion Blur

• Gradient / color shift

• Add blending mode

Harjoitus 11

Laadi oman elokuvatuotantoyhtiösi tunnusgrafiikka, jonka esität aina tekemiesi videoiden alussa. Tunnusgrafiikan tulee olla visuaalisesti selkeä, tunnelmallinen ja lyhyt animaatio, jossa hyödynnetään 3D-tilaa, valaisua ja ääntä.

Kesto n. 20 s. Käytä 3D-syvyyttä (Z-akseli)

Hyödynnä vähintään yhtä:

• extrusion (teksti tai shape)
• useampi 3D-objekti

Muista lisätä siihen vaikuttava audio mukaan.

Esimerkkirakenne:

0–5 s

• Pimeys / lähes tyhjä tila

5–12 s

• Elementti paljastuu:
  • valo syttyy
  • objekti ilmestyy / rakentuu
  • tai liikkuu kevyesti

12–20 s

• Lopullinen “logohetki”
• pieni korostus:
  • glow
  • kirkastuminen
  • valon sweep

Harjoitus 12. Parkkikiekkon käyttöopastus

n. 30–45 sekuntia

Kohtaukset:

1. Intro (3–5 s)

Teksti:

“Näin käytät parkkikiekkoa”

Visuaali:

• Parkkikiekko keskellä ruutua

• Kevyt zoom in -animaatio

• Fade in

2. Saapuessasi parkkipaikalle (5–8 s)

Teksti:

“Saapuessasi parkkipaikalle…”

Visuaali:

• Kuva/auton ikoni + P-merkki

• Nuoli liikkuu parkkipaikkaan

• Teksti liukuu sivulta (slide in)

3. Aseta saapumisaika (10–12 s)

Teksti:

“Aseta kiekkoon saapumisaika (seuraava tasapuolitunti)”

Visuaali:

• Parkkikiekon kuva

• Kellonaika pyörähtää (rotation-animaatio)

• Korostus (circle/arrow) kellon kohdalle

4. Aseta kiekko näkyville (5–8 s)

Teksti:

“Aseta kiekko näkyvästi tuulilasin alle”

Visuaali:

• Auton siluetti

• Kiekko “liikkuu” paikalleen

• Pieni bounce lopussa

5. Noudata aikarajoitusta (5–8 s)

Teksti:

“Muista palata ajoissa!”

Visuaali:

• Kellon nopea tikitys (scale + rotation pieni liike)

• Punainen korostus tai varoitusikoni

6. Outro

Teksti:

“Helppoa ja nopeaa!”

Visuaali:

• Fade out

• Tuotantoryhmän logo loppuun

Vinkkejä toteutukseen

• Käytä yksinkertaisia ikoneita (auto, kello, P-merkki)

• Pidä värit selkeinä (sininen = info, punainen = varoitus)

• Älä laita liikaa tekstiä kerralla

• Tee rytmistä napakka (ei liian hitaita animaatioita)

Harjoitus 13

Harjoittele Afterin kameran käyttöä tekemällä AE:n kameralla listassa olevat ajot.

- Ota taustatasoksi jokin kuva jostakin maisemasta

- toinen taso, jossa on syvätty henkilö (tausta poistettu) omalla layerilleen.

1. Tilttaus
2. Panorointi
3. Nosturiajo
4. Sivuttaisajo
5. Tarkennusajo kahdelle eri etäisyydellä olevalle kohteelle

Harjoitus 14

Tee seuraavat animaatiot samaan projektiin, mutta eri kompositioille ja yhdistä ne lopuksi yhdeksi animaatioksi, jonka palautat.

Animaatiot:

1. Reittianimaatio kartalla: Käytä Trim Paths -toimintoa animoimaan viiva, joka kulkee kaupungista toiseen. Lisää mukaan pieni kulkuneuvo, joka seuraa polkua

2. Sääkartta, jossa pilviä, joista sataa pisaroita (hyödynnä Repeater-työkalua) ja salama välähtää käyttäen Glow-efektiä.

3. Tee simppeli naama ja animoi silmien räpytys sekä suun liike, voit myös heiluttaa korvia.