articles on

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/

Arctic Album Teaser

Arctic Album Teaser

Motion design is still an area that I am a complete newbie but I am learning to admire and understand some of the subtleties that make this field so incredible for me. For this post I want to share a beautiful project created by Martijn Hogenkamp a Creative Director from Amsterdam, Netherlands. The simplicity and the style of the work makes each frame worth of a poster, check it out. For our good friends Leadsmen, a Dutch electronic outfit, we’ve created a teaser for their album Arctic, which was released the 21st of April 2015. When listening to the pre-release we immediately were inspired by the dark, pulsating soundscapes layered with bubbling synths and pounding percussion. We decided to jump the gun and created this moody teaser in a turnaround of just two days. Leadsmen | Arctic from PlusOne on Vimeo. For more information check out http://www.plusoneamsterdam.com/work/show/arctic

Verizon Fiber - Stop Motion

Verizon Fiber - Stop Motion

Motion design, and animation in general, is something I wouldn't consider to be one of my strengths. Not only due to technical knowledge, but there's something else more related with timing and natural motion that is pretty hard for me to translate into any digital format. Seeing the work that Tom Alex Buch did for Verizon Fiber makes me acknowledge that and admire people that are able to execute with precision. Especially when we are talking about stop motion animation. Check it out, it's simply amazing. The Brief: Design and figure out how to create animated hand made feeling wire sculpture stop motion for Verizon fiber optics. At Psyop I visualized these motion tests and styleframes within the challenging timeframe of 3 days. For more information about Tom Alex check out his incredible work at http://www.tomalexbuch.com/ Motion test 1 Motion test 2

Material Design Motion Explorations

Material Design Motion Explorations

It is awesome to see more and more people playing with Material Design. The Google visual language is much more than visual design, it is comprehensive and it blurs really well the lines that separate visual, UX and motion. It also an incentive for new designers to sharpen their skills and focus more and more on becoming great product designers. On this post today I will share some great examples of Material Design from MaterialUp, a great site that aggregates explorations on Google's design language. For more information check out http://www.materialup.com/

Material Design Motion Explorations by Jovie Brett

Material Design Motion Explorations by Jovie Brett

Jovie Brett is a young IT student with some really good motion design explorations following the Material Design guidelines that Google released last year at Google IO. The quality of the animations are top notch and they really expressed what Google designers intended in terms of continuity and context. We selected a few examples of Jovie's work but make sure to check out his Dribbble profile at https://dribbble.com/bretbardolees for even more inspiration.

Music App - Motion Design

Music App - Motion Design

Motion design has become a super important part of any mobile app design. Smooth animations and the right curves can give to your product a much more refined look and feel. We see simple bounce and elastic effects give a organic feel, because that's the way we things happen in real life. Apple has been exploring this for a long time and more and more we see product designers working closer with motion designers to enhance the user experience. A good example of some motion design is the Music Application project by Sergey Valiukh. Sergey is an art director, graphic designer, motion designer, architect from Dnipropetrovsk, Ukraine. For more information visit http://valiukhsergey.com/ Hey buddies! Today I want to share introductory screens animation. The app allows to upload music files to your account, listen to songs, create parties sharing music to all available devices nearby. The app's motto is Listen! Synchronize! Via Behance

UI Motion Design: Wyldfire

UI Motion Design: Wyldfire

Motion design has become one of the hottest areas in terms of UI design. Attention to detail has gone further than just graphics but also how UI elements behave when touched or new content is loaded. Ion, an animation and motion design studio from Barcelona, shared some beautiful work executed for the app Wyldfire illustrating motion design at its best. For more information check out the app at http://www.wyldfireapp.com/#intro Via Behance

MTV Essentials

MTV Essentials

Visual identity is much more than stationary and printed materials, it goes beyond the static graphic representation and extends to motion. Nowadays, it is commonplace to see animations that by themselves represent a brand, whether by the style, motion curves or both. MTV is a good example and probably one of the pioneers in playing with video to extend their brand. MTV Essentials is a project created by Pes Motion Studio a design studio from Buenos Aires, Argentina. Our challenge here was to take basic geometric elements and materials and highlight the essence of the objects. We sought to create a universe that may be physically impossible to exist within but that the human imagination can perceive. For inspiration we used an art installation and took our arrangement of the elements from there. For more information visit http://www.peslab.com/ Video MTV NETWORKS / MTV Essentials from pes on Vimeo. Via Behance

Cinematics - Timeline of Classic Films

Cinematics - Timeline of Classic Films

Cinematics is a timeline of classic films and characters illustrated by Pier Paolo, it's a experimental project that he did and his spare time. The sound was made by Marcelo Baldin also known as Combustion. The Cinematics lettering was also made by me, and right now I'm working on a complete family for this font and I hope to launch it soon! For more information visit https://www.behance.net/pierpaolo Cinematics from Pier Paolo on Vimeo. Via Behance

