Results tagged “mobile”
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.
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.
Chelsea Carlson first grabbed our attention with her Adobe Ideas-created artwork on her blog. We love her cute, whimsical designs featured as our Adobe Touch Apps Twitter background. We got in touch with the Scripps College student to ask her some questions about where she draws her inspiration from and how Adobe Touch Apps have impacted her workflow. Check out what she had to say, along with her Adobe Ideas work, currently being featured as our Twitter background, below.
David Rojas Moreno caught our eye with the art work he submitted to our Adobe Touch Apps Twitter channel, creating his pieces with Adobe Ideas on his iPhone. We got in touch with the on-the-go artist to ask him some questions about creating on-the-go and his workflow. Check out what he had to say, along with his Adobe Ideas masterpiece, currently being featured as our Twitter background, below. read more…
Justin Rawcliffe got our attention with his submissions to our Adobe Touch Apps Twitter channel, creating his pieces with Adobe Ideas. We got in touch with Justin to chat about his work, and how the apps have changed his workflow. Check out what he had to say, along with his Adobe Ideas masterpiece, 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!
We’re extremely excited to launch our new blog. We aim to make this a home for digital creation and the endless possibilities that go with it, and as a part of that, be a source of inspiration for you. Simply, we’d love to be a “layer” in your creative process.
Follow Us on Twitter
Upcoming Create Now World Tour Events
Upcoming Ask a Pro Sessions
Previous Ask a Pro Sessions
- Leonie Rafter on Behance Creative Spotlight: Steve Simpson
- Nano Kanpro on Tools For the New Creative
- Chris Dickman on Tools For the New Creative
- Serendip7 on Tools For the New Creative
- Adobe Creative Cloud hits 1 million subscribers, Projects Mighty and Napoleon available in 2014 | tekifeed.com – Gadget Feeds, Gadget News and more! on Tools For the New Creative