Maak opvallende en interactieve animaties gemakkelijk met Animatron

Mensen houden meer van bewegende objecten dan van statische eenvoudige objecten. Dat is waarom video's en animaties zo'n hit zijn . Als je de twee vergelijkt, is animatie effectiever met een eenvoudig bewegend object: het is licht in zowel de grootte als de bandbreedte .

In webdesign is het maken van een heel eenvoudige animatie heel eenvoudig. Er zijn veel nuttige plug-ins die u kunt gebruiken. Maar die zijn alleen voor de standaard en niet geschikt als je een geanimeerde video met veel frames wilt. Hier komt Animatron om de hoek kijken. Het is een gratis, eenvoudig te gebruiken web-app die bedoeld is om het animatieproces te vereenvoudigen .

Animatron biedt u vele functies en heeft geen ondersteuning van derden nodig - geen plug-ins, geen downloads en geen programmeerwerk vereist. Het ondersteunt ook veel browsers. Wanneer u klaar bent met bewerken, kunt u deze publiceren als een video, gif of in HTML5 om in uw site te worden ingesloten.

Ermee beginnen

Om met Animatron aan de slag te gaan, navigeert u eenvoudig naar de editorpagina. Dit is je werkruimte en waar het hele proces van het maken van animaties plaatsvindt.

De werkruimte van Animatron en het proces erachter werken veel op andere Flash / Video Editor-gereedschappen. Aan de onderkant vindt u de frame- en tijdbesturing . Hier bepaalt u alle animatiegedrag, van het hoofdframe tot het audiobeheer.

Er is ook objectcontrole aan de linkerkant voor vergrendeling of het onzichtbaar maken van een object, plus meer functies. Neem de tijd om ze uit te testen.

Aan de linkerzijbalk bevinden zich bewerkingshulpmiddelen zoals Selectie, Lasso, Potlood, Lettertype, Penseel, Vorm, Zoom en meer.

De bedieningselementen voor afspelen bevinden zich direct onder het canvas. Klik voor meer informatie op het vraagteken rechts van de afspeelknoppen.

Linksboven op de pagina is een menu beschikbaar voor meer projectopties (nieuw, dupliceren, verwijderen, enz.). U kunt hier ook inhoud importeren . Het ondersteunt afbeeldingen, audio- en SVG-bestanden.

Wilt u sneller verplaatsen? Ga naar Help> Toon snelkoppelingen en ga weg met de sneltoetsen.

Als u de opties wilt publiceren, klikt u in de rechterbovenhoek van de pagina. U kunt uw animatie publiceren als HTML5, gif of video (maar u moet zich eerst registreren).

In het rechterdeelvenster ziet u extra functies zoals objectbeheer, scènebesturing, schakelmoduswijzerschakelaar en meer.

Video uitleg

Het grootste deel van het proces voor het maken van een animatie hangt af van de frame-controller. Krijg een voorproefje van wat het kan doen met instructievideo's die beschikbaar zijn op het blog van Animatron en deze tutorialkoppeling. Je vindt de tutorials en info-updates van Basic tot Advanced-niveau over Animatron.

Laatste gedachten

Hoewel Animatron niets kost en geen vaardigheid vereist om te gebruiken, moet je over goede ontwerpvaardigheden en voorbereiding beschikken om geweldige animatie te maken. Een goed nieuws is dat Animatron samenwerking online ondersteunt . Het enige dat u hoeft te doen, is uw projectkoppeling naar uw partner te sturen, zodat u samen aan hetzelfde project kunt werken.

10 nuttige Firefox-ontwikkelaarstools die u moet kennen

Firefox wordt "ontwikkelaarsbrowser" en heeft veel geweldige hulpmiddelen om ons werk gemakkelijker te maken. U vindt meer informatie over de gereedschapscollectie op de Firefox Developer Tools-webpagina en kunt ook hun Developer Edition-browser proberen, die meer functies en tools heeft die worden getest

(Technische en ontwerptips)

Hoe OneDrive de standaardlocatie in Windows 8.1 te wijzigen [QuickTip]

Microsoft's OneDrive (voorheen bekend als SkyDrive) is een cloudopslagdienst binnen Windows 8.1 via welke gebruikers hun bestanden kunnen synchroniseren met al hun Windows-apparaten. Omdat het samen met Windows 8.1 is geïnstalleerd, bevindt de map zich op de harde schijf van het besturingssysteem .

(Technische en ontwerptips)