Motion Design - Think with Google 2013

Motion Design - Think with Google 2013

Daniel Rodrigues is a Brazilian student of Design and motion designer, he has put together a set of videos for the event Think with Google 2013. He created more than 40 short videos made to present various speakers and the topics of their lectures exploring Google style. The result is really nice and makes me want to learn even more motion design. Credits Design / Animation: Daniel Rodrigues and Vitor Kanamura Soundtrack / Sound Design: Matheus Leston Icons Despite the limitations of representation in solid colors and simple design elements, were developed animation styles that allowed to join the dynamic and flow to the compositions, strengthening the identity. Support elements such as circles, strips and sparks were added to develop elements. In entry or exit moments of the main objects were added other color layers. Final

Motion Design by Metin Akcakoca

Motion Design by Metin Akcakoca

Metin Akcakoca is an 3D Artist and Generalist based in Turkey with a background in graphic design and always interested in everything about CG. We selected some of his work mixing animation, 3D and mad motion design skills. Metin's work is really inspiring, especially for those looking for motion design inspiration. For more information about Metin visit http://www.metinakcakoca.com/ Shapes Shapes from Metin Akcakoca on Vimeo. Mtv -01 Mtv from Metin Akcakoca on Vimeo. Spline Typo Mtv / 2 Mtv / 2 from Metin Akcakoca on Vimeo. Mtv - 03 Mtv / 3 from Metin Akcakoca on Vimeo.

Night Stroll - Beautiful Motion Design

Night Stroll - Beautiful Motion Design

When I stumbled upon this video it reminded me of one of my old tutorials playing with light effects. Of course the effects in this video are much more beautiful and the execution is spot on. It gave me motivation to try to do the same in After Effects. The title of the motion design work is Night Stroll and it was created by Tao Tajima. Video Stills

Aardman Animations Bring Insect Tattoos to Life for New Random Acts Film

Aardman Animations Bring Insect Tattoos to Life for New Random Acts Film

Aardman Animations directors Karni & Saul recently directed a new Random Acts film titled "Skinmeal," and we wanted to share with you the trailer, here, prior to its broadcast on Channel 4 in the UK on Wednesday, July 3rd. "Skinmeal" is a miniature predator story in the world of tattoos. In a Lynchian-style beach scenario, a girl lies sunbathing in electric light and is suddenly infested by her own tattoos. "In 'Skinmeal,' we tried to make a piece that was visually tempting and at the same time had a sharp edge to it," said Karni & Saul, directors at Aardman Animations. The film is loosely inspired by the work of David Lynch. Karni shot the live action footage on a Digital SLR camera in the studio at Aardman. Saul drew inspiration from tribal art to design the tattoo bugs. The insect tattoos were then animated in Maya by the CG team at Aardman and composited in After Effects. Saul also created the mood music. The result was a moody piece based on the food chain or as we call it skin meal. Karni & Saul were commissioned by Lupus Films to create a 3 minute short for Channel 4's Random Acts, a short-form daily arts strand screened on the channel late at night. Random Acts launched in 2011 and in its first year showcased 260 specially-commissioned three-minute films chosen for their bold and creative expressions of creativity. Check out the "Skinmeal" trailer on Vimeo Images from the film are below. ABOUT AARDMAN ANIMATIONS Aardman, based in Bristol (UK) co-founded and run by Peter Lord and David Sproxton, is a world leader in animation. It produces feature films, television series and television commercials for both the domestic and international market. Their multi-award winning productions are novel, entertaining, brilliantly characterised and full of charm that reflects the unique talent, energy and personal commitment of the very special people who make up the Aardman team. The studio’s work is often imitated and yet the company continues to lead the field producing a rare brand of visually stunning and amusing independent and commercials productions. More information can be found at: http://www.aardman.com

Cartoon Network Summer New Look

Cartoon Network Summer New Look

