nl.hideout-lastation.com
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.
CSS3-animatie - Een uitwaaiering creëren met bounce-effect met Bezier-curve
Wist u dat geometrische transformaties die zijn toegevoegd aan HTML-elementen met de CSS- transform eigenschap, zoals schaal, skew en roteren, kunnen worden geanimeerd? ? Ze kunnen worden geanimeerd met behulp van de transition en @keyframes animaties, maar wat nog cooler is, is dat geanimeerde transformaties een tandje hoger kunnen worden gezet door een klein bounce-effect toe te voegen, met behulp van de cubic-bezier() timingfunctie
Telegraph: een anonieme blogsite gemaakt door de makers van Telegram
De makers van de populaire beveiligings-eerste berichten-app Telegram breidt zich uit naar de blog-scene, en het resultaat is een ongewone kleine dienst genaamd Telegraph .Het eerste dat je opvalt aan Telegraph is dat het extreem kaalgeschoren is. De hoofdpagina zelf bevat niets meer dan vakken voor je titel, naam en het hoofdverhaal zelf en een à ¢ Â? Â
