Nieuwe tutorial

Tweemaal per maand bekijken we een aantal van de favoriete berichten van onze lezer terug in de archieven van Aetuts +. Vandaag zullen we kijken naar een tutorial die oorspronkelijk werd gepubliceerd in maart 2009 door Tan Wei Yan. Genieten!

In deze tutorial leer je hoe je een mooie en volledig animeerbare 3D-bloem maakt en animeert die de ster kan zijn of gewoon een ontwerpelement van elk bewegend grafisch stuk.


Tutorial

Stap 1

Voordat we begonnen, werd ik Adobe After Effects CS3 en Photoshop gebruikt en er werden geen plug-ins van derden in deze zelfstudie gebruikt. Ik geloof dat als je AE6.0 en hoger gebruikt, je deze tutorial zou moeten kunnen behalen. Ik ga ervan uit dat je wat basiskennis hebt over 3D-lagen in After Effects. Eerst heb ik een paar daisy flower-bladeren voorbereid in de Photoshop. Zoals u kunt zien is dit een heel eenvoudige vorm en u kunt het uit de foto traceren en elk op verschillende lagen scheiden.

Stap 2

Open After Effect, ga naar Bestand> importeren> Bestand, kies de bestemming van je PSD-bestand en importeer als? Compositie - Cropped Lagen ?. Hiermee wordt een compositie voor uw PSD-laagbestand gemaakt. Dubbelklik om de compositie te openen, u zult zien dat de hele laag in PSD mooi in de compositie verschijnt.

Stap 3

Verwijder 2 lagen en laat slechts één blad achter. (In dit geval gebruik ik slechts één blad, maar als u wilt, kunt u alles samen gebruiken om een ​​mooiere bloem te krijgen). En? Solo? het blad omdat we op dit moment maar één blad hoeven te zien.

Stap 4

Ga nu naar de werkbalk bovenaan en klik op Pan Behind Tool. Klik vervolgens op het middelste ankerpunt van het blad en sleep het naar de onderkant.

Stap 5

Schakel de 3d-laag voor alle lagen in.

Stap 6

Ga naar Laag> Nieuw> Camera> Stel de camera in op "35 mm ?. Klik OK.

Stap 7

Verplaats de leaf01 een beetje. Door de leaf01-laag te selecteren, drukt u op? Crt + d? om een ​​andere laag te kopiëren, draai hem 45 graden. Herhaal deze stap door 8 lagen te kopiëren en deze te draaien zoals hieronder afgebeeld.

Stap 8

Klik nu op het Orbit Camera Tool bovenaan de werkbalk, probeer in het compositiebereik te draaien en je zult zien dat het begint te lijken op 3d. Maar dit is niet genoeg.

Stap 9

Klik op het gereedschap Roteren bovenaan de werkbalk. Selecteer een van de bladlagen en rol de x-positie (rode kleur) over en draai deze om. Herhaal dit voor de andere lagen en je zult zien dat het er mooier uitziet in de 3D-laagweergave.

Stap 10

Ga naar Laag> Nieuw> Maak een leeg object.

Stap 11

Hernoem het nulobject naar? Leaf Set 01?. Plaats het naar het midden van het blad. Schakel de 3D-schakelaar voor de lagen in. (Dit is belangrijk omdat het nulobject de set bladeren in 3D-ruimte moet besturen.)

Stap 12

Stel het ankerpunt van het nulobject in op 50, 50, 0. Selecteer daarna alle bladlagen en koppel ze aan het blad Set 01.

Stap 13

En nu moeten we nog een set bladeren maken. Door alle bladlagen en nulobjecten samen te selecteren, drukt u op? Crt + d? om een ​​reeks lagen te kopiëren, alles naar boven te verplaatsen, kunt u de labelkleur wijzigen om de lagensets niet te verwarren. Nu is de belangrijke stap, selecteer de lagen uit leaf09 - leaf16 en? Parent? om Set02 te bladeren.

Stap 14

Verberg de camera. Selecteer de bladset 02 en begin met het verplaatsen van de? Z? positie vanuit het bovenaanzicht.

Stap 15

Maak de camera opnieuw zichtbaar, maar het blad ziet er een beetje leeg uit. Dus nu herhalen we de Step09 en roteren we een beetje in de hoek van laag leaf09 - leaf16.En nu zul je zien dat het er meer diepgang en een mooier 3d gevoel uitziet.

Stap 16

Herhaal stap 13 om nog een set bladsets te maken.

Stap 17

Draai deze keer alleen het nulobject om een ​​mooier 3d-dieptegevoel te krijgen.

Stap 18

U kunt het positioneren totdat u tevreden bent met het bloemblad door alleen het nulobject dat we hebben gemaakt te roteren en te verplaatsen.

