articles on

Super Stylish Motion Design of Division & Unity

Super Stylish Motion Design of Division & Unity

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

Art Direction: Ghost in the Shell

Art Direction: Ghost in the Shell Solograms and Posters

I have not seen Ghost in the Shell yet, but it's definitely on the list of movies I want to see despite the not so good reviews. One of the reasons is the look and feel of the movie. The post modern, futuristic look full of neons and crazy stuff. For this post we share a little bit of of the art direction behind it from a post shared by Ash Thorp and Christoffer Bjerre on their Behance pages. The sequences and images in the reel represent a compilation of work created for the Ghost in the Shell live action film, which includes everything from animation tests to final assets implemented in the film.      SOLOGRAMS Early on in the film’s development, I met with Rupert to discuss some of the creative direction. He expressed his desire to paint the city with neon lights in a new form that he coined as “Solograms”, which are solid holograms.  It is something in the realm of a particle system of light that can be moved and augmented in Z space.  I loved the idea and instantly got to work building out concepts and ideas.  Below you will see a mix of various style frames, concepts, and final production assets that made it into the film. These concepts then went into post production where Chris Bjerre and I animated and created an asset library for Rupert to paint his city with. -  Ash Thorp Art Direction POSTERS Maciej and I pitched a few poster renditions for the marketing of the film.  Although the posters were not eventually commissioned, we really enjoyed connecting and building them out regardless.  TEAM Director - Rupert Sanders Lead Concept Artist - Maciej Kuciara Lead Concept Artist - Vitaly Bulgarov Concept Artist/Designer - Ash Thorp Designer - Chris Bjerre Reel Editor - Franck Deron

Motion Design Inspiration: Hypnotic Animations

Motion Design Inspiration: Hypnotic Animations

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  

Motion Design - The Work of Cory Duma

Motion Design - The Work of Cory Duma

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

Motion Design: Awesome work of Eyedesyn

Motion Design: Awesome work of Eyedesyn

If you love motion design and are not following Eyedesyn, you should start right now. EJ Hassenfratz, the mastermind behind it, is always sharing some incredible tutorials on Cinema 4D, for free. As he mentioned on his site " I aim to help designers realize their potential and get into the mindset of making learning a lifelong habit". In addition to that he also teaches at Lynda.com. It's an super noble cause, and we here at Abduzeedo always support the sharing of knowledge. For this post I'd love to feature some of his work from his Dribbble profile.  Here at Eyedesyn.com, we try to make learning fun and engaging for all designers.  Helping you push not only the limits of your software, but your creativity, is something we strive to do.  Through our tutorials, I hope you follow my ethos of learning something new every single day, no matter how small that thing may be. Motion design I started Eyedesyn because of the fact that I wouldn’t be where I am right now unless there was enough people willing to give up their knowledge for free online.  I wanted to give back in some way and create tutorials that were accessible to anyone of any level of experience.  For more information make sure to check out Eyedesyn on:  eyedesyn.com  Twitter  Facebook  Instagram

Motion Design and Illustration: Loopy by MUTI

Motion Design and Illustration: Loopy by MUTI

Loopy is a graphic design and motion design project created and shared by MUTI on their Behance profile. This project caught my attention because it shows where our industry is heading in my opinion. The project is a set of motion design pieces on very stylish illustrations, the sort of illustrations we would see featured on design sites just a illustrations a few years back. Now, however there's subtle and elegant animations, which really takes it to a new level. As the title of the post suggest, they are all perfectly looped motion graphics. Check them out. MUTI is a creative studio founded in 2011, based in the city of Cape Town, South Africa. They're a dedicated team of illustrators and designers who are passionate about producing original and inspiring artwork, from lettering to icons, digital painting to animation. They've also had the privilege of working with various companies across the globe, big names like Nike, Red Bull, Google, UNIQLO, American Express, Samsung, EMI, British Airways, Uber, TIME, Monocle, Adobe,  and many more.  For more information check out http://www.studiomuti.co.za/ Motion design

Motion Design: Twisted Letters Experiments

Motion Design: Twisted Letters Experiments

Twisted Letters is a series of motion design, art direction and graphic design experiments created and shared by * Webshocker * on their Behance profile. I have been seen these artworks via my Chrome extension that shows popular Dribbble entries every time I open a new tab. I was always in awe with how smooth and clever the animation and and motion design work was, so I decided to find out who was behind this clever designs. Below you can see some of them, my favorite has to be the Ss and the Happy word. * Webshocker * is the Co-founder & Creative Director at Webshocker, a full-service digital agency, working with clients from all over the world. Their services include Web design & Development, Graphic design, Motion graphics, App design and more. For more information check out http://www.webshocker.net/ Motion design

Motion design: UI Collection

Motion design: UI and UX Collection

