With the breadth of digital tools available in Creative Cloud, our members have access to applications they’ve never used before… or never even thought to try. Maybe you’re a web designer interested in learning to use our pro video tools; maybe you’re an illustrator who finally wants to learn to use our digital imaging software; or maybe you just want to get the most out of Behance and Typekit.
No matter what you want to learn, or why you want to learn it, now’s the time to try the Adobe tools you’ve never tried before:
The 30- to 90-minute courses will be available from 3:00pm to 6:00pm PST (6:00pm to 9:00pm EST and 11:00pm to 2:00am GMT). The courses are free to the general public for three hours and available on-demand to KelbyOne members.
So block off your weekday evenings in February. Then decide whether you’d like to learn more about Typekit, Illustrator CC and InDesign CC; Photoshop CC, Premiere Pro CC and After Effects CC; or Behance, Muse CC and Camera Raw. And, finally, remember to head over to KelbyOne on Mondays to check on the courses for the week.
Monday February 3
Photoshop CC Basics for Photographers with Matt Kloskowski
Tuesday February 4
Illustrator CC Basics with Pete Collins
Wednesday February 5
Premiere Pro CC Basics with Brandon Ford
Thursday February 6
InDesign CC Basics with Terry White
Friday February 7
Adobe Typekit with Corey Barker
Monday February 10
Getting Started with Acrobat CC with RC Concepcion
Tuesday February 11
Adobe After Effects CC Basics with Corey Barker
Wednesday February 12
Getting Started with Bridge CC with Mia McCormick
Thursday February 13
Illustrator CC: Beyond the Basics with Corey Barker
Friday February 14
Lightroom 5 Basics for Photographers with Matt Kloskowski
Monday February 17
Premiere Pro CC for Photographers with Terry White
Tuesday February 18
The Essentials of Typography with Scott Kelby
Wednesday February 19
Getting Started with Audition CC with RC Concepcion
Thursday February 20
On Using Behance with Pete Collins
Friday February 21
Premiere Pro CC Beyond the Basics with Brandon Ford
Monday February 24
Muse CC for Photographers with Terry White
Tuesday February 25
Camera Raw Basics with Scott Kelby
Wednesday February 26
Getting Started with Kuler with Pete Collins
Thursday February 27
Getting Started with Prelude CC with RC Concepcion
Friday February 28
Photoshop CC for Designers with Corey Barker
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