Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.

Slides:



Advertisements
Similar presentations
Introducing Macromedia FreeHand MX
Advertisements

Designing Scenes for Macromedia Flash MX 2004 – Lesson 41 Designing Scenes for Macromedia Flash MX 2004 Lesson 4.
Creating Animations – Lesson 71 Creating Animations Lesson 7.
Exploring Other FreeHand Features – Lesson 31 Exploring Other FreeHand Features Lesson 3.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
© Anselm Spoerri Lecture 10 Flash –Recap –Key Components & Tools –Animating Bitmaps –How to modify Color and Transparency of Bitmap –Animating along Motion.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
Chapter 3 Working with Symbols and Interactivity.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Click your mouse for next slide Flash – Introduction and Startup Many times on websites you will see animations of various sorts Many of these are created.
Designing a Home Page – Lesson 4 1 Designing a Home Page Lesson 4.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Drawing Fundamentals Macromedia Flash Design & Application.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Working with Symbols and Interactivity
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
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.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
DIAMOND SHINE EFFECT. IN THIS STEP BY STEP LESSON, I WILL SHOW YOU HOW TO CREATE VERY ATTRACTIVE DIAMOND SHINE EFFECT USING SOME SPECIAL FLASH TIPS AND.
EYEGLASSES SHINE EFFECT. IN THIS LESSON, YOU WILL SEE HOW TO APPLY SHINE EFFECT ON EYEGLASSES ON THE PICTURE USING THE COLOR MIXER PANEL AND MASK.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Working with Movie Clips – Lesson 61 Working with Movie Clips Lesson 6.
Working in FreeHand – Lesson 21 Working in FreeHand Lesson 2.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
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.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
ADOBE INDESIGN CS3 Chapter 4 WORKING WITH FRAMES.
DM 11- Flash –Unit C and Interactivity WORKING WITH SYMBOLS.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
© Anselm Spoerri Lecture 10 Flash –Recap –Key Concepts, Components & Tools –Demonstration –Buttons: Simple Text Button | Animated Button –Gradient Tool.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Introducing Macromedia Flash 8
Project Objectives Lay out Web pages Create layers
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
Working with Symbols and Interactivity
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
Presentation transcript:

Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3

2 Creating a Logo – Lesson 3 Objectives Create ovals and circles with the Oval tool. Design gradient fills. Create and edit symbols. Import images into Flash. Export images from Flash.

3 Creating a Logo – Lesson 3 Draw ovals and circles using the Oval tool Select the Oval tool and drag in the area of the Stage where you want the shape to appear. Hold down the Shift key while dragging to draw a circle. Set the Stroke and Fill colors before dragging the shape to color the oval as it is drawn. Choose your colors from the standard color palette or create your own custom color.

4 Creating a Logo – Lesson 3 Align the oval to the Stage This figure shows a circle with a stroke and fill of black, and it fills nearly the entire Stage area. The Stage dimensions were set to 100 by 100 in the Document Properties dialog box. After the circle is drawn, double- click it to select the stroke and the fill areas, and set its dimensions to 98 by 98 in the Property inspector. In the Align panel, toggle the To Stage option, and click the Align horizontal center and the Align vertical center buttons to center it in the Stage area.

5 Creating a Logo – Lesson 3 Add a gradient fill to the circle Adding a gradient fill to the circle gives it more depth and can make the circle look like a lens. Be sure to double-click the circle with the Arrow tool to select both the stroke and the fill area before setting the gradient options. Open the Color Mixer dialog box and change the Fill type to Radial for the effect we want to achieve. Add additional color markers to change the effects of the gradient fill. Assign colors to each color marker as desired.

6 Creating a Logo – Lesson 3 The Color Mixer dialog box You set the beginning and ending colors for the gradient fill in this dialog box. You also set the gradient fill type — Radial, in this case. Click the Fill pull-down menu to set a color for each color marker. The color bar shows the blend from one marker to the next. You can add additional color markers by clicking just below the color bar for each marker you want to add.

7 Creating a Logo – Lesson 3 The finished circle with a gradient fill Note how the final fill effect makes the circle resemble a camera lens, and it appears to add depth to the object. The figure above shows the final color marker settings to achieve the effect on the left.

8 Creating a Logo – Lesson 3 Create symbols for your documents A symbol is a graphic, button, or movie clip that is created once and can be used repeatedly in a Flash document. Symbols are stored in a library within each document. Symbols can be artwork you create in the Flash document or can be imported from some other application. Each time you drag a symbol from the library and place it on the Stage, that copy of the symbol is called an instance of the symbol.

9 Creating a Logo – Lesson 3 Advantages to using symbols Among the advantages to using symbols are the following: Converting a drawn object into a symbol creates a permanent object from which you can make many copies. Symbols can overlap on the Stage without affecting each other. Symbols keep file sizes small because a symbol can be used many times without significantly affecting overall file size. Symbols contain their own Timelines. Changing the original version of the symbol affects all placed instances of the symbol automatically, saving valuable time when updating the document.

10 Creating a Logo – Lesson 3 Types of symbols Graphic symbols – These are used for static images and simple animations. Each frame in a graphic symbol has to correspond to a frame on the main Timeline. Movie Clips – These play independently of the main Timeline and are like a movie within a movie. Buttons – These are used for creating navigation and control buttons. A button can have four possible states: Up – How the button first appears on screen. Over – How the button appears when the mouse moves over it. Down – This state is revealed when you click a button. Hit – Not visible in the document, but defines the active area of the button.

11 Creating a Logo – Lesson 3 Import external images to Flash Images created in other applications can be imported into Flash and used in your Flash documents. If you import a Flash movie (an SWF file), it is automatically saved in the library as a graphic symbol. The imported image can be dragged from the symbol library to any area of the Stage and manipulated like any other object.

12 Creating a Logo – Lesson 3 Export Flash files Once your Flash document is created, it can be exported in many different formats. Open the Export Image dialog box from the File menu and choose the file type from the list options. If exporting for use in a Web page, the JPEG file type is the best option.

13 Creating a Logo – Lesson 3 Summary In this lesson, you learned: How to create ovals and circles with the Oval tool. To design gradient fills. To create and edit symbols. How to import images into Flash. How to export images from Flash.