articles on

Motion design by Radio

Motion design by Radio

Motion design is taking over and my prediction is that in a short period of time it will be a required skill for any visual designer or perhaps any product designer. I feel that understanding the principles of animation and the power that it has in driving user's attention can help designers to create simple and more effective interfaces. It also can give that feeling of friendly and playful, or just a beautiful eye candy moment. The folks over Radio are really good at creating this moments. We selected some super clever and awesome examples for you. Radio is a design driven production company housing a diverse team of creative talent specialising in animation and illustration. Founded in 2011, with studios situated in London and Cape Town, our goal is to offer design based solutions for clients big and small. - Radio Our bold and iconic work has given us the opportunity to work with leading brands and agencies across the world. - Radio Motion Design For more information about Radio check out their website at http://www.madebyradio.com/work/

ZH OURO Rio 2016 - UI/UX

ZH OURO Rio 2016 - UI/UX and Animation

The Olympic Games in Rio is over and now we have to wait another 4 years for the Tokyo games. There was a lot to like about this year, at least for me. First, it was in Brazil, my home country and second everything went well. With these massive events there's a big push in terms of promotion from media companies to create apps to garner fan attention. Leo Natsume shared a beautiful UI/UX project on Behance that is, for me, one of the best I've seen this year. The animations, the UI, everything from a visual standpoint is top notch. Check it out. We developed a website with lots of animations and all Olympic sports for project for ZH OURO. The spread of this digital product is to present the medals of the winning countries and a comparison with Brazil, the host country of the Olympic Games Rio 2016 - Behance The project was done by the Grupo RBS. For more information about Leo Natsume check out https://www.behance.net/leonatsume UI/UX and Animation

OLYMPIA Animation

OLYMPIA Animation

Another summer Olympic games will start today, this time taking place in Rio de Janeiro, Brazil. There's always an excitement behind any Olympic games, from the announcement of the logo and identity, to the mascot a few years prior. The opening ceremony is probably one of the highlights of the show, it's always kept in secret what will be shown. We here at Abduzeedo are getting into the spirit and looking forward to 17 days of sports and of course Olympic related posts. The OLYMPIA one from Behance had to be the first because it's just beautiful. OLYMPIA is an homage to the Games and especially the athletes and their amazing moves. I love how stylish the animation is, there's a lot of dynamic and everything feels super fluid. The project was done by Henrique Barone, Rafael Mayani and Conor Whelan from Vancouver, Canada and CypherAudio from Toronto, Canada. Animation Design process Credits creative direction: Henrique Barone, Rafael Mayani and Conor Whelan art direction: Rafael Mayani storyboard and animatic: Henrique Barone animation and line clean-up: Henrique Barone and Conor Whelan color clean-up: Rafael Mayani and Henrique Barone compositing: Conor Whelan music and sound design: John Black

Incredible Animations by James Curran

Incredible Animations by James Curran

I have a Chrome extension that loads Dribbble posts on a grid on every new tab I open, it's a great way to take a break from whatever I am doing and find some inspiration, or make the experience of opening a new tab more exciting than just a blank page. The best thing about that though is that I get to discover some incredible work from UI to motion and the work of James Curran is on top of my list of favorites. James Curran is an animaiton director that likes to make gifs and he does that incredibly well. The animations are full of character, super smooth and the most amazing thing for me is that he creates these perfect loops that almost melt my brain. I selected some for this post for you to check it out. For more information about James, make sure you check out his website at http://www.slimjimstudios.com/

Dots Motion Design

The importance of personal projects can never be overstated. I started ABDZ almost 10 years ago and I have learned so much since then. The project that Mark Pearson shared on his Behance page is a good example of exercising skills to improve and learn more about our craft. He played with dots and clever motion design to create super cool animations. I am sure those will be useful for him in the future. Personal project exploring relationships in form, color, and motion. I've been trying to post one a week on http://dribbble.com/markpear over the last several months. Below is a collection of some of the more popular ones along with a compilation video featuring music by http://pogomix.net/. Enjoy! Mark is a Graphic Designer, Animator, Interaction Designer, and 3D Modeling/Rendering enthusiast. He specializes in unifying these mediums within the software development process to create experiences that empower, inspire and delight. For more information check out https://dribbble.com/markpear Video

Playful Motion Design

Playful Motion Design

It is amazing to see how much the design community changes and with great sites to follow like Dribbble, Behance and many others we can compare the various shifts. Around 5 years ago, skeuomorphism was huge, then some ornamental typography. After that everything went vector and flat. Little by little things started getting more bold strokes, sometimes even with some depth. Now I feel that motion design is the new cool thing and in my opinion it's awesome. There are so many cool examples of little moments of delight that can be added with simple, yet playful animations. Gal Shir a product designer and art director from Tel Aviv is exploring and pushing this trend in an inspiring way. His animations are very smooth, stylish and super fun. In this post I wanted to feature some of them with you guys. For more information make sure that you visit his Dribbble profile to check out his full portfolio.

UI Motion Design References

UI Motion Design References

There are quite a few things I like to do before opening my computer and using a design tool like Sketch of Photoshop. One of the first things I do is a competitive analysis and right after some simple mood boards with references for things like animation, typography, colors, simplicity. I feel that this step gives me a broader view of possible solutions done by other designers. The process is simple, I just collect as many images as possible and the those that I think are the best fit for each case. For this post I want to share some simple images of UI animations. They are from Pinterest and Dribbble. I used them as references for some personal projects I am working on. The cool thing about this images is that they are pure visual and motion references. I don't pay attention about technical feasibility or anything.

 An Animation to Definitely Understand the Hero's Journey

An Animation to Definitely Understand the Hero's Journey

Almost all of you guys already heard about the Hero's Journey, right? Most of us know the concept but sometimes don't know exactly what means every step. Thinking on it this gret artist called Iskander Krayenbosch crated an animation with all the 12 stages, witch is awesome! Since the beginning of time people are fascinated by stories of hero’s. But did you know there is a fundamental structure that's lies beneath all these tales of fantasy. Joseph Campbell, a famous mythologist, was the first to discover similarities within all ancient myths. He called it the Monomyth. According to him there are 17 stages in which every hero has to walk through one way or the other. Don't forget to take a look on his page at Vimeo. The Hero's Journey from Iskander Krayenbosch on Vimeo.   The Hero's Journey from Iskander Krayenbosch on Vimeo.

Stylish Artworks and Animations

Stylish Artworks and Animations

There are some people that are incredibly talented and there's not much to say about them, we just have to admire and work hard to get to that level one day. Dave Chenell, a Designer, Animator, Developer and co-founder of Enormo.us is one of these guys. The illustrations and little animations he shared on his Dribbble profile is simply awesome. They have a retro look, mix of the 80s with Monument Valley. For more information about Dave and to check out his full portfolio check out. http://enormo.us/

The Work of Juanma Mota

The Work of Juanma Mota

Juanma Mota is a Art and Motion Director based in Madrid, Spain. His work has been recognized by many brands out there including: OFFF Mexico, Nike, NBC and History Channel just to name a few. Now that he founded Pleid, a studio with talented folks to achieve greatness in every single project. Calling themselves the "Crafters of the Static Beauty and "Believers of the Illusion of Motion". It's quite poetic! My focus is on creating enhanced visuals to be enjoyed by people, with the aim of reaching stunning results; my projects are always driven by the enthusiasm and passion of having fun while creating. For more information check out: http://www.mota.me/

Santa Claus Illustrations & Animations

Santa Claus Illustrations & Animations

Today is Christmas Eve and we would like to wish everyone a merry Christmas so we selected some really cool Santa Claus illustrations and animations to get you on the Christmas spirit. Enjoy! by Steve Roberts by Oxygenna by Wanda Arca by thanks but no thanks by Andra Popovici by James Pierechod by Loris F. Alessandria by Maxi Albella by Not Flipper

Motion Design by Fab Design

Motion Design by Fab Design

Today I bring to you some motion design inspiration from the super talented Francesco D'Ambrosio and Annarita Milella, an Italian designer duo based in Edinburgh. They have been crafting animations and motion design since 2012. The cool thing about their work is that they explore and mix styles keeping up to date with the trendy vector style but also combining with more traditional styles. For more information check out http://www.fabdesign.info/

Glen Keane – Step into the Page

Glen Keane – Step into the Page

Over nearly four decades at Disney, Glen Keane animated some the most compelling characters of our time: Ariel from The Little Mermaid, the titular beast in Beauty and the Beast, and Disney’s Tarzan, to name just a few. The son of cartoonist Bil Keane (The Family Circus), Glen learned early on the importance of holding onto your childhood creativity—and how art can powerfully convey emotion. Keane has spent his career embracing new tools, from digital environments to 3D animation to today’s virtual reality, which finally enables him to step into his drawings and wander freely through his imagination. At FoST, he'll explore how to tap into your own creativity, connecting to emotion and character more directly than ever before. Glen Keane – Step into the Page from Future Of StoryTelling on Vimeo. For more information check out http://futureofstorytelling.org/

Animated Paintings of René Magritte

Animated Paintings of René Magritte

German artist Raphaëlle Martin created a tribute to René Magritte by animating some of his most famous pieces. It is pretty interesting to see surrealism in motion, check it out! René François Ghislain Magritte was a Belgian surrealist artist. He became well known for a number of witty and thought-provoking images that fall under the umbrella of surrealism. His work is known for challenging observers' preconditioned perceptions of reality. LA CONDITION HUMAINE - 1935 LES LIAISONS DANGEREUSES - 1936 LE FILS DE L'HOMME - 1964 GOLCONDE - 1953 LA DÉCALCOMANIE - 1966

Cool Animations by ARM Sattavorn

Cool Animations by ARM Sattavorn

Nothing beats the feeling of surprise and amazement that is when you see a piece of design or animation that stands out from the rest. I tend to look at so many images during the day and there's always a few designs that really catch my attention and imagination. The work of Thanat Sattavorn (ARM)is one of them. I won't talk much, just check out after the break. For more information check out http://armmotion.com/

Rio 2016 Olympic Games Google Doodle

Rio 2016 Olympic Games Google Doodle

Leo Natsume is a talented designer, illustrator, UX designer and animator from my hometown Porto Alegre, Brazil. He's a multitalented individual and we have featured his work here a couple of times. Today, we are happy to share a beautiful project he did for Google. It consists of illustrations and animations for Doodles for the upcoming Rio 2016 Olympic Games. This project includes some illustrations and animations for Google, concept of doodles mobile games of Rio 2016 Olympics in Brazil. For more information check out https://www.behance.net/leonatsume

Xbox Branding Animation

Xbox Branding Animation

For todays post we bring a super smooth and beautiful animation created by Simon Holmedal for the Xbox Branding. I love the simplicity of this project with simple lines creating the Xbox logo. Everything looks top notch, check it out and for our American friends, Happy Memorial Day. For more information about Simon and his full portfolio check out http://www.simonholmedal.com/ Video I was working as part of the in-house team at ManvsMachine, I did various tasks including rigg, rnd, animation. Stills Credits Client: Microsoft Concept, Design & Direction: ManvsMachine Creative Director for Xbox: Ramiro Torres