Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Animation
Design

Animació per a Principiants: Anima la Forma i el Pes dels Objectes que Cauen

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Animation for Beginners.
Animation for Beginners: How to Animate a Bouncing Ball!
Animation for Beginners: How to Animate a Flying Bird

Catalan (Català) translation by Óscar Salas Fernández (you can also view the original English article)

Final product image
What You'll Be Creating

En aquest tutorial observarem diferents objectes caient i després prendrem nota del que vam veure.  Llavors animarem el que hem observat!  Els objectes diferents cauen a velocitats i en trajectòries diferents depenent de la seva forma i el seu pes!  Som-hi!

1. Mira tu mateix!

Anem a reunir els objectes reals i a deixar-los caure! Troba una pedra!  Troba una ploma!  Troba un llapis!  Ets un animador!  Tens llapis pertot arreu!  Això hauria de ser fàcil de trobar.

Després veu al pati de davant, a l'escala d'entrada, al pati de darrere, a la sala d'estar-- a algun lloc on tinguis espai suficient per deixar caure els teus objectes i observar-los. Deixa caure els objectes des d'una altura còmoda. Jo vaig deixar caure els meus objectes sostenint-los a quatre peus, però això no està gravat en pedra-- cada persona té una alçada diferent, així que assegura't que estàs còmode.  Compte!  No deixis caure aquesta pedra sobre el teu dit. Som-hi!

Pas 1

Deixa caure la teva ploma!

Drop your feather
Permet a la teva ploma caure.

Pas 2

Deixa caure el teu llapis.

Drop your pencil
Ara deixa caure el teu llapis.

Pas 3

Deixa caure la teva pedra! Compte!

Drop your rock
Finalment, la teva pedra.

Pas 4

Pren nota de com va caure cada objecte.

Quan vaig deixar caure els meus objectes, em dí compte que la ploma va trigar més a caure que el llapis i la pedra.  La ploma no va caure directa cap avall sinó més aviat de costat a costat mentre era sacsada per petits canvis en l'aire.

El llapis va caure directe cap avall i llavors va botar una mica.  Atès que el llapis és un objecte rígid, la forma del llapis no va canviar en gens ni mica quan va botar.  La pedra va caure directa cap avall i va botar lleument.  Pren-te un moment per fer un dibuix en miniatura de com van caure els teus objectes.

Sketch out your observations

2. Anima els teus objectes!

Pas 1

Posem-nos a treballar en l'animació de la nostra ploma.

Començarem per dibuixar la nostra línia del sòl aproximadament a una polzada o menys de la part inferior de la fulla, així que la nostra animació està connectada a terra.

Draw in your floor

Pas 2

Comença a animar la teva ploma!  Per a aquest tutorial, en lloc de crear "poses clau" primer i després animar els intermedis, vaig animar cap a endavant. Aquesta és una manera més natural d'animar, perquè estàs animant el moviment sobre la marxa.

En l'animació tradicional normalment són 24 fotogrames per segon. Normalment faig 12 dibuixos per segon i exposo cada dibuix dues vegades. Això és el que es coneix com a animació en 2's.  Com més a poc a poc cau el nostre objecte, més dibuixos necessitarem crear i els dibuixos de la nostra animació estaran més pegats. Com més rapido cau el nostre objecte, menys dibuixos necessitarem i els dibuixos estaran més allunyats uns d'uns altres.

Primer anem a esbossar l'animació i a aconseguir moviment cap avall animant un senzill traç de llapis o boli que sigui aproximadament de la longitud de la nostra ploma. Ens preocuparem per posar detalls més tard. Anem a divertir-nos animant, sense empantanar-nos preocupant-nos per fer bé els detalls de la ploma.  Però intentarem mantenir uniforme la grandària del nostre traç de llapis.

Start to animate your feather
El nostre primer fotograma.

Mentre animes, recorda la trayetoria de la nostra ploma i els petits canvis en l'aire que afecten al descens de la ploma.  Atès que la ploma caurà més a poc a poc que un objecte com una pilota, els dibuixos de la animacion estan més propers i hi ha més d'ells.

