Halfvet #160 ― Web-based motion tools
Jeroen Disch
K I C K O F F
Geïnspireerd door de oproep van Slanted Magazine om voorbeelden van digital tools in te zenden voor een artikel in hun komende editie, heb ik een aantal motion tools op een rij gezet. Handige, gratis, online plekken om snel tekst te animeren, abstracte patronen te genereren of te spelen met weirde effecten.
Komt ie, mijn 10 favoriete web-based motion tools:
Antlii
Anatolii Babii is een Oekraïense creative coder en deelt op z’n website veel fantastische, interactieve experimenten.
Blobmixer
Met Blobmixer creëer je abstracte, kleurrijke 3D blobs. Om te downloaden of te bekijken in VR.
DIA Tools
Ontwerpstudio DIA deelt z’n eigen motion testjes in de vorm van tools waarmee je zelf kunt experimenteren.
Hello
Interactieve type, motion en audio tool van ontwerper Lucas Hesse.
ISF Shaders
Met het Interactive Shader Format (ISF) kun d.m.v. shaders live video manipuleren. Maar je kunt er ook interactieve image filters mee maken.
Mutsuacen
Eenvoudige, interactieve tool om grafische vormen mee te animeren.
RD Tool
Karl Sims is een digital media artist en visual effects software developer. Hij bouwde o.a. deze interactieve web tool om organische patronen mee te genereren.
Space Type Generator
De OG onder de type motion tools, gemaakt door Kiel Danger Mutschelknaus. Met verschillende presets om tekst ruimtelijk te animeren.
Uglyph
Een web-based graphics editor for creation of dynamic vector shapes and animations, ontwikkeld door Seva Varfolomeev.
Vanta
Vanta is een .js library voor interactieve, animerende 3D achtergronden. De paar regels code zet je in de HTML van je pagina, et voilà!
Mis ik een toffe tool? Laat het me weten!
(Met dank aan Thomas Dahm)
R E A D I N G L I S T
Deze programmeur dacht dat AI hem productiever maakte. En toen ging hij het meten
Mike Judge, een Amerikaanse developer met 25 jaar ervaring, maakt veel gebruik van AI om z’n werk te versnellen. Althans, hij dácht dat hij efficiënter werkte. Totdat hij ging uitrekenen hoeveel tijdswinst AI hem echt opleverde. Het controleren van AI-gegenereerde code bleek juist voor méér werk te zorgen. Het lijkt erop dat meer developers hier tegenaan lopen.
Ten tips for integrating brand into products
Er zijn zóveel digital products; hoe zorg je dat die van jou eruit springt? Door je merk vanaf het allereerste ontwerp centraal te zetten. Ontwerper Gleren Meneghin geeft 10 concrete tips die je daarbij helpen. Want: “When product and brand are aligned, users get something more: a product that feels like someone who cared made it expressly for them.”
Why aren’t you a good fit?
Anton Iokov bedacht een briljante vraag voor tijdens sollicitatiegesprekken die hij voert met kandidaten. Naast “waarom pas jij goed bij ons?” vraagt hij sollicitanten ook “waarom pas jij niet goed bij ons?”. De antwoorden op deze simpele vraag bleken verrassend veel waardevolle inzichten op te leveren.
De ongemakkelijke kunst van feedback geven (en ontvangen)
Maarten Essenburg ontwerpt en begeleidt teamdagen. Feedback speelt daarin een grote rol. Vaak gebruiken we de klassieke ‘sandwich-methode’: compliment, kritiek, compliment. Maar dat werkt averechts. In zijn nieuwsbrief legt hij uit waarom en deelt hij andere lessen over feedback geven.
Beyond The Hype: What AI Can Really Do For Product Design
We zitten nog altijd met z’n allen in die onzekere periode waarin we uitvogelen op welke manier AI nuttig kan zijn in ons werk. Ook ik zoek continu naar use cases, hacks en ervaringen van andere ontwerpers. Tussen de loze beloftes door moet iedereen zelf ontdekken wat wel en niet werkt in zijn workflow. Dit artikel gaf me daarbij veel bruikbare aanknopingspunten!
I N J E F A C E
De guys van OK Go hebben de Blender-file van hun nieuwe videoclip Impulse Purchase, vrijgegeven. Iedereen kan ’m downloaden en er z’n eigen versie van maken. “You can link it to your face and sing along, change the character, explore how the nodes fit together, remix it, adapt it, and share it yourself… all in a single .blend file!”
Angela Blumen heeft een ontwerpstudio in Amsterdam en is uitgever van Fanfaretti, een print-only magazine about aesthetics, beauty and craft. Elke editie heeft een thema, zoals Localism, of Details, en het komende nummer gaat over textiel. Fanfaretti is in Nederland te koop bij Athenaeum in Amsterdam. Lees een interview met Blumen bij Creative Boom.
M U S T
Fabian Strien
Fabian is Halfvetter, product designer bij Valsplat en brengt ritme in alles wat hij maakt.
Beste activiteit om geïnspireerd te raken:
Tussen het werk door even wandelen doet wonderen. Gelukkig heb ik een droomplek om dat te doen: park Hofstede Sterreschans ligt pal naast m’n werkplek. Even weg van het scherm geeft ruimte in m’n hoofd én nieuwe ideeën. Vaak speelt mijn ochtend of hele dag zich dan als een bandje af, waardoor ik uitzoom en scherper zie waar ik eigenlijk mee bezig ben.
Boek dat ik iedereen kan aanraden:
Universal Principles of UX van Irene Pereyra. Het boek bundelt 100 design principes, inclusief illustraties. Het is één van de weinige boeken die ik ken dat wegblijft van klassiek verouderde voorbeelden en UX een frisser, moderner imago geeft. Een aanrader voor alle soorten digital designers, ook voor wie niet zo van lezen houdt.
Beste ontwerpadvies dat ik ooit kreeg:
Test je ontwerp voordat je eraan gehecht raakt. Klinkt simpel, maar veranderde mijn hele manier van werken. Als designer raak je snel verliefd op je eigen idee. Door vroeg te testen met een schets of prototype blijf ik objectief, krijg ik sneller waardevolle feedback en voorkom ik verspilde tijd.
T O O L S
Nano Banana Photoshop plugin integreert Nano Banana in Photoshop.
Fliiipbook is een teken tool die je doodles omzet in een gifje.
Oklch.fyi converteert en genereert OKLCH-kleuren en –kleurpaletten.
Vibe Coding Prompt Generator helpt bij het maken van prompts voor vibe code tools.
21st.dev verzamelt UI componenten, maar laat ze je ook genereren met AI.
Lottie Magic Animator is een Lottie plugin voor Figma waarmee je elementen animeert.
👋
Ben je op de Dutch Design Week? Join de workshop die ik samen met Un/School geef en leer hoe je AI kunt gebruiken als creatieve sparringpartner.🙌
En anders tot over twee weken!
Jeroen.
S U P P O R T
Vond je deze Halfvet waardevol?
Overweeg dan een kleine donatie.
Met jouw steun kan ik Halfvet blijven maken.
Dank! 💙
Thanks for mentioning my practice :)