For quite some time, designer/illustrator Brian Yap has integrated mobile art applications into his professional creative workflow… His mobile app of choice? Adobe Ideas. He’s used the full-featured vector app to capture illustrative concepts, develop them, and later move them to Adobe Illustrator CC for fine-tuning. It’s led to a successful creative process and an identifiable Ideas-to-Illustrator illustration style.
Like many Adobe Ideas users, Brian recently made the switch to Adobe Illustrator Draw. After Brian’s Adobe MAX sessions (What’s New in Adobe Ideas and Designing a Poster Using Adobe Mobile Creative Apps), we asked him to share some of his initial thoughts about making the move. Here’s what he had to say:
Adobe Ideas was the most powerful vector drawing tool for the iPad, and it changed the way I thought about the device as a professional tool. Adobe Illustrator Draw is a continuing evolution of Ideas, and proves that the development team is listening and reacting to the community in way unheard of when it comes to graphics applications. Use it. Love it. Become part of its future development.
Of course I always have the immediate reaction, “Why does this thing I love need to change?” But it didn’t take long to fall in love again; besides some amazing enhancements to the drawing engine that I’ve grown to love, the UI has been totally designed with a lot of user feedback taken into account.
Overall, pretty much every time I panicked a bit because a feature I depended on seemed to be taken out, I not only found it a few seconds later, but quickly realized the thinking that went into the redesign. A few thoughts:
While the tools are generally the same, the icons are way more descriptive of what the tools actually do (something I always wondered about with Ideas). As an example, I always thought it was a bit confusing to have a pencil icon for a tool that didn’t have a pencil texture.
There were some cuts made to the tools but with a little trial it’s easy to see why: The “long press” while using a tool was always the same as the paint bucket so the paint bucket tool itself was somewhat unnecessary. Although I was always in the camp of the “long press” I imagine people who relied heavily on the paint bucket will find that change a bit tricky at first.
By far the biggest change is in the layers options; Draw is much more focused on the options for each layer. In Ideas, I was constantly merging layers I didn’t mean to merge. Now that the options are reached through touching the layer options icon on each layer, it’s always clear which layer is being affected. One tip: The merge down button is now under the icon that covers flipping the layer.
Finally, based on what I’ve heard, there is some concern about the lack of PDF export… I’ve been told that the option will be added back in a future update.
We’ve asked Brian to keep us updated about his Draw discoveries, so stay tuned to Adobe Drawing on Twitter and Facebook. And for a few tips about syncing Adobe Ideas files to Creative Cloud, Adobe Ideas: A Transformation is a quick read.
Ever felt intimidated by the prospect of putting together a video project? With Premiere Clip, Adobe wants to make video accessible to all creative professionals.
Adobe Premiere Clip is our brand new (and free!) app that lets you, in a few quick steps, turn clips and images from your iPhone or iPad into polished videos, and then share them with friends, family, clients, and the world at large. It’s a powerful tool for creative pros; and for established video pros, the app makes it easy to create edits on-the-go and draft a project for further refining in Adobe Premiere Pro CC.
With its simple editing workflow, it’s easy to work with assets already on your device or those you have stored on Adobe Creative Cloud. You can also shoot new video from within Premiere Clip: Just grab clips and still images, drop them into the order you like, trim out the bits you don’t want. Set the mood by using one of the included music themes or by adding your own audio file. Add cinema-quality color treatments to your video with a single tap. Adjust lighting or add slow motion effects and other finishing touches like fades or transitions.
Dave Werner’s Made With Clip video of Adobe MAX:
You can even work on your project across devices (starting on your your iPhone and then switching to your iPad, for example) thanks to automatic syncing of projects and media through your Creative Cloud Creative Profile.
Once you’ve completed a video, share it with your audience through social media, your website, or any number of other platforms.
Want to take a project further? Sending it to Premiere Pro CC is easy too. Through the app’s Edit in Premiere Pro sharing feature, send everything in your project as a group of files to the Creative Cloud Assets folder on your desktop. Once the files have been synced to your desktop, simply open the XML file with Adobe Premiere Pro, and open the sequence with the project name.
Still not sure where to begin? Try one of our Reviewer’s Guides to help you get started. These guides breakdown some of the conventions of different types of videos and can kickstart your pre-production with pointers on creating a narrative and suggestions for shot composition. All you need to do is fill in your content.
What will you create with Premiere Clip? We can’t wait to see! Include #MadeWithClip when sharing on social media. Check out the Community Videos page in the app for inspiration and publish your projects as “Public” for a chance to be featured. And, make sure to follow the Premiere Clip Twitter feed and blog for news, highlights, tips, and tricks.
Premiere Clip is available now in the iTunes App Store for most iPad, iPhone, and iPod touch devices with iOS 7 or later, including iPad 2 or later (mini and retina), iPhones 4S and later, and iPod Touch 5th generation and later. (Unsure of your device model? Check the model number on the back and consult Apple’s guide for iPads, iPhones, and iPods.)
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
Over the past few weeks, Sarah Louisa Whittle has been sending us some of her Adobe Ideas creations. We liked the look of them so much that we created our next Adobe Touch Apps Twitter background from her work.
In our exchanges with Sarah, we were able to ask her a few questions about her experience with the Adobe Touch Apps. Read what she had to say and take a look at her work that’s being featured as our Touch Apps Twitter background below.
Ryan Boyle caught our eye with his Adobe Ideas-created and Photoshop Touch-edited artwork. Instantly, we knew his comic book-like creations would make a great feature as our Adobe Touch Apps Twitter background. Following a Twitter correspondence with the illustrator, we were able to ask a few questions about his ideal travel destination and how the Adobe Touch Apps have made transitioning between iPad and desktop software virtually seamless. Check out what he had to say, along with his Adobe Touch Apps work, currently being featured as our Twitter background, below.
What an exciting year it has been! We wanted to share some of our favorite happenings in 2011 with a countdown of sorts, and highlight our top 11 of ‘11. Stay tuned here because we’ll be posting our favorite moments from the year leading up to New Year’s Eve. And, if you think 2011 was exciting, just wait until you see what we have in store for 2012! From the whole team at Adobe, have a happy new year!