1 Follower

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:

Image for post
Image for post

After doing a bit of research into the development of Duo and the illustration system, I started to break down the process.

Image for post
Image for post

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.

What is Blender?

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.

Main Takeaways

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.

Image for post
Image for post

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. …

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store