Stap 19

Nu soleren we de daisy-laag. Plaats deze in het midden van het blad.

Stap 20

Kopieer nog 2 lagen en ga er bovenop om een ​​mooiere 3d-diepte te krijgen. U kunt het schalen en de z-positie draaien zodat het niet op een herhaalde afbeelding lijkt.

Stap 21

De bloem is klaar! Je kunt altijd de orbit camera gebruiken om je bloemen te bekijken. Eindelijk kun je in elk blad proberen wat schaduweffecten te geven om het interessanter te maken!!

Stap 22

Animeer de bloeiende bloem

Voordat we beginnen met de animatie van bloeiende bloemen. Ik heb figuur A voorbereid om je de niveaugroep van het blad te laten zien. Dit zal je helpen om een ​​heldere geest te hebben als ik doorga met de volgende stappen om de richting van de bladeren te roteren.

Stap 23

Selecteer nu de ingestelde laag van "bloemgroep van niveau 1", ga naar frame 54 en stel de toets in zoals figuur B hieronder. In deze stap hoeven we niet te roteren of de waarde te veranderen, omdat we dit moeten behouden als het laatste keyframe.

Stap 24

Ga terug naar frame 1 en stel de sleutel in op bloemengroep van niveau 1. Klik op het gereedschap Roteren bovenaan de werkbalk. En begin met het draaien van oriëntatie? X? positie in comp voor elke laag. Het hangt er vanaf hoe je wilt dat de bloemen worden geopend en hoe je je oriëntatie instelt, daarom kun je in deze staat zelf bepalen hoe je de bloem wilt laten bloeien. Onthoud dat dit de bloemengroeplaag van niveau 1 is en probeer niet te veel te roteren, anders krijg je een overlapping wanneer je anderen op een andere niveau groep animeert.

Stap 25

Nadat u elke laag hebt geanimeerd, selecteert u het tweede hoofdframe van elke laag in de bloemgroep van niveau 1, klikt u met de rechtermuisknop op de> hoofdframe-assistent> vergemakkelijkt eenvoudig de overgang.

Stap 26

Opmerking: herhaal stap 23-25 ​​en pas bloemgroepen op ander niveau toe - NIVEAU 2 en NIVEAU 3 Flower Group. En je zou het resultaat van de animatie nu moeten zien.

Stap 27

Wanneer u alle set-instellingen voor de rotatietoetsen voltooit, wordt het tijd om een ​​andere timing in elk blad te maken om een ​​natuurlijk bloeiend uiterlijk van de bloem te krijgen. Hier is de tijdlijn die ik gebruikte om de timing anders te maken. Ik startte bij bloemgroep van niveau 3 en toen niveau 2 en tenslotte niveau 1. Voor niveau 3 probeerde ik de timing te starten na frame 25. Niveau 2 was start na frame 50 en niveau 1 was start na frame 65. Je hoeft niet 't moet dezelfde timing volgen, maar het is er ongeveer. Je bent vrij om aan te passen hoe de bloemopening moet worden geanimeerd.

Stap 28

Nu de bloemblaadjes geanimeerd zijn, is de laatste stap om het hele madeliefje te animeren. Maar deze keer hoeven we alleen het nulobject te animeren omdat het de ouder van het madeliefje is. Ga naar frame 38 en stel de eerste sleutel op Schaalgrootte in op 30%, ga naar frame 115 en stel de schaalgrootte in op 100%. Na deze staat ziet u een mooie bloeiende bloem!

Stap 29

Combineer deeltjeseffect.

Dit is een optionele stap in deze zelfstudie en vereist de Trapcode-specifieke plug-in

1. Samenstelling> Nieuwe compositie, noem het als? Particle Comp?.

2. Ga naar Laag> Nieuw> Stevig, noem het als? Deeltje?.

3. Klik op Effect> Trapcode> Bijzonder.

4. Klik nu op open het emitterpaneel en verander het deeltje / sec in 50, type emitter naar bol.

5. Verander de velocity in -100 en Velocity Random in 30.

6. Stel de emittersgrootte X in op 0, emissorgrootte Y op 10, emittergrootte Z op 10.

Stap 30

1. Open het Deeltjespaneel; verander de levensduur naar 0,7 en het leven willekeurig naar 50%.

2. Particle Type wijzigen in? Smokelet? en Smokelet feather tot 60.

3. Stel vervolgens de grootte in op 1.5 en grootte willekeurig als 50%.

4. Zet de dekking op 40 en stel de kleur in op? Over Life?.

5. Overdrachtsmodus ingesteld op? Toevoegen?.

Stap 31

