Interactive design is not just a passive experience, but must be one that draws in and engages your audience - repurposing complex information and ideas into intuitive layouts and mechanisms that excites audiences. Incorporating best practices and techniques in immersive graphic design, motion design, navigation, and user experience, this master class focuses on helping you build magnetic experiences audiences tell their friends about, and go viral.

Learn how to make your Adobe Photoshop files developer-friendly. Justin Seeley, staff author at lynda.com, will walk through a real-world website comp design for a client and then take you through that comp design process using Photoshop. We'll explore the entire Photoshop to HTML workflow. During this session, you'll learn how to:• Build a document for web vs. print• Take responsive design into consideration• Build wireframe mockups using shape layers• Integrate Photoshop artwork into apps like Adobe Muse and Dreamweaver

Learn how to leverage the rich toolset in Adobe Illustrator to create vibrant web graphics, wireframes, and complete website mockups. Justin Seeley, staff author for lynda.com and an Adobe Certified Expert, will share his design expertise.Learn how to:• Build responsive layouts with artboards• Produce custom color palettes and swatches for web graphics• Craft vector shapes and text designs that seamlessly scale• Apply drop shadows and other live effects• Optimize and export different types of graphics• Speed up your workflow with reusable image sprites and Smart Objects

Simple shapes—circles, squares, ellipses, and more—can be valuable building blocks in an animation. A rectangle shape can be a basic background for a lower-third title, or it can be the base of a complex, three-dimensional clone animation. In this movie, Ian Robinson introduces the fundamentals of building, transforming, and animating basic shapes.

In this video you'll see how to use Illustrator's shape tools to create primitive shapes that you can use as the basis for objects. You'll also learn how to use the Shape Builder tool to combine shapes.

Interactive design is not just a passive experience, but must be one that draws in and engages your audience - repurposing complex information and ideas into intuitive layouts and mechanisms that excites audiences. Incorporating best practices and techniques in immersive graphic design, motion design, navigation, and user experience, this master class focuses on helping you build magnetic experiences audiences tell their friends about, and go viral.

In this episode of the Flex in a Week training series, you will learn about the Spark primitive classes that let you draw shapes using MXML tags, and how to integrate shapes drawn in other tools.

See how easy it is to quickly create a complex shape with the new Shape Builder tool in Illustrator.

Watch how Illustrator and After Effects can be used together to create organic animations using simple masks copied and pasted between the two applications. Also see how the Twirl tool in Illustrator can be used to distort paths and make it look as if “tendrils” are growing outward. This all comes together in After Effects by setting the first vertex and ensuring your blended masks don’t flip inside out.

Learn about programming charts, graphs, diagrams, animations, drawing applications, and other early use cases for the HTML5 canvas element. Get a deep-dive exploration of the canvas API. Shapes, styles, transforms, compositing, images, and even animation will be covered in depth. Along the way, we'll explore numerous examples on both the frivolous and more practical sides of the scale. References to the Adobe Flash Player drawing API will be made where applicable.