You're not the only one refreshing your look for summer. Courtesy of its in-house creative agency Creative Group, Cartoon Network received a summer makeover, with a new set of brightly colored images and a video seamlessly blending the work of top animators around the globe. As part of the 2013 “Summer Refresh,” the new graphics feature popular Cartoon Network characters, such as the Annoying Orange and Finn and Jake from Adventure Time. Inspired by their cool new look, Creative Group took the daring step of stitching together a 60-second video comprising the work of six different animators and animation companies from around the world. “We referred to this as our science experiment, mainly because we weren’t totally convinced that it would work,” - Leslie Kleine, Producer on the project Jacob Escobedo had this vision of several animators of varying styles creating unique pieces that could then be stitched together into one interstitial. In the end, we reached out to animation teams from Australia, France, Portland Oregon, Atlanta Georgia, and two from the UK, and they were all enthusiastic, even though they wouldn’t know what the others were doing. We gave them character art, a color palette, a warning against nudity, and ten seconds – those were the only rules. This project was an incredible lesson in risk, but also one of the most rewarding that I’ve ever worked on. What we got exceeded our expectations.” Here’s a little more about the Summer Refresh project: The graphics package includes images of some of Cartoon Network’s most popular characters arranged into a totemic image. When looped end-to-end, the graphic totem becomes a unique, yet recognizable pattern that now informs all of the network’s on-air elements, including bumps, lower thirds, promotions, and interstitials. The video utilizes an “Exquisite Corpse” technique to seamlessly blend 10-second pieces from the six animators into the final 60-second product. The animators included: Australia’s Rubberhouse; France’s CRCR; the UK’s Alex Grigg and Eamonn O’Neill; and the US’s Impactist (Portland OR) and Awesome Incorporated (Atlanta GA). Impactist also created the music for the spot. All six animators were given three simple rules: use the same color palette; include characters from Cartoon Network shows Adventure Time, Regular Show, MAD, Ben 10, Gumball, Looney Tunes, and Annoying Orange; and don’t include any nudity. Take a look at the Summer Refresh video here. Stills Credits Animation Impactist – Portand, OR Awesome Incorporated – Atlanta, GA CRCR – France Alex Grigg – UK Eamonn O'Neill – UK Rubberhouse – Australia Music Impactist – Portland, OR

Adobe Ampersand by onformative

Adobe Ampersand by onformative

Celebrating the released of the new Adobe Creative Cloud suite of applications, we today will share an awesome motion design work created for the launch of the previous CS6 suite. I didn't know about this work and that's why I had to share it here with you all. I am really willing to learn motion design and this is a great example and way for me to get motivated to experiment and play with motion design. The following work was created by onformative, a studio specialized in generative design solutions covering various types of media and topics founded by Julia Laub and Cedric Kiefer in Berlin. Out of thousands of floating fragments an ampersand evolves in 3D space. Its different colors and materials merge to create a shiny and reflecting fragmented surface. Construction For the release campaign of the Adobe Creative Suite 6 onformative was invited to create an abstract artwork and interpretation of the Adobe Ampersand. The original ampersand 3D-model was loaded into a custom written application where it was de- and reconstructed. Out of the numerous results a few where exported as 3D-models and imported into Cinema4D to do the lighting and shading as well as the short animation. Final Render Making of Adobe CS6 Ampersand - making of from onformative on Vimeo. Final motion Adobe CS6 Ampersand from onformative on Vimeo. Credits: Christopher Warnow (Code) Andreas Fischer (Rendering/Anim) Jens C. Fischer (Sound)

The Sugary Death Machine - Motion Graphics

The Sugary Death Machine - Motion Graphics

Motion design is something I really want to learn. There is nothing I love more than seeing crazy cool animations, specifically because static image animations have sound and timing, which makes an incredible difference. One of my favorite types of animation are those that play with typography Enter Finger Industries "The Sugary Death Machine" motion graphics. We hope you get a kick out of this visually entertaining post. The SDM aka The Sugary Death Machine. Comped into a photographic background down our local woods, this little house is distantly related to the witch’s cottage from Hansel and Gretel (as decorated by Disney’s Childcatcher...). Then in a flurry of movement it transforms to reveal its true nature. Video The Sugary Death Machine - Finger Industries from Finger Industries on Vimeo. Making of About Finger Industries Ltd Imaginative, original animation design and production, pre-production, character design and illustration. They have helped produce campaigns for such clients as Lloyds TSB, HSBC, Mamas and Papas, Seabrooks Crisps, Oxford University Press, Hit Entertainment and more, through many leading advertising agencies. For more information visit http://www.fingerindustries.co.uk/

Fantastic Graphic and Motion Design Work of Sebastian Onufszak

Fantastic Graphic and Motion Design Work of Sebastian Onufszak

We all know that we live in a world based on trends, and it's important because it makes the industry move. It's also important for designers to understand that and be able to work on all sorts of styles. That will definitely be a differential in any career. Sebastian Onufszak is a good example of that. His work is an example of that. Born in Breslau (Poland) in 1978, Sebastian Onufszak is a German-Polish illustrator, designer and director. Between 2002 and 2006 he worked as an Art Director at Liquid — a design agency based in Augsburg (Germany) — and was responsible for print and interactive projects. In 2006 he joined Parasol Island, a design and animation studio in Düsseldorf, as Creative Director. Since 2009 Onufszak has been working for an international range of high-end clients in the fields of print, interactive and motion media as a self-employed designer. His commercial and personal works were featured in numerous design publications and exhibitions worldwide. He also lectures on motion graphics and animation at the University of Applied Sciences in Augsburg. Lufthansa The Fantastic Four Auto Trophy Auto Trophy Opener 2011 from Sebastian Onufszak on Vimeo. Three Men with Beards In Graphics We Trust Adobe Iggesund Still Life in a Circle from Sebastian Onufszak on Vimeo. IBM Computer Arts Cover Ray Ban For more information visit http://www.onufszak.com/