In this 30 day challenge, I make myself accountable for learning Blender, a 3D compositing, and animating software.
After going through the Blender tutorial and pages of notes, I’m comfortable starting beginning to create an extremely simple 3D animation. In this month-long challenge, I’m inspired by the character animation in Duolingo. Each week I’ll bring some of these characters into life and document the process behind it.
In Duolingo’s Style Guide, they broke down the shape of their illustration style into several basic shapes. I wanted to start with this basic mindset as a tackle my first Blender 3D animation. The first challenge: the Duolingo mascot, Duo. My favorite mood is this one:
Documenting my experience learning Blender
A whole new world of…3D. I’ve been putting this off for wayyyy too long and I’m finally going to jump into creating something every day, even if its something incredibly minuscule. After watching a 2-hour Blender basic tutorial, here are my main takeaways and things to keep in mind, especially about the interface.
It is a robust open-source software that allows anyone to create from their imagination, whether it is 3D/2D animations, compositing, video editing, painting, sculpting, visual effects, various simulations (cloth, particle, fluid, smoke), 3D printing all in real-time.
The Interface is Complex but Flexible
Use only what you need, you may not need to know certain tools or shortcuts.
Next week I’ll create a simple 3D model of things I’m inspired by, including sketches or ideas I have.
In this 7 part series, I aim to redesign Hairprint’s landing page based on research. Last week I designed the website’s landing page. This week I aim to create a simple design system that helps to articulate Hairprint’s branding and tone of voice along with their website UI components.
Part 1 | Competitive Visual Analysis
Part 2 | Areas of Differentiation
Part 3 | The User Persona
Part 4 | The Mood boards
Part 5 | The Style Guide
Part 6 | The Responsive Redesign
Part 7 | The Design System
Hairprint’s current website design clearly lacks a sense of cohesion and consistency. Decisions look rash and lack a sense of deliberation. I’m hoping that my completed design system can be both utilitarian and help to better carve out Hairprint’s identity. The whole hero banner is a flat image instead of HTML and CSS code. The opportunity to send an impactful message was missed here. The amount of text in that area skews the balance between visual and text-heavy. …