© 2000 – All Rights Reserved - Page 1 Adobe Illustrator 9.0 as a Web Prototyping Tool A new workflow for Web Graphics.

Slides:

Advertisements

Similar presentations

Designing Scenes for Macromedia Flash MX 2004 – Lesson 41 Designing Scenes for Macromedia Flash MX 2004 Lesson 4.

Advertisements

1.Introduction to Multimedia  definitions  multimedia elements  characteristics of multimedia; new media; convergence  trends in the multimedia industries.

Creating Vectors – Part Two 2.02 Understand Digital Vector Graphics.

Macromedia Flash” Workshop on “ Introduction to 29-Aug to 1-Sep 2004.

Kapi’olani Community College Adobe Flash 1 In-class Presentation Week 1.

Kapi’olani Community College Macromedia Flash 1 In-class Presentation Week 1.

Kapi’olani Community College Adobe Flash 2 In-class Presentation Week 2.

SVG Scalable Vector Graphics. What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines.

Designing for Web stuff you need to know before you start.

Agenda – Week 8, Day 1 Debrief from InDesign Transition to Flash/Animation Explore assignment Flash tutorials Lesson 1 - Workspace Lesson 2 - Drawing Lesson.

1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.

Introduction to Computer Graphics

Vector vs. Bitmap SciVis V

V Obtained from a summer workshop in Guildford County July, 2014

Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:

Macromedia Flash MX Design Professional MODIFYING GRAPHICS IMPORTING AND.

© 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web.

Lesson 25: Multimedia with Macromedia Flash 8. Objectives Identify Shockwave-Flash (SWF) technology features and authoring software Add SWF animation.

1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.

Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.

Zoe Jiang *Pls enable editing to see all the flash files.

Lights, Camera, Action! The Role of Multimedia in Web Applications Leading Multimedia Formats in Use Today What You Need to Know to Include Them in Your.

© 2000 – All Rights Reserved – Page 1 Graphic File Formats Graphic File Formats.

TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects Chris Jackson Author, Designer, Professor.

Presented By Nicole Stegall. Photoshop Uses Enhance and retouch digital photos Create Paintings Add Special Effects to Film Stills Create Web-Ready Graphics.

Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.

© 2001 – All Rights Reserved – Page 1 PathsPaths.

Multimedia Elements –Graphics. Graphics in Multimedia Applications.

I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.

Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.

2 pt 3 pt 4 pt 5pt 1 pt 2 pt 3 pt 4 pt 5 pt 1 pt 2pt 3 pt 4pt 5 pt 1pt 2pt 3 pt 4 pt 5 pt 1 pt 2 pt 3 pt 4pt 5 pt 1pt Adobe Photoshop Weebly Microsoft.

Ke Li. Agenda Introduction User Identification Features of the Tutorial What I Have Learned Demo.

 HTML Tags  Multimedia Definitions  Information from the Computer Internet Project  Information from the Digital Camera Assignment  Information from.

Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.

Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.

1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.

Banner Tutorial Module 4: Working with Images LESSONS 11 & 12.

Jake Mursell. This is me creating a simple box in Flash. To do this I clicked on the rectangle tool which is located on the left interface. Then all you.

ANIMATION FOR THE WEB. WHAT ARE WEB ANIMATIONS? Web animations are often saved as GIF, CSS, SVG, WebGL or video Ranges from simple animations (hover effects)

FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.

STEM. a. Photoshop is the world’s leading digital image editing software application. b. People use it to create, enhance and modify images, such as brochures,

Web design Guidelines to design your own website..

Chapter1 The flash interface and action script 3.0.

Agenda 9/23/15 1)Sketchbook #9 2)Photoshop Skills to LEARN: 3D render cast shadows warp Type Tool: fonts, color, text warp Custom shape tool 3) Complete.

Guilford County SciVis V104.03

Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.

Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.

Bitmap vs. Vector How computers work with photographs and drawings.

Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.

Royalty Free Background Textures

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

Digital Illustration Chapter 6 File format.

Background Information

Vector vs. Bitmap.

Flash Interface, Commands and Functions

Affordable Adobe Presented by: Gail Dunn

Illustrator Interface

7 Best logo Designing Tools For your Business

VCT 251Competitive Success/snaptutorial.com

VCT 251 Education for Service-- snaptutorial.com

Is it Photoshop 7.5? Is it Photoshop 7.95? Or is it Photoshop 8.00?

MIX 09 11/23/ :24 PM © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.

What is Adobe Flash/Animation?

Agenda 9/29/16 Sketchbook #9 Photoshop Skills to LEARN: 3D render

Getting Started with Adobe Illustrator CS6

Agenda 10/3/16 Photoshop Skills to review: 3D render cast shadows warp

Presentation transcript:

© 2000 – All Rights Reserved - Page 1 Adobe Illustrator 9.0 as a Web Prototyping Tool A new workflow for Web Graphics

© 2000 – All Rights Reserved - Page 2 Benefits of using Illustrator Compact vector-based graphics Drag-and-drop interaction with Photoshop Effects and Filters similar to Photoshop Pen tools provide accurate, scalable, and sophisticated shapes Text effects unavailable in Photoshop Output SVG (Scalable Vector Graphics) Release to Layers enable export to ImageReady or Flash Animations

© 2000 – All Rights Reserved - Page 3 Illustrator Tutorials Online tips/illustrator.html tips/illustrator.html –Blend objects for a smooth transition Let Illustrator do the work for you when creating a transition between two objects.Blend objects for a smooth transition –Use distortion effects in Illustrator to transform an object Sometimes the best way to create a complex object is to draw a simple one and then distort it.Use distortion effects in Illustrator to transform an object