Mira com nostra ploma està caient més a poc a poc i de costat a costat.  El traç gris clar de la part superior de la fulla és el nostre primer fotograma, i el traç gris fosc és on estem ara. Mira el junts que estan els dibuixos-- atès que la ploma està caient a poc a poc, els dibuixos fins i tot se superposen en alguns casos.  Segueix!  Es veu genial!

The feathers path

Està ben comprovar el teu progrés sobre la marxa.  Ben fet!

Feather animation progress

La ploma no ha de caure a la mateixa "velocitat" tot el camí cap avall.  Vaig fer alguns dels dibuixos més separats uns d'uns altres per accelerar la caiguda, produint la il·lusió que la ploma està sent afectada per petits canvis en l'aire. L'aire és orgànic i es poden ocasionar petits canvis per una porta que s'obre, el caminar d'una persona, el vent o d'alguna manera diversos canvis.  A més, vaig decidir divertir-me i fer que la ploma giri mentre cau.

Feather animation further progress

Bé!  Aquesta és una bona animació d'una ploma.  Però encara necessita alguna cosa!

Feather animation so far

Pas 3

Anem a afegir una mica d'assentament a la nostra ploma, perquè la ploma no només caigui i es detingui en el sòl.  Normalment, una vegada que un objecte cau al sòl, la gravetat encara no ha acabat amb ell!  L'objecte en general botarà o s'aixafarà.  Fins i tot un acte subtil com aquesta farà molt versemblant la teva acció!

Després del dibuix, on la ploma fa contacte amb el sòl, anem a agregar uns pocs fotogrames on la ploma canvia la seva forma per "aixafar-se" cap avall lleugerament abans de tornar a la seva forma original. És subtil però eficaç. Intenta-ho!

Vull mostrar-te l'assentament de la ploma, així que anem a fer zoom per veure-ho més d'a prop.  Est és el primer contacte de la nostra ploma amb el sòl.

Close up

Aquest és el nostre "assentament".  La ploma aterra en el sòl i després "s'aixafa" cap avall lleugerament.  L'altra posa d'aixafat està en gris fosc.  La posició original de la ploma està en gris clar.

Add a settle pose

Ara la ploma torna a la seva posició original.  Mira l'espai que hi ha entre la posició original i la posició d'assentament. És molt subtil, però eficaç.

Go back to original feather pose

Si de debò volem fer menys brusca nostra acció, anem a afegir un intermedi entre el nostre assentament i la nostra posició original de contacte.  Mira l'intermedi en gris fosc.

Add an in-between to feather settle

Això pinta genial!  Afegir l'assentament realment dóna a la ploma peso i profunditat.  Aquesta és una animació flamant d'una ploma!  Afegirem detalls més tard-- passem al nostre llapis!

Animation with feather settle

Pas 4

Anima el nostre llapis!  De nou, ens preocuparem pels detalls més tard-- anem a esbossar el nostre moviment primer, usant un traç de pinzell.

Start animating your pencil
Primer fotograma de l'animació del nostre llapis.

Mentre animes, recorda que el llapis caurà molt més ràpid que la ploma. El llapis és més pesat i més aerodinàmic, així que ofereix menys resistència que la ploma i caurà directe cap avall.

Keep animating your pencil

Adona't que els dibuixos estan més allunyats i que hi ha menys dibuixos.  El llapis caurà molt més ràpid que la ploma.

Pencil path

Quan vaig deixar caure el meu llapis, va caure sobre la seva part final.  Aquesta imatge és el primer contacte del llapis amb el sòl.  Però pot ser que a tu et caigués de manera diferent.  Pots modificar el que aprenguis aquí depenent de les condicions a la teva al voltant quan vas deixar caure l'objecte.  Aquesta és la teva animació especial.  L'animació de tots diferirà una mica, i això està bé!

Pencil contact with ground
Contacte!

El meu llapis va fer contacte amb el sòl i després va caure sobre el seu costat. Vaig reflectir això en la meva animació!

Pencil falling over

Pas 5

Afegeix un lleuger bot!  El llapis és un objecte rígid, però encara així la majoria de les vegades botarà una mica quan es deixa caure al sòl. La posició del contacte del llapis amb el sòl està en gris clar, i la posició del llapis botant cap amunt està en gris fosc.

Pencil bounce

