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/
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.
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
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
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 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
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
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.
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 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
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
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)
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/
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/
Abduzeedo is a blog about things that inspire us, most of the time we post about graphic design, illustration, branding and web, however motion graphics is an area that always caught our attention. With that in mind we will start featuring more motion graphic work like the Fake Studio. Fake Studio motion design and 3D studio located in Barcelona and they have an incredible portfolio not only of beautiful work but also great clients. Names like Nissan, McDonalds and Puma are among the clients. Reel Opening | June In order to promote the release of our new website and the unveiling of our new reel we decided to build a few opening bumpers to present it. We've decided to make a few of them, so they'll be uploaded in a regular basis. For this one, we've been investigating lately about this shapes and the relations they can establish with real spaces. Reel Opening | June from Fake Studio on Vimeo. Fake FLOW Fake | F L O W from Fake Studio on Vimeo. Making New Worlds "In a quite subjective way, I wanted to capture the creative process, which we usually face when we have to envision a project and reach and execute a final idea. After all, and given my fondness/ loving for cooking, this piece emerges as the result of mixing choosed or imposed ingredients where you have to make them dance together, in order to get the tastiest dish ever made" Fake | Making new worlds from Fake Studio on Vimeo. Primavera Sound Primavera Sound 2011 from Fake Studio on Vimeo. Inditex Last spring we did this 4 sweet animations for the top european fashion brand Inditex as they wanted a clear and fresh way to show what their 4 main different work ambits are. After sharing a few ideas we come with the concept of everything starting from the initial words and transforming them in the developed and explained concepts that Inditex needed. Inditex from Fake Studio on Vimeo. McDonalds McDonalds | Singer from Fake Studio on Vimeo. Tachan ...work for Tachan.com, the pitch focus all the attention in the character development and the funny and ironic side of them. We add a few Ins & Outs to the whole process and at the end we get very proud of our creatures... Tachan | HD Version from Fake Studio on Vimeo. Puma & Gemma Mengual With a mixture of live action and 3d, Fake Studio directed the spanish commercial of the international PUMA Body Train campaign "Walk light, Walk Sexy". On this occasion, we’ve been working with Gemma Mengual. A pleasure shooting with the synchronized swimming champion. Walk Sexy! and Enjoy! Puma & Gemma Mengual from Fake Studio on Vimeo.
To celebrate the Red Bull Academy World Tour, the Academy produced a music film that encompasses musical styles from around the world. It was produced 8 soundtracks for some of the cities where the event will take place. The Sound design work was done by Elias Arts http://eliasarts.com/. The visual design work was done by Passion Pictures (http://www.passion-pictures.com/flash.html) Berlin The soundtrack for this clip is inspired by one of Hansa’s iconic album’s Iggy Pop’s Lust for Life. Like the creation of the music in the studio, the cityscape is built from the many organic, analogue musical artifacts used in the recording studio. Tape creatures climb across the concrete city jungle towards the Berlin Wall – a nod to the studio’s physical location. Berlin: Hansa – Das Studio der Mauerstadt from Red Bull Music Academy on Vimeo. Paris The visual inspiration for the Parisian leg of the tour is an collision between the flesh and blood textures of the African soul and funk that comprised the concert, and the architectural backdrop of Paris – the home of the Afrobeat Picks event. Musically, the rhythm builds and the acoustics echo and bounce off the city walls as we travel across the avenues. Paris: Questlove’s Afro-Picks from Red Bull Music Academy on Vimeo. Detroit Inspired by the Detroit automotive industry, from the start the viewer is immersed inside the iconic TR 909 drummachine – a nod to the intersection of man and machine central to the city’s musical innovation. As we travel through a CG circuit board city, the cyclical nature of the assembly line process is increasingly apparent transitioning us from the hey days of Motown R&B to the minimal stylings of techno. The theme of repetition was also carried through to the construction of the musical score. Detroit: Motor City Frequencies from Red Bull Music Academy on Vimeo. Toronto The animation style here is directly referenced from the iconic soundclash album Scientists meets the Space Invaders. The four superhero characters battle it out across the streets of Toronto – each one representative of one of the four soundclash crews competing in this event, Afrika Bambaataa’s Zulu Nation, Mad Decent, LuckyMe and Toronto All Star. The beginning of the battle is marked by the sound of the airhorn, a nod to the dancehall musical score underpinning this piece. Toronto: Culture Clash from Red Bull Music Academy on Vimeo. Melbourne The bright, visually rich palette of this section is inspired by the coastal location of Melbourne city. Like the experimental nature of the event itself, the narrative of this film explores the relationship between sound and space. The audio of the Melbourne tram chimes set off a wave of fluid illustrated animations that bounce around the screen, visually inspired by traditional aboriginal paintings. Melbourne: Notions of Sonic Space from Red Bull Music Academy on Vimeo. New York When hip-hop first emerged in the 70s it was the ghetto blaster that amplified the sound of New York streets to the world. To pay hommage, the setting of this film was built from the original tape deck devices. We see a Hudson River constructed of unwound mixtapes. The trains all disappear to one of the five boroughs, a nod to the albums and boroughs celebrated in this event. New York: Five Out Of Five from Red Bull Music Academy on Vimeo. Rome Italy and the Cinecitta studios are credited for producing some of the most influential cinematic masterpieces ever. To celebrate this we created a film that paid tribute to the different genres, from comedy to spaghetti western, 70s cop films & blood-filled horror flicks to psychedelic animations, in one narrative mash-up. A Spaghetti Western inspired track provides the aural backdrop as we pan across the scene culminating in a classic Sergio Leone shot. Along the way we reveal a chaotic assortment of villains, ghouls and policeman all participating in one comedic battle conducted to the tunes of a dead Mexican mariachi band. Rome: C’era Una Volta A Roma from Red Bull Music Academy on Vimeo. London Inspired by the event theme, Revolutions in Sound, we wanted to create a dominating creature that visually embodies the innovative qualities of the event itself. As the camera cuts around the robot’s CG body we see it is inspired by components of modern London architecture. His head is a pulsating subwoofer, an iconic musical artifact central to London’s influential bass music scenes and inside his chest we see the magnificent London Eye, the heart of the event itself. London: Revolutions in Sound from Red Bull Music Academy on Vimeo.
A couple of days ago while checking some Web sites for my daily dose of inspiration I came across this beautiful animation for Fox Retro, it was heavily inspired by the 80s with all those colors and light effects that we are expecting to see. I really liked that and decided to learn more about the guys behind it, then I ended up on the Plenty's Web site. Plenty was born from the merger between Gula and Playful (Mariano Farías and Pablo Alfieri), a bureau of young professionals with a strong passion for graphic design and mothiongraphics. During the last few months they have worked on several projects in areas such as advertising and TV branding, joining the art direction and motiongraphics of Pablo, Mariano and their group of great talents. We work with clients like MTV LA, MTV International, VH1, NatGeo, AXN Japan, Schweppes, Gancia One & Pilsen. Hope you will become our next client! Our vast experience, the fine quality of our customers, our flexibility in assembling multidisciplinary teams and our inexhaustible passion is the brand that defines us and guarantees the success of our customers. For more inforatiom about Plenty you must visit their Web site at http://www.plenty.tv/, simply fantastic work. Some works Celebrate Today - Chandon CraveroLanis BTL trusted Plenty again, this time with Chandon Argentina new campaign. After receiving Pablo Fusco's beautiful film, we edited and post-produced the commercial with cubes of glamour, a graphical resource used in the rest of Chandon's campaign print pieces. Chandon - Celebrate Today from Plenty on Vimeo. Fox Retro Birthday Id Fox Retro summoned us together with our dear friend Fantasma™ in order to join forces and develop a very special piece: an Ident to commemorate its birthday. The client had imagined a one minute piece of animation, where all its series are showed in a 80´s retro-futuristic spatial Pinball. What a nice trip! Fox Retro "Pinball" - Birthday ID from Plenty on Vimeo. Dr. Lemon Vodka & Tequila Coke Teens The Magic is in the Mix Schweppes was a Comprehensive project for George Patterson Australia Y&R, in which we were in charge of the graphic campaign art direction. The art was taken to a further step into the screen, and we produced a 3D TV spot where the printed formula (1+1=3) came into life, providing coherency trough the whole project Schweppes "The magic is in the mix" from Plenty on Vimeo. Plenty™ - Reel October 2010 Plenty™ Reel 2010 from Plenty on Vimeo. Mtv Top Ten - The Race MTV International called us to generate a 30 second Promo for its program " Top Ten ". The idea was to represent a spheres race to fame and fortune in full battle, knowing that only the best 10 will cross the threshold. Mtv Top Ten from Plenty on Vimeo. Mtv Only Hits MTV Europe launched its new show called MTV Only Hits, that choose and shows to their viewers today´s Rock & Pop greatest hits. We developed the show graphic pack based on a totem built by music instruments and pop icons in motion. MTV Only Hits from Plenty on Vimeo. Fox international Channels Ids - Popcorns and Coins Fox ID - Coins from Plenty on Vimeo. Fox ID - Pop Corn from Plenty on Vimeo.