TC 310 The Computer in Technical Communication

Slides:



Advertisements
Similar presentations
Distributed Multimedia Programming Week - 1. Document Window The Document Window is divided in to six main components Timeline – The Timeline is where.
Advertisements

INTRODUCTION TO ADOBE FLASH CS4
ARTech FLASH User Interface Drawing Tools Study Guide 8 th Grade Technology | Wakefield Middle School.
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
© 2010 Delmar, Cengage Learning Chapter 1: Getting Started with Flash.
Foundation Level Course
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 7, Day 2 (5/14)
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 6, Day 1 (5/5)
Macromedia Flash MX 2004 – Design Professional Animations CREATING.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 7, Day 1 (5/12)
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Agenda – Week 8, Day 1 Debrief from InDesign Transition to Flash/Animation Explore assignment Flash tutorials Lesson 1 - Workspace Lesson 2 - Drawing Lesson.
TC 310, Day 17, Tuesday 25 November 2003 TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 7, Day 2 (5/14)
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Dm11 – Flash Creating Animations Animations CREATING.
Week Rob Pooley Basics of animation and Flash Lecture 1 F27EM1.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
Chapter Lessons Create frame-by-frame animations
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH CS3.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
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.
Tutorial 1 Introducing Adobe Flash CS3 Professional
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Flash! Macromedia Flash is the key to designing and delivering low-bandwidth animations, presentations, and Web sites. It offers scripting capabilities.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Introduction to Flash MX 2004: Drawing, Timeline, & Simple Animation Lloyd Rieber.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
Agenda Sketchbook DUE today - assignment dates listed on next page 1 - Flash Environment and workspace continued - Movie clip symbols - timeline.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
Agenda Sketchbook DUE next Tues - assignment dates listed on next page 1 - Get out your sketchbook and note these terms: Symbols (reusable object):
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 2 (4/30)
Chapter1 The flash interface and action script 3.0.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Slide1. How to start Adobe Flash? Ans. Click on Start> All Programs> Adobe Design Premium CS5.5 >Adobe Flash Professional CS5.5 How to make the workspace,
Introducing Macromedia Flash 8
Flash Interface, Commands and Functions
Bitmap Basics in Fireworks
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
Unit Lessons Create frame animations Create motion-tweened animation
TC 310 The Computer in Technical Communication
TC 310 The Computer in Technical Communication
INTRODUCTION TO ADOBE FLASH CS4
Flash animation For beginners.
Applications Software
Chapter Lessons Use the Macromedia Flash drawing tools
TC 310 The Computer in Technical Communication
TC 310 The Computer in Technical Communication
DIM Final Review… Photoshop.
TC 310 The Computer in Technical Communication
Flash Concepts and Demos - Overview
TC 310 The Computer in Technical Communication
Adobe Flash CS3 Revealed
Presentation transcript:

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 9, Day 1 (6/2)

Looking back / Looking forward Day Emphasis Monday Definition, examples, analysis Wednesday Audience analysis, more examples Holiday Preliminary designs, formative eval Flash / Learning Portfolio /Course eval Open House, Due date!

Day 19 By the end of class, students should be able to: What we’ll do… Answer questions about professional portfolio Begin assignment 10 (learning portfolio) with confidence Use Flash to create simple animations What we’ll do… Revisit professional portfolio Discuss learning portfolio assignment PLAY with FLASH Complete course evaluations

Taking Stock of Learning Use Software Tools. Use modern software tools to accomplish common TC activities including presentation management, word processing, graphics design, diagram design, page layout, web development, online help development, and animation. Learn New Software Tools. Use skills developed throughout the course (particularly an understanding of tool functionality and strategies to get oriented in a new software program) to quickly come up to speed on new software tools. Identify Effective TC Solutions. Identify criteria for judging the effectiveness of TC solutions (e.g., document, diagram, etc.) and use these criteria to evaluate TC solutions. Describe Personal Design Processes. Describe and use design processes that lead to effective solutions for a wide range of TC professional activities. Create Effective TC Solutions. Create effective TC solutions by using the software skills learned in the course as well as the knowledge of what makes TC solutions effective and a personal awareness of design process issues.

Taking Stock of Learning Publish Publish your “submission portfolio” in E-portfolio. Explore Explore your own submission portfolio Explore the submission portfolios of others Brainstorm What progress relative to the course learning objectives?

Taking Stock of Learning Learning Portfolio - Key Requirements Develop in E-portfolio Six pages – one devoted to each learning objective, and one wildcard page Each page has attached artifacts and approximately 300 words The portfolio has overview text

Computer Animation - Warmup The process of computer animation shares much in common with the manual animation process. How does the manual animation process work? What do you expect to find in a tool for computer animation? Manual animation Cells Backgrounds and foregrounds Cycling through cells Continuous What are some things that computer animation could do for you that may be difficult with more manual animation? Manipulating more layers Interpolating behavior between cells – rather than having to hand create each of the between images Permitting jumping back and forth in sequence of events – rather than linear, could indicate that someone could replay a part of the animation. Interactivity – permitting user/audience to control the playback of the animation. Expect to find Something akin to cells – frames Layers Play back

Flash Tutorials (within Flash) Lessons 1 – Overview 2 – Drawing 3 – Symbols 4 – Layers 5 – Type 6 – Button 7 – Sounds 8 – Animation Flash for Director users Photoshop and Fireworks Users Freehand and Illustrator Users Compare this with other tools we have used: What similarities? What unique features?

Flash Tutorials (within Flash) Lessons 1 – Overview 2 – Drawing 3 – Symbols 4 – Layers 5 – Type 6 – Button 7 – Sounds 8 – Animation Flash for Director users Photoshop and Fireworks Users Freehand and Illustrator Users PLAN: Today: Focus on these tutorials Thursday: Other tutorials

Lesson 1 - Basics Topics Toolbar Screen Timeline “Assets” area Panels Application Create a new flash file, in preparation for play…

Lesson 2 - Drawing Application Topics Lines, rectangles, ovals Stroke and fill Modifiers Pencil tool Paint, fill, bucket, gradient Line properties Erasing Selecting – lasso, polygon Reshaping Scaling, rotating, transforming Application Using a combination of drawing tools (and imported images), create a background for an animation.

Layer 8 – Animation & Tweens Topics Running the animation Keyframes Tweens Motion Size Rotation Motion along a path Color Shape Application Use a layer other than your background layer to create an animated sequence. Play your animated sequence. Note: The online help discussion of animation provides another entry point for understanding animation, keyframes, and tweens.

Flash – Design Challenge Create a playful “demo” using Flash. Be prepared to share your creation.

Looking back / Looking forward Day Emphasis Monday Definition, examples, analysis Wednesday Audience analysis, more examples Holiday Preliminary designs, formative eval Flash / Learning Portfolio /Course eval Open House, Due date!