1. Nu moeten we wat fysica instellen om het deeltje meer organisch en meer willekeurig te maken. Open het Physics-paneel. Zet de Gravity op 350.

2. Stel de luchtweerstand in op 2.

3. Als laatste moeten we wat turbulentie aanbrengen, dus wanneer het deeltje beweegt, wordt het willekeurig op grootte en positie. Wijzig de affectgrootte in 10 en beinvloedt de positie tot 120.

Stap 32

Zet wat bewegingsonscherpte op het deeltje. Dus zet de beweging op Aan. En stel de sluiterhoek in op 650.

Stap 33

De laatste stap is om de positie van het deeltje te animeren. Probeer de sleutel in te stellen en beweeg de positie zoals figuur hieronder. En je zult het gave resultaat zien!

Stap 34

Watergolfeffect creëren.

Nu moeten we een eenvoudige watergolf creëren.

1. Samenstelling> Nieuwe compositie, noem het als? Golf ?. Klik OK.

2. Ga naar Laag> Nieuw> Effen.

3. Klik op Effect> Genereren> Radiogolven, stel de waarde in zoals hieronder.Parameter naar "Elk kader".

4. Open het Wave Motion-paneel en stel de velocity in op 16

5. Open lijn en verander de kleur naar wit. Startbreedte naar "17.50".

я

Stap 35

Nu moeten we een klein beetje rimpeleffect toevoegen. Klik op Effect> Vervormen> Rimpeling en wijzig de straal in 100. Dus als u nu op uw tijdlijn sleept, ziet u het resultaat van de animatie.

Stap 36

En ik vind het altijd leuk om een ​​beetje vervorming toe te voegen. Dus, klik op Effect> Vervormen> Turbulente verplaatsing. Stel vervolgens Verplaatsing in op? Twist? en bedragen 10.

Stap 37

Dus je zult het resultaat van de figuur zien. En je zult het gave resultaat zien! Ik zie je in het volgende tuturium om deze watergolf & deeltje te combineren met bloemen- en logo-animaties. Ik hoop dat je geniet van deze tutorial! Dank je.

Stap 38

1. Ga naar Compositie> Nieuwe compositie en stel je comp-grootte in op 720 x 486. Geef het een naam als? Bloemenanimatie? (Je kunt een naam geven die je maar wilt.)

2. Ga naar Laag> Nieuw> Camera. De lens instellen zoals hieronder.

Stap 39

Geanimeerde de fall-down bloem

Sleep nu je bloem naar comp en zet de 3d-laag aan. En je moet ook het "ster" -pictogram draaien. Met deze aanzet zal het een 3d-laag in je comp tonen. Zet de eerste keyframe-waarde op 384, 213, -274. Zet de tweede sleutel op frame 45 en de waarde 357 , 278, -11. Stel als laatste de derde sleutel in op frame 119 en de waarde is 349, 301, -17.

Stap 40

Voordat we de volgende stap zetten, moet ik de kleur van de bloem aanpassen. Ga naar Effecten> Kleurcorrectie> Kleurbalans en wijzig de waarde zoals hieronder.

Stap 41

Open het transformatievenster en wijzig de oriëntatiewaarde in 308, 284, 11.Nu moeten de bloemen worden gedraaid. Zet de eerste toets op elke x, y en z. rotatie. Waarde X als -80, Y als 68, Z als 0.Nadat dat het tweede sleutelframe bij frame 66.X instelde als -122, Y als 127 en Z als -182.Nu zou u het animatieresultaat van de bloem moeten zien.

Stap 42

Hier voegen we wat effect toe aan de bloem om een ​​ander type op te lossen. Ik gebruik graag dit effect, namelijk CC Image Wipe. Ga naar Effecten> Overgang> CC Image Wipe. Schakel de? Auto Zachtheid in? en stel de grenszachtheid in op 44. Nu stellen we de eerste sleutel in op Frame 70 met voltooiing op 0. Tweede toets op frame 128 op 100.

Stap 43

Maak reflectie van de bloem.

Door de flowercomp te selecteren, druk je op? Ctrl + d? om nog een laag te kopiëren. Selecteer de gedupliceerde laag en ga naar Laag> Pre-compose. Pre-compose is een functie die een compositie in een andere compositie kan creëren. In het dialoogvenster Pre-Compose kunt u uw compositie een naam geven als? Flower Reflect? en klik op? Verplaats alle attributen naar de nieuwe compositie ?, vink de? open nieuwe compositie aan? ook. In dit geval springt u in de compositie die u zojuist hebt gemaakt.

Stap 44

