januari 4, 2022

Adobe Flash Water Effect met rimpelingen (Oceaan zonsondergang scène)

In deze golf rimpel effect in Flash tutorial, leert u hoe u oceaan golven animeren met een zonsondergang achtergrond. Dit is een eenvoudige tutorial, zeer vergelijkbaar met de geanimeerde vlag.

Adobe Flash Water Animation Tutorial
Adobe Flash Water Animation Tutorial

we zullen een oceaanafbeelding gebruiken die u hieronder kunt downloaden. Dan voegen we de animatie van de Golf toe over het oceaangedeelte van de afbeelding. We doen dit allemaal in een paar lagen, met technieken als maskeren, en het tekenen van de gebogen lijnen voor het golfeffect.

dan maken we een motion tween voor een animatie tijdlijn voor de wave animatie in Flash.

we maken een zonsondergang met de zon dicht bij de horizon. Creëer dan een reflectie van de zon op de golven. Dan voegen we een rode overlay toe aan de scène.

en zo maakte ik een kabbelend watereffect in Adobe Flash Professional. Lees de tutorial hieronder.

downloadbestand: FlashOceanWaves.zip

Bekijk op YouTube: Rimpeleffect in flits

kabbelende water animatie in Flash

realistische oceaangolven maken in Adobe Flash

maak eerst een nieuw document en importeer een achtergrondafbeelding met oceaan en hemel. U kunt er ook een gebruiken die bij de tutorial wordt geleverd. Schaal zo nodig en maak het als een filmclip met de naam “achtergrond”

Maak nu een nieuwe laag en sleep de afbeelding nogmaals vanuit de bibliotheek. Zet deze filmclip genaamd seaWaves en dubbelklik op de filmclip om het te bewerken. Selecteer de afbeelding en converteer deze naar een andere filmclip genaamd Sea. Maak nu in de filmclip van het 3e niveau een rechthoek naar een nieuwe laag die alleen het Oceaangebied bedekt. Maak deze laag als masker.

ga nu uit deze filmclip door te dubbelklikken op een leeg gebied. Nu zit je in de seaWaves filmclip. Selecteer nu de zee film clip en schaal het groter naar beneden zoals in de afbeelding hieronder.

Maak nu een nieuwe laag en maak een gebogen lijn. U kunt gebruik maken van de pen tool om dit te doen.

Maak nu veel kopieën van dezelfde lijn als in de afbeelding. Zorg ervoor dat u correct hebt uitgelijnd. Gebruik de verdeel verticaal in de align indien nodig. Zorg er ook voor dat je genoeg kopieën hebt gemaakt dat de gevoerde 1/3 van de buitenbodem van de oceaan gaat. Selecteer tenslotte alle regels en ga naar Modify > Shape > Convert lines to fill.

converteer nu alle lijnen naar een enkele filmclip en maak een beweging tussen op de laag. Plaats een keyframe op frame 50 of iets anders. Verplaats in het nieuwe keyframe de lijnen een beetje naar boven. De positie moet naadloos zijn en de lijnen moeten buiten het Oceaangebied worden gehouden of anders zal de animatie er bedraad uitzien. Druk nu op Ctrl + Enter om de animatie te testen. Als je de golven heel snel ziet, verplaats dan het keyframe van de gebogen lijnen verder op de tijdlijn.

druk nu op Ctrl + E om naar de ouder van de scène te gaan. Maak een nieuwe laag en bedek de hele scène met een rode rechthoek. Converteer de rechthoek naar een filmclip en verander het mengen naar overlay.

Maak nu nog een laag en maak een donkeroranje eclips voor de zon. Converteer het naar een filmclip genaamd sun voeg vervolgens innerlijke gloed toe met 15px rood en buitenste gloed met 35px rood.

om een reflectie van de zon op de oceaan te maken, bewerk je de seaWaves-filmclip. Voeg een nieuwe laag toe en sleep de Sun filmclip in de juiste positie. Schaal het een beetje groter, voeg een vervaging effect met 20px. Zorg ervoor dat de kleur helder rood is. Als uw zonkleur niet rood is, kunt u kleur aanpassen gebruiken. Verander vervolgens de Mengmodus naar overlay.

ga tot slot naar de ouder van de scène, voeg een rechthoek toe die alleen de grootte van uw document dekt en maak dit dan als een masker. Verplaats elke gebruikte laag onder dit masker. Test nu je film met Ctrl + Enter.

Download Adobe Flash animation SWF

voeg deze pagina toe aan uw Website, Blog of Forum. Laat je vrienden weten over deze tutorial. Kopieer en plak de html code hieronder:
<a href= "https://www.tutorialboneyard.com/flash-water-effects/" target="_blank">Ocean Ripples GIF</a>
als je deze tutorial leuk vond, deel dan met je vrienden!

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.