It's amazing to see GIF images still popular. When I started my design career, or even before that back in the 90s, GIFs were the only way we could see animation on the web. It ended up losing space to Flash with its vector animations but, incredibly, GIFs made a come back and now are super popular. It's almost the core of memes. Of course artists and designers take it to the next level making beautiful animations and loops. Nancy Liang created a super stylish set of illustrations and animations with a nice retro feel. Nancy Liang is an illustrator and animator with a beautiful portfolio. We recommend that you check it out at http://cargocollective.com/nliang I am a Sydney-based artist and illustrator who focuses on tales of urban landscapes, city streets and the often forgotten places of suburbia. I represent these subject matters using drawing and kraft paper cutouts arranged in the visual form of a diorama. My practice also extends off the page from print to animation, where I enjoy creating animated scenes and looping GIFs in my spare time on my blog 'Over the Moon'. GIF Animation
Division & Unity is a motion design, creative direction and animation project created and shared by Andrew Popplestone on his Behance profile. It's a beautiful message about modern life, how connected we are and the main issues that can create. The message is interesting but for us here we want to focus 100% on the motion design and visual language, which has that retro look with some modern interpretation. Check out below: Motion design Stills Description The studio's response was a collaborative effort in which the very reflections and values of the team were articulated both as a visual and voice over narrative. The result is a comment on how our digital age has shaped and influenced us, has led to troubling rifts and divisions across the globe and how working together makes us stronger. While the visual narrative played to our strengths as a motion graphic studio, writing the voice copy was a really interesting process that made us ask a lot of questions about our collective values, our message and how to articulate that. The final edit really proved the power of voice and visual together and we felt that the voice brings out the human element within the visual narrative, allowing he piece to connect emotionally. Credits Production Company: Territory Studio / ODD Creative Director: Andrew Popplestone Executive Creative Director: Gary Breslin Executive Producer(s): Tim Case, Matthew Turke Producer(s) - Joy Whilby, Gen McMahon Art Director - Nik Hill Design - Peter Esenyi, Ryan Rafferty-Phelan 2D Animation - Daniel Højlund Audio - Oli Whitworth
We tend to focus our posts on individual contributors but it is important to also talk about the companies and studios that most of these amazing motion designers might work. Today we are featuring the animation studio Onesal Studio. They are based in Tokyo, Japan and shared their demo reel or showcase video on their Behance profile. There's so many cool projects like the Living Interface for Discovery Channel Japan or the La Vuelta 2016. The video really captures the stunning work of this animation studio. About the studio Onesal Studio is a design and motion graphics studio formed by a team of self-defined visual cooks. Their kitchens are in Tokyo and Buenos Aires, two cities with contrasting flavors. There, they hand pick their ingredients. Tradition and passion. Technology and ingenuity. That contrast inspires them to create. And it is delicious. We craft visual entertainment, add a bit of spice, and have fun while at it. They specialize in Commercial Spots, Channel Idents & Rebrands, Product Videos, Identity Packs, Digital Signage Content, VR, Music Videos (PV) and Interactive Applications. For more information check out http://www.onesal.com/ Animation Studio showcase Onesal Motion Reel from Onesal on Vimeo. Stills Intro credits Concept and Production: Onesal Illustration and Animation: Martiniano Garcia Cornejo, Nahuel Salcedo, Ailin Brunner Edit: Hirano So, Nahuel Salcedo Original Sound Design: Hirano So
You thought we had forgotten about our Monday motion design inspiration right, but we did not forget it. We might have delayed for a bit but here it is a selection of incredible animations and motion design skills created and shared by James Curran. James is a familiar name here on Aduzeedo, we have featured his work a couple of times but what can we do if he keeps delivering. For this post we will feature more of his amazing perfectly looped animations, from subjects like the video-game Outrun to of course politics. Everything with a lot of sense of humor. James Curran is a motion designer, director and illustrator at SlimJim Studios. He is currently based in London, United Kingdom and you can check out more of his work at http://www.slimjimstudios.com/ Motion Design Follow James on: Twitter Facebook Dribbble LinkedIn Vimeo Tumblr Instagram
It's Monday and as it has become more and more common I will post about motion design. I was even thinking about calling it Motion Monday, but then I thought, it is too cheesy. We used to do that quite a lot with our post though and I liked it. Back to our motion design post. Today I'd love to share some of the work that Cory Duma shared on his Dribbble profile. There's something subtle and as in one of the comments I read said, hypnotic about some of the projects. In my opinion it's the perfect loops with the perfect timing, but I am not an expert, just someone that loves motion design. Enough said, check out the projects we selected for you. Cory Duma is a motion designer based in Palo Alto currently working at Palantir. For more information make sure to check out his Dribbble profile at https://dribbble.com/coryduma - there are some more awesome projects. Cory also has some beautiful photos on Instagram Motion design
New York City, it’s been quite a long time I last visited this city. It must be pretty at this time of year with the winter wonderland, well we are featuring an illustration/animation project with Paris-based illustrator Florent Hauchard with Parallel Studio for New York Times. The final result creates the rightful atmosphere of a cityscape scene with so much history and architectural features. Florent Hauchard is an illustrator and graphic designer based in Paris, France. I recently had the pleasure (and honor) to work with Parallel Studio for The New York Times. As a collaborative work with the team over Parallel Studio , please make sure to watch the little GIFs, they are super subtle and makes you wanna appreciate one view per image at the time.
FS-II is a motion design project shared by Nicolas Lopard on his Behance profile. As a fan of abstract designs, especially futuristic patterns that remind of Tron, I could not let this pass. The work that Nicolas put together for this motion project is exquisite. The dark theme and the glowing blue colors definitely caught my attention. It would be something I would love to do in Photoshop, of course Nicolas went above and beyond by creating a beautiful animation, transitioning through different patterns. Nicolas Lopardo is a designer from Toronto, Canada. His skills go beyond static graphic design rippling through the motion design realm. For more information about his work check out http://liift.ca/ Motion Design FS-II from Nicolas Lopardo on Vimeo. Motion Still
Google Mobile Day is an illustration and art direction project shared by Leo Natsume on his Behance profile. We have featured Leo's work quite often but he never stops delivering beautiful work. He is also from my hometown so that makes it even better. Jokes aside the work he did under MediaMonks for Google is top notch. Friendly illustrations combined with smooth animations is the recipe of success. Leo Natsume is a designer, illustrator and animator based in Porto Alegre, Brazil. He is creative designer for the Group RBS and he has been featured here on Abduzeedo and on many other outlets. For more information check out his Behance profile at https://www.behance.net/leonatsume Illustration
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/
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
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
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/
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
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.
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.
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.
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/