nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


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.

E-book Readers & Managers - Beste van

E-book Readers & Managers - Beste van

Nu boeken, tijdschriften en kranten steeds overbodiger worden, is het geen wonder dat we nu zoveel eBook-lezers en -managers op de markt hebben. Veel bibliotheken bieden zelfs elektronisch lenen aan via een eReading-apparaat of een toepassing op uw computer.Hoe lang denk je dat het zal zijn voordat bibliotheken zelf verouderd zijn

(Technische en ontwerptips)

Hover.css - CSS3-bibliotheek met meer dan 40 zwevende effecten

Hover.css - CSS3-bibliotheek met meer dan 40 zwevende effecten

Als het gaat om het proberen aandacht te krijgen van gebruikers, zijn er veel manieren om dit te bereiken. Voor speciale gevallen, hover is een geweldige manier om de aandacht te vestigen op een link of knop. Normaal gesproken werkt de zweeftekst door de elementkleur of de verloopstatus te wijzigen wanneer gebruikers hun cursors erover bewegen

(Technische en ontwerptips)