Anem a fer un cop d'ull. Està genial!  Crec que pot necessitar una cosa més...

Pencil animation progress

Quan vaig observar el meu llapis caient, va botar un parell de vegades.  De nou, pot ser que el llapis de tots caigués de manera lleugerament diferent.  En la meva animació vaig afegir un petit bot més. És un moviment molt subtil, però eficaç!

Bon treball animant el teu llapis caient!  Ja gairebé hem acabat!  Passem a la nostra pedra!

Pencil animation progress with bounce

Pas 6

Anem a la pedra!  Est és el nostre primer dibuix.  La vaig esbossar en gris sòlid.

Start animating your rock

Quan vaig observar la meva pedra caient, em dí compte que la meva pedra va caure en una trajectòria directa cap avall.  Fa un cop d'ull al meu desenvolupament. La pedra en gris clar en tot el camí de la part superior és el primer fotograma. La pedra en gris fosc en tot el camí de la part inferior és el nostre segon i últim fotograma.  Em dí compte que la pedra va caure de pressa, així que vaig fer els meus dibuixos més apartats per reflectir això-- l'acció succeirà molt de pressa.

The rocks path

Posa de contacte!  La nostra pedra ha xocat contra el sòl.  Bon treball!

Rock contact with ground

Té bona pinta!  No obstant això, per algun motiu sento que falta alguna cosa.  La pedra manca de la sensació i el pes que una pedra de debò tindria, així que només sembla com si es tractés d'una parada.

Rock animation progress

Pas 7

Afegeix un bot molt lleu a la nostra pedra.  Quan vaig deixar caure la meva pedra, em dí compte que va botar molt lleument quan va xocar contra el sòl.  Intenta-ho!

Això està millor!  Afegir un pot extra d'un sol fotograma dona a la pedra moltíssima més credibilitat!  La pedra és pesada, així que la pedra amb prou feines abandona el sòl quan bota.  Bon treball!  Vas animar tots els teus objectes!

3. Afegeix Detalls als Teus Objectes

Neta!  Ara que hem animat tots els nostres objectes, anem a donar-los detalls als dibuixos toscs de la nostra animació -- o netejar el dibuix com diem en el negoci de l'animació.  Només repassaré la meva tosca animació amb un traç fi de bolígraf negre.

Pas 1

Anem a afegir detalls a la nostra ploma.

Close up of first feather drawing
Close up of first feather drawingAixò és un primer plànol del nostre primer dibuix-- només és un simple traç.

Treballant en la part superior del teu tosc traç, afegeix els teus detalls però fes que la ploma mantingui la mateixa posició i inclinació que el nostre traç.

Details added of first feather drawing
Close up of second feather drawing
Aquí està el nostre segon esbós aproximat d'una ploma.

Anem a afegir detalls al nostre segon dibuix i a continuar netejant la resta dels nostres fotogrames.

Details added of second feather drawing

Això té una pinta genial!

Finished feather animation

Pas 2

Ara afegirem detalls al nostre llapis.

Aquí està el primer fotograma del nostre llapis.  Anem a fer amb la nostra animació aproximada d'un llapis el mateix que vam fer amb la nostra ploma.

Close up of rough pencil drawing

Anem a afegir detalls--  continua fins que hagis netejat tots els fotogrames del teu llapis.

Details added of pencil

Perfecte!  Això pinta genial!

Pas 3

Ara anem a acabar la nostra pedra.  Vaig afegir una línia negra neta i també vaig agregar unes poques línies d'ombreig, per donar-li a la pedra una mica de volum i textura.  No és essencial, però és un efecte bonic.

First cleaned up drawing of rock

Avancem i netegem la resta de dibuixos de la nostra pedra.

Add your details to all of your rock drawings

Pinta bé!  Perfecte!!

Enhorabona!  Vas fer un gran treball!

En poc temps vas animar tres objectes caient a una poca distància del sòl.  Vas aprendre sobre com es comporten de manera diferent diferents objectes quan cauen a causa de la seva grandària, la seva forma o el seu pes. No tots els objectes cauen o es mouen de la mateixa manera. Aquest és el coneixement que et beneficiarà en els teus intents d'animació!  Segueix animant!

Complete animation of falling feather pencil stone
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.