Art directors are becoming animators. Print designers are becoming web designers. Illustrators are also photographers and editors who also shoot film. They are the New Creatives, and we are celebrating their work.
With the Creative Cloud our product teams have removed the barriers to creative expression: Designers can build parallax HTML5 experiences. Illustrators are making EPUBs. Photographers are using their cameras and Adobe technology to become filmmakers. And coders have the tools to make beautiful design.
It’s an amazing and interesting time in our industry; people have the ability to self-express, in any discipline, without boundaries. I Am The New Creative promotes the amazing work our community is producing and marks this moment in time as a movement and a celebration of creativity.
One of the most incredible aspects of this program has been watching creative professionals merge their mediums and their portraits to produce “New Creatives” versions of themselves.
There’s something magical about the compositions. As a designer there’s always a part of me in my work, but to personalize my work in this way, to make my work more representative of me, presents an alternative perspective. All of the artists we’re working with are enjoying this experience and are appreciative of our desire to promote their amazing creative output.
Our new site highlights the New Creatives, their disciplines, their work, and their stories.
Visitors to the site can join us and become New Creatives (submissions are made through Behance and curated by our team); we’ll be choosing a number of artists and celebrating them and their work throughout our social properties and on Adobe.com during the coming year.
Be sure to check out the work of the New Creatives, get inspired, and join us.
The spectacular popularity of mobile devices means interactive designers need to extend their skills beyond the desktop to embrace the universe of HTML5. Among mobile devices, including tablet computers, smartphones, and interactive books and magazines, HTML5 is the common denominator.
Now I know there are a lot of people who don’t think HTML animation is very robust. They imagine type and div boxes animating and fading in and out, which I agree is less than optimal. But when you start combining that functionality with CSS3 and some of the styling and imagery, it starts to get compelling— you’re only limited by the browsers. Android and iOS devices have latest CSS3 capabilities that support features such as blurring, so it’s possible to offer a more sophisticated animation experience on these devices.
Animated illustrations in HTML5
Recently I created a course for the annual conference of the Association of Medical Illustrators that covered how to simulate illustrations in HTML for use in iBooks and digital magazines or for viewing on websites or mobile devices. While the subject matter experts were all medical illustrators, the session itself focused on making content today—easily digestible to readers—something that spans across industries. How do you capture your consumers’ attention with animation, and across various devices?
For the class, I created an animated interactive graphic that compares a healthy eye to an eye with glaucoma. The illustration shows how an eye with glaucoma can’t properly drain fluid, and includes a vision simulator that displays the effect of this condition on a person’s vision. The animated droplets are actually a series of nested animated symbols that create the constant, flowing effect. Edge Animate is able to replace a time and labor intensive coding process with one that is both easy and affordable.
One of the keys to easily creating interactive components in Edge Animate is how the symbols talk to each other via targeting. You can associate an interactive element, such as a click, with a symbol. In the glaucoma example, the user clicks the words Affected by Glaucoma, which then tells another symbol (in this case, the sunset photograph) to change its state. It is this ability to combine the functions and the order of symbols—each with their own timelines—that enables us to create these engaging animations. In the relatively short two hour class with 20 participants, it was exciting to see how quickly attendees were able to create their own animation projects using Edge Animate.
Animation is fun again
A few years ago, the web was full of animations and cool interactions, but those faded away as more attention turned to offering content that behaved consistently across devices and platforms. But people are starting to get excited again about adding it back into projects, and with Edge Animate we can combine styling and imagery with cascading style sheets and simple animation to once again create content that is exciting, engaging, and fun.
Watch a Demo
This 10-minute video demonstrates the power of nesting symbols in Edge Animate, and shows how I achieved the fluid, seamless, animation in this medical illustration. Learn more about this project in the December Issue of Adobe Inspire Magazine, titled Creating interactive illustrations with Adobe Edge Animate.
Learn the essentials of Edge Animate
“I work without seeing what I’m creating. Programming is like writing words.”
If qubibi’s words rings true for you, you might want to dive a bit deeper into his story. qubibi’s inspiration spurs from his observations around his home city Tokyo, Japan. He uses the city’s energy to craft his designs, emphasizing in animation. When asked how he turns an idea into art, he reveals, “I begin by writing and then I imagine music. After that, I start using digital tools like Photoshop without making any sketches, I just work directly on the computer and see how it evolves… In my case I can’t create art without Creative Cloud.” Check out his recent redesign of the Creative Cloud logo and more background on his work in the video below:
The Creative Cloud provides designers like qubibi with built-in shortcuts for everything from debugging to simple animations so they can spend less time on tedious tasks and focus on what makes web design fun, creativity. qubibi uses Creative Cloud to access his work from any computer at any time and benefits from sharing his work with fellow designers on Behance. Find out more about Creative Cloud and the future for web designers like you.
Stephen Gates, Vice President and Creative Director for Global Brand Design at Starwood Hotels & Resorts will be joining us at Adobe MAX this year to share design and development secrets behind building Starwood’s mobile roadmap. Prior to MAX, he sat down with our Adobe Edge Inspect team to discuss how the tool has been helping his team come up with new ways to best show off their nine hotel brands. They’ve managed to accelerate their production and gain buy-in from a dispersed global team of designers, developers, strategists and stakeholders. Pretty impressive, right? Learn more about their success and get to know Stephen in our Adobe Edge Inspect Team Blog Q&A.
Want to hear more from Stephen Gates? Attend Adobe MAX and hear him talk about the “Secrets to Creating a Successful Mobile Roadmap, Apps, and Mobile Websites.” Don’t forget to enter promo code MXSM13 when you register to receive $300 off.
We’re making Adobe MAX (May 4-8) bigger and better this year. For those who are wondering, “What’s MAX?” – it is THE conference for creative pros. It’s an opportunity for designers, developers, video professionals, photographers, and more to come together to learn about the latest technologies, techniques, and strategies for delivering your best creative work – not to mention the idea exchange and networking opportunities that exist. And it doesn’t stop there.
We have an agenda packed full of amazing speakers, tracks, sneak peeks (yes – you don’t want to miss this!) and more. Choose from over 300 sessions and labs taught by industry leaders and Adobe experts to maximize your creative experience, and even customize your MAX agenda by mixing and matching sessions from all five MAX tracks:
If that’s not enticing enough, we’re throwing a cherry (or two) on top to get you to L.A. Register today using this special promo code: MXSM13, to receive $300 off AND get your hands on a free 1-year Creative Cloud membership.
Fast Co.Design’s recent piece, “9 Ideas That Changed the Face of Graphic Design,” summarizes the outlet’s favorite ideas that made graphic design what it is today. Inspired by the book, 100 Ideas That Changed Graphic Design, authored by Steven Heller and Véronique Vienne, below is Fast Co.Design’s shortlist.
Decorative Logo Types
Texts as Images
Here’s a look at some of the inspirational images depicting the 9 ideas above.
The 2012 Presidential Election has now concluded and all the campaigning can finally be put to rest. Since we’re four years away from the next wave of campaign art, we wanted to reflect on some pieces that caught our eye during this year’s U.S. Presidential Election. So take it in, savor it, and use it for inspiration – we’ll be looking forward to your designs come 2016!
Get even more in Design, Development & the Elections?.
We’d like to introduce you to Adrian Franks (@afranks3) – a creative who celebrates friends, historic figures and admired current icons by creating silhouette sketches using the creative trio of Adobe Touch Apps, Creative Cloud, and Creative Suite! We stumbled upon one of Adrian’s impressive sketches on the Adobe Ideas Facebook Page and reached out to learn more about him and his work as we knew that Adrian would have a great story to share.
Get to know Adrian – find out where he likes to create, his ideal travel destination and how Adobe’s products have helped streamline his digital workflow in the full Q&A below. Also, visit both our Twitter and Facebook channels to see his work on display.
Adobe: When were you first introduced to Adobe Touch Apps?
What was the very first creation you made with Touch Apps and Creative Cloud?
My creative endeavors with Touch Apps is a line of silhouette drawings called FEARLESS that highlights various people that I admire whether they are close friends, historic figures, or current pop culture icons. Currently, I use Creative Cloud to store my vector-based silhouette and download them to my Mac for further design work in CS6.
Where’s your favorite location to create?
My favorite place is at my studio, which is broken down into 2 places. One, being my physical studio in Red Hook, Brooklyn, the other is out in the world on the go. Whether I am on my bike, riding the train, the bus, or random coffee shops, I consider that as part of my studio. It helps influence my work.
How has the integration from Touch Apps through to the Creative Cloud features changed your creative workflow?
Creative Cloud has allowed me to produce my ideas faster because I have fewer steps to take. I love the fact that once I am done creating in Ideas it auto saves, syncs to the Cloud where I can download the file back to my computer to further manipulate in Photoshop or Illustrator. Once done, I can post to social or send to a printer. All of this has streamlined the process into a digital workflow. I love it!
Which pairing of the Touch Apps and the applications within Creative Cloud (i.e., CS6), are most instrumental to your creative process and why?
I love the combo of Ideas + Photoshop + Illustrator for creating illustrations and designs. I also love Proto + Photoshop + Illustrator for web design and UX projects.
How much of a difference has direct touch input made to your creations?
The Touch Apps give me the freedom to create and concept like I used to before the computer. It replicates the functions of pen and paper, but maintains ease of use on digital. Touch is the present and future creative.
If you had the opportunity to travel to anywhere in the world with your Touch Apps, where would it be and why?
Africa, especially South Africa. Design there has been in a boom for a couple of years now. Events such as the World Cup and its rich political history have caused a shift in how the world perceives South Africa and its people. With that said, things such as creativity, design, art, and photography have pushed the thinking of South Africans. I would like to be a part of that, I would need to be mobile and believe Adobe’s Touch Apps and CS6 would allow me to do that.
Can’t get enough of Adrian’s work? Visit his Creative Works website to check out more of his work. If you have great work to share, send your creations our way for chance to be featured in an upcoming Creative Spotlight. Reach out to us on Facebook, Twitter or in comments here.
Monday (Sept. 24) was quite a day for web designers and developers and Creative Cloud members! We kicked off the first leg of the Create the Web Tour in San Francisco, where we shared a number of updates and announcements. If you weren’t there for the action or able to tune in to the live stream, no worries! We’ve recapped all of the news for you:
Dreamweaver Updates – Exclusively for Creative Cloud members
Creative Cloud Dreamweaver users will be excited to hear that we’ve introduced six new features for easier authoring of HTML5-based websites, new support for compositions from Adobe Edge Animate, more robust FTP transfers, and more. Check out this video for a quick run-through:
For our Adobe Muse and Adobe Edge users, we have some exciting updates to share – and if you’re a Creative Cloud member, consider it good news times two with the applications available to all Cloud users!
Adobe Edge Animate, Preview 7
Edge Animate Preview 7 is a major update, with significant new features like resizable layouts, which can adapt to different screen sizes, rulers and guides, shadow effects, timeline and keyframe improvements, enhanced text features, and much more. Watch Preview 7 in action below, and for more about this release and for a complete list of features, visit the Adobe Edge Blog.
You can also check out Edge Animate in action over at the Edge Showcase.
Today, Adobe Muse announces new features and updates available to Adobe Muse subscribers and Creative Cloud members, including availability in Japanese, and new built-in support for contact forms.
Find out how to easily add, configure, and style contact forms into website designs without having to embed HTML code from third-party online form providers in the video below.
This is just the beginning of a longer-term effort to bring more extensive content management capabilities to Adobe Muse users through tighter integration with the Adobe hosting solution, Adobe Business Catalyst. Get the complete list of other great Adobe Muse features and enhancements, including the ability to add HTML5 animations created with Adobe Edge Animate here and in this post, What’s New in Adobe Muse 2.0, by Evangelist Terry White.