Animaatio-omaisuuden hallinta

Monet suunnittelijat työskentelevät animoiduissa projekteissa. Pitkien tuntien ja kovien määräaikojen ansiosta organisaation on helppo päästää liukumaan, mutta sellaisen työn valitseminen, jossa mikään ei ole järkevää - kansioilla ja tasoilla kaikkialla - on animaattorin pahin painajainen.

Ei ole väliä animoitko projektin vai jonkun muun. Tieto siitä, miten varoja valmistellaan ja pidetään järjestyksessä, on hyvä käytäntö ja helpottaa muiden ihmisten työskentelyä projektissa.



paineherkkä kynä android-tableteille

Tässä opetusohjelmassa käsitellään joitain keskeisiä omaisuudenhoitotaitoja. Tätä varten aiomme käyttää animaatioon huonosti asetettua PSD-esimerkkiä - joten ensinnäkin, lataa asiaankuuluva PSD-tiedosto ...



01. Avaa PSD-tiedosto

Animaatio-omaisuuden tehokas hallinta

Avaa ladattu designmatters_prep.psd-tiedosto. Huomaa, että kerrosten nimet ovat hämmentäviä ja että leikkauksia ja kerrosten peitteitä on poistettava. Tallenna kopio projektista työskentelemään. Tallenna tiedosto nimellä 'designmatters_ready.psd' (tai valitse työnkulkuun sopiva tiedostonimi).



02. Aloita sen puhdistaminen

Animaatio-omaisuuden tehokas hallinta

Esimerkkitiedostossa on leikkausmaski kopiossa ja Layer 15. Yhdistä nämä kerrokset. Analysoi kerrosten sisältö ja anna heille niiden sisältöön liittyvät nimet. Voit eristää kerroksesi Opt / Alt - napsauttamalla silmän kuvaketta kerroksen vieressä. Nimeä kaikki vastaavasti.

miten piirtää 3d-ruusu

03. Yhdistä kerrokset

Animaatio-omaisuuden tehokas hallinta



Design Matters Text -kerros sisältää taustarakenteen. Valitse molemmat kerrokset ja siirrä ne niin, että ne ovat kerroksen 2 yläpuolella. Valitse nyt kolme alinta tasoa niin, että viisi on korostettu. Vaihto-valitse viimeinen taso. Yhdistä nämä käyttämällä Cmd / Ctrl + E ja nimeä uusi taso nimellä 'Tausta'.

04. Animoi mutliple-kerrokset yhtenä

Animaatio-omaisuuden tehokas hallinta

Taustakerroksen yläpuolella olevat neljä kerrosta ovat osa merkkipyörää, joka animoidaan yhtenä. Valitse kaikki neljä tasoa (kerros 3, kerros 4, viiva ja kerros 5) ja yhdistä ne. Nimeä kerros jotain helposti ymmärrettävää - olemme kutsuneet sitä pyöräksi. Voit lisätä yksinkertaisia ​​muistiinpanoja animaattorille tason nimessä.

05. Esikomponentin asettaminen

Animaatio-omaisuuden tehokas hallinta

Kun ryhmittelet kerroksia Photoshopissa, ryhmä tulee After Effectsiin ennakkokomponenttina - tästä on hyötyä merkkien animoinnissa. Valitse 10 (merkkikerroksemme) Pyöräkerroksen yläpuolelta. Siirry Taso-valikossa kohtaan Uusi> Ryhmä tasoista .... Nimeä ponnahdusvalikossa ryhmä Merkki.

06. Hallitse kerroksiasi

Animaatio-omaisuuden tehokas hallinta

Hahmoryhmämme yläpuolella olevat neljä kerrosta ovat animointipyörämme etuosasta. Tarvitsemme niitä erotettuna pyörästä, koska niiden on oltava hahmomme kärjessä. Valitse ja yhdistä neljä tasoa (voit käyttää flyout-tasoa Tasot-paneelista). Nimeä uusi yhdistetty taso nimellä Wheel Front.

miten piirtää lasimaalauksia

07. Katso ei-animoivia kerroksia

Animaatio-omaisuuden tehokas hallinta

Valitse kaksi kerrosta Pyörän etuosan yläpuolelta, yhdistä ja nimeä ne uudelleen 'Pyörätuki'. Nimeä yllä olevat kerrokset uudelleen: Layer 22 copy -asetukseksi Right_Neon Support, Layer 21 copy -asetukseksi Right_Neon-tason ja Layer 22 copy -asetukseksi Right Magnetic -levyksi. Nimeä myös kolme yllä olevaa kerrosta nimellä 'Right_Magnetic', tällä kertaa käyttämällä Left_-etuliitettä.

08. Viimeistele ryhmät

Animaatio-omaisuuden tehokas hallinta

kuinka piirtää konseptitaidehahmoja

Ryhmittele kaikki neonitekstiin ja magneettisiin osiin liittyvät kerrokset. Valitse Design Matters Text -kerros Right_Neon -tukeen asti. Luo uusi ryhmä. Määritä ryhmälle väri, jos haluat. Voit myös muuttaa koko ryhmän peittävyyden Taso> Uusi> Ryhmä tasoista… -paneelista.

09. Erota hahmosi

Animaatio-omaisuuden tehokas hallinta

Laajenna Tasot-paneelin Merkki-ryhmä käyttämällä avattavaa nuolta. Nimeä elementit uudelleen osoittamaan hahmon anatomian osia. Valitse ryhmän viisi ylintä tasoa ja luo ryhmä nimeltä 'Head'. Tallenna tiedosto ja sinulla on animaatiovalmis PSD. Katso esimerkkimme tässä .

Sanat: Thiago Maia

Tämä artikkeli ilmestyi ensimmäisen kerran Tietojenkäsittelytaiteen numero 231 , Itsemarkkinointi sinulle sopivaksi - 100 sivua siitä, miten voit voittaa enemmän suunnittelutyötä pelaamalla persoonallisuutesi vahvuuksia ja paljon muuta.