Motion design is intrinsically useful for product design, especially when designing for mobile devices. Even experience designers might have a difficult time evaluation solutions on the computer without testing on the device. In addition to that, there's so much information that can be lost by using the old approach of static mocks. Those are just a couple of reasons why motion design and prototype are mandatory steps during the product design process. After Effects, Principle, Framer, Javascript or straight native Java or Swift are some of the tool available. They all have their pros and cons but the important thing is that they all gives us that extra level of information to helps us on our decision making process to deliver the best user interface. On this post I will share some motion design projects on user interface. They are from Dribbble, one of the best sources for this type of work. Make sure to click on the images to find out more about the designers behind them. Motion design for UI

Motion Design for UI by Michal Sambora

Motion Design for UI by Michal Sambora

There's a clear shift or I would say evolution of interface design that relies more in motion design to make it easier for people to understand how to use the application. In addition to that motion design can enhance the visual experience tremendously. Michal Sambora has great examples of subtle and not so subtle animations to illustrate that. There are some quite interesting experiments, especially the real weather project that uses 3D to create dramatic icons for a weather app. Some of the projects seem to be experimental only, but even if they are not based on real implementations, they are still worth checking them out. Michal Sambora is a interface designer from Cracow, Poland. For more information check out his Dribbble profile at https://dribbble.com/samborek Motion design for UI

Motion Design: Nickelodeon Kids Pick The President

Motion Design: Nickelodeon Kids Pick The President

Nickelodeon Kids pick The President is a motion design and illustrations project shared by M A D E B Y R A D I O. As the name suggest, its a series of illustrations and motion design work for the 2016 presidential election in the USA. There's just too many things to love about this motion design project. Starting for the amazing sketches, that by themselves, would have been enough for us to feature the project. The translation to 3D is for lack of better word, stunning. It is fun and really smooth. The inflatable White House is one of my favorite pieces.    We worked with Nickelodeon to create a bunch of animated spots for the 2016 Presidential Election. Nickelodeon stages their own child based national election and has correctly predicted the winner every single time - except for once. M A D E B Y R A D I O is a creative studio based in London and Cape Town specialising in illustration, iconography, lettering & motion design. For more information please check out their website at: http://www.madebyradio.com/ Motion design process Sketches Final renders Nickelodeon is an American basic cable and satellite television network launched on December 1, 1977, and is owned by Viacom through Viacom Media Networks and based in New York City.

Motion Design/Typography - Skatepark

Motion Design/Typography - Skatepark

Skatepark font as the name suggest is a typography but also motion design project shared by Keisuke Terashima. Throughout these 10 years of Abduzeedo we have seen many very creative projects where the designer explores different ideas for a family face, however, this one that Keisuke put together has to be one of the coolest. Perhaps, because I am a fan of skateboarding, but the idea of mixing skateboarding and its beautiful tricks with letters reproducing obstacles is nothing less than amazing. The animations are top notch as well and aligned with a cartoonish style it reminds me of a video-game. Anyways, enough said, check it out the full alphabet with tons of flips, grinds and other rad tricks. Keisuke Terashima is a graphic designer, motion designer and art director at PARTY in Tokyo, Japan. For more information make sure to check out his website at http://www.keisuketerashima.com/ - there are more incredible projects on his portfolio. Motion Design and Typography

Motion Design: FS-II by Nicola Lopardo

Motion Design: FS-II by Nicola Lopardo

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

Beautiful Motion Design for Auto UI

Beautiful Motion Design for Auto UI

Gleb Kuznetsov shared some quite beautiful motion design projects for Automotive UI. on his Dribbble page. They seem to be for the new Fantasy Auto Lab project done by the amazing people over at Fantasy, a Human-centered UI & UX studio based in New York and Silicon Valley. One of the reasons I thought it would be cool to share this projects is because it has a Tron look, quite different from what we have been seeing since flat design, if that is even a style, became popular. There's much more to love than just the style. The animations and details are top notch and make me want to see the full project. Auto UI - Motion Design Gleb Kuznetsov is a design director with 15+ years of experience in product design, User interfaces, Usability area including automotive, mobile OS, Apps, Web, TV, Ecosystems, more than 500 B2C projects. For more information check out http://fantasy.co/

Visual and Motion Design Work of Ben Mingo

Visual and Motion Design Work of Ben Mingo

Ben Mingo is a visual designer currently working at UENO and he has a beautiful portfolio full of motion design work as well. Most of his projects are motion vignettes which gives us a great idea of how things should work. Smooth transitions combined with killer visuals is always a recipe for success. I selected a few of his works to share here with you today and inspire you to start prototyping your work. Some of the projects I selected illustrate scrolling events, transition from list view to details view and of course beautiful visual and motion design. For more information about Ben, make sure to visit his website at http://www.benmingo.com/ visual and motion design

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/

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

UI design in motion

UI design in motion

Motion design has become a huge part of the process behind any product design project. It's impossible to design interfaces without thinking about the different states of the UI. Clicking here will do this and that, the types of transitions and curves. All of these variables are crucial part of the design process. Motion sometimes help visual designers in reducing elements and driving user's attention to an specific part of the UI. Because of the importance of motion I have been paying much more attention to projects that showcase that. Dribbble is a great place to get inspired. For this post I selected a few examples of motion design applied to UI. They are simple but inspiring. Of course there's also the need of validation, but for now let's just focus on the inspiration. UI examples