Ben je zeker dat je meedoet? Flower Reflect? comp en je ziet alle animatie die je eerder hebt gemaakt. Nu willen we alleen maar wat waarde van de bloem draaien om een ​​goede reflectie te maken. Wijzig de eerste toets van Y-rotatieframe zoals onderstaande waarde: 1 x 53, ga naar de tweede toets en wijzig deze in 318.

Stap 45

Nu moeten we teruggaan naar? Bloemenanimatie? comp. Selecteer de bloemen als laag, schakel de 3d laag in. In dit geval moeten we de reflectielaag van de bloemen onder de bloem plaatsen. Verander de positie in 360, 359, 0. Verander dan naar X rotatie naar 180, zodat je een reflecterend bloemenresultaat krijgt. Zet de dekking als laatste op 20. En je hebt de reflectie gedaan!

Stap 46

Combineer het watergolfeffect

Nu is het tijd om de golfrimpel toe te voegen om een ​​illusie te creëren dat de bloem op het water valt. Sleep de golfcomponent en sleep de tijdlijnbegin bij frame 25. Nu moeten we de golf oplossen. Ga naar frame 42 en stel de golfdekking in op 0.Stel frame 46 in op frame 10. Zet frame 82 zet de dekking op 5. Bij frame 114 zet je de dekking op 0.

Stap 47

Maak een camerabeweging

We moeten een camerabediening maken, zodat kan worden aangetoond dat de camera van beneden naar boven beweegt om de lucht en het AETUTS-logo te tonen. En ik maak graag een nulobject om de camera te besturen. Ga naar layer> new> null-object om een ​​null-object te maken. Naam is als? Camerabesturing ?. Zet de 3d-laag aan. Stel het ankerpunt in op 50, 50, 0.

Stap 48

Neem de camera op in het nulobject. Nu stellen we de positiewaarde in op 359, 228, -364 bij het eerste keyframe. Ga naar frame 104 en stel de waarde in op 357, 178, -360. Ga naar frame 163 en stel nog een toets in op waarde 322, -11, -474. Laatste, ga naar frame 269 en stel een sleutel in. Positiewaarde als 318, -27, -481.

Stap 49

Nu moeten we de rotatie van het nulobject instellen. Zet de sleutel op X en Z rotatie. De eerste sleutel was X als 4.7 en Z als 6.3.En de tweede toets op frame 144, X als 24 en Z rotatie als -11.

Stap 50

Maak een achtergrond

Nu moeten we een solide achtergrond maken. Ga naar Laag> Nieuw> Effen. Kies paarse kleur. Schakel vervolgens 3d lagen in. Stel de XYZ-positiewaarde in op 360, 240 en 170. Gebruik het pengereedschap en probeer de effen kleur te maskeren, zoals hieronder. Open daarna de maskeroptie en verander de maskerveer in 205,205.

Stap 51

Importeer de nachtscène Sky

Zoek en importeer een foto van een sterrenhemel. Schakel 3D-laag in. En stel de positiewaarde in op 270, -270, -265.

Stap 52

Maak een logo-overgang

Importeer uw logo als een afzonderlijke compositie om een ​​eenvoudige logo-overgang te creëren. Ik heb het AETUTS-logo voorbereid en gescheiden in 2 lagen, het woord en de achtergrond. Sleep de achtergrondlaag en start deze vanuit frame 18. Zet een sleutel op de dekking op waarde 0. Zet een andere sleutel op frame 40 en de ondoorzichtigheidswaarde 100. Zo krijg je in dit geval een resultaat waarvan de achtergrond later verdwijnt.

Stap 53

Sleep de logo-comp naar? Bloemenanimatie? samenstelling. Plaats het logo in het midden. Sleep de laag en begin vanuit frame 158.

Stap 54

Nu moeten we wat rimpeleffect aan het logo toevoegen. Ga naar Effecten> Vervormen> Rimpel. Verander de straal in? 100? .Type conversie naar? Symmetrisch ?. Golfsnelheid naar 0.2.Wave Width to 100 and Wave height to 17.Tripase naar 90.Nu bewegen we het midden van de rimpel van links naar rechts. Stel de eerste sleutel en de waarde in op 157, 145 en stel nog een toets in bij frame 245 met waarde 650, 140. En nu, wanneer u speelt, zou u het rimpeleffect moeten zien.

Stap 55

De laatste stap voor de overgang van het logo is om op te lossen. Stel een keyframe in en verander de dekkingswaarde in 0.Na die zet een andere sleutel op frame 200 en verander de ondoorzichtigheidswaarde ook 100.

Stap 56

Last slepen in je particle comp op het logo. En begin bij frame 47. En het is klaar! Nu zou je het resultaat moeten zien als je speelt. Ik hoop dat je deze tutorial leuk vond.