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.

Slides:



Advertisements
Similar presentations
Flash Raining Text. Open Project Create Project – Action Script 3 Select Text Tool Type in some text – From the Properties Menu – Choose Font, Font Size,
Advertisements

Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
COMPREHENSIVE Windows Tutorial 3 Personalizing Your Windows Environment.
CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Creating Flash Buttons Button Making Rollover Effects Enlarging the Clickable Area Giving Buttons Behaviors Behavior Options.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
InDesign CS3 Lesson 3 Working with Frames. Using Frames Frames are containers in which you place graphics or text. Frames can also be used as graphic.
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.
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.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
Flash II MIS439 Eva Tao March 19, 2007 Source:
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Adobe Flash Professional CS5 Provides a comprehensive authoring environment for creating digital animation and interactive Web sites. Used to create engaging.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Working with Symbols and Interactivity
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Filters and Blend Modes. Filters Filters are a method that processes the pixels of a graphic object to produce a specific visual effect Filters can only.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
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.
CIS 205—Web Design & Development Fireworks Chapter 1.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
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.
Click your mouse for next slide Flash – Morphing and Shape Tweening You have designed some motion animation with the last lesson There is another type.
1. Press the New Layer Button 3. Double click names to re-name Ball & Shadow layers 2. Click to change to 12 fps Step 1.
Flash CS3 Pro HOT CH 5 Shape Tweening. Shape tweening requirements: Vector-based objects No grouped objects No bitmaps No symbols No type, type must be.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Creating HUD Rings. Step 1 Open a new document in Illustrator. You can set it to the size you prefer to work in. In my case I have it set at 500px by.
PowerPoint Basics Tutorial 1: Objects These tutorials will introduce you to the most basic and useful functions of Microsoft PowerPoint We’re going.
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace 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.
Quick Flash Tips Learn how to use flash the easier way!
Step 1 1.) go up to the Layer menu in the Menu Bar at the top of the screen, choose New, and then choose Layer via Copy.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
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 animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.
 Create a new flash document. Press Ctrl+J key on the keyboard.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
Hyperstudio: A Beginner’s Tutorial By Judy Swaim.
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.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
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.
+ This step by step tutorial demonstrates drawing a keyboard illustration using rectangles, grids, move and transform effects.
ADOBE INDESIGN CS3 Chapter 4 WORKING WITH FRAMES.
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 Tool Panel. The tools in the Tools panel let you draw, paint, select, and modify artwork, as well as change the view of the Stage If the.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Creating a Navigation Bar.
Flash Slideshow with Fade Transition Slideshow #1-Themed Images Slideshow #2-Instructional Images.
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
To play, start slide show and click on circle Lesson 3 Lesson 3 Lesson 3 Lesson 4 Lesson Lesson 4.
Tutorial 3 Creating Animations.
INTRO to PIXLR.com.
Creating Special Animations
Macromedia Flash MX.
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
Computer presentation
Flash animation For beginners.
Develop Rich Internet Content and Applications
Presentation transcript:

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 TRICKS. YOU DON'T HAVE TO USE ACTION SCRIPT CODE TO MAKE THIS LESSON.

YOU WILL ALSO LEARN HOW TO USE COLOR MIXER PANEL, HOW TO DRAW SHINE SHAPE USING A FLASH TOOLS FOR DRAWING AND MUCH MORE! LET'S GO!

STEP 1 First of all, save my picture of diamond below!

STEP 2 Open a new flash document. Choose Modify > Document (Ctrl+J). Set the movie's width to 228 and movie's height to 101.

SET YOUR FLASH MOVIE'S FRAME RATE TO 34. SELECT ANY COLOR AS BACKGROUND COLOR AND CLICK OK.

STEP 3 Choose now, file > Import > Import to stage (Shortcut key: Ctrl+R) and import my picture into a flash stage.

STEP 4 While the photo is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. MAKE SURE THAT THE ALIGN/DISTRIBUTE TO STAGE BUTTON IS TURNED ON, 2. CLICK ON THE ALIGN HORIZONTAL CENTER BUTTON AND 3. CLICK THE ALIGN VERTICAL CENTER BUTTON.

STEP 5 Double click now on layer 1 with Selection Tool (V) and name it background. After that, create a new layer above the layer background and name it shine.

STEP 6 Select now shine layer and take the Oval Tool (O). Then, draw a circle about 75x75px

. WHILE THE CIRCLE IS STILL SELECTED, OPEN THE COLOR MIXER PANEL (WINDOW > COLOR MIXER) AND CHOOSE THE FOLLOWING OPTIONS:

1. CLICK ON THE PAINT BUCKET ICON TO SELECT THE FILL COLOR. 2. CHOOSE RADIAL AS TYPE.

3. CLICK ON THE SMALL COLOR RECTANGLE THAT IS ON THE LEFT SIDE, MOVE IT USING THE SELECTION TOOL A LITTLE RIGHT AND SET ITS COLOR TO #FFFFFF. ALPHA PROPERTY SET TO 100 %

4. CLICK ON THE SECOND RECTANGLE FROM THE RIGHT SIDE, MOVE IT A LITTLE LEFT AND SET ITS COLOR TO #FECE41, BUT CHANGE ITS ALPHA PROPERTY TO 0% (COMPLETELY TRANSPARENT).

Now, you have this:

STEP 7 Take now the Line Tool (N) and draw a shape like it is shown on the picture below.

STEP 8 Select now that shape and go again to the Color Mixer Panel (Shift+F9). Then, choose the following options:

1. CLICK ON THE PAINT BUCKET ICON TO SELECT THE FILL COLOR. 2. CHOOSE RADIAL AS TYPE.

3. CLICK ON THE SMALL COLOR RECTANGLE THAT IS ON THE LEFT SIDE, MOVE IT USING THE SELECTION TOOL A LITTLE RIGHT AND SET ITS COLOR TO #FECE41. ALPHA PROPERTY SET TO 100 %

4. CLICK ON THE SECOND RECTANGLE FROM THE RIGHT SIDE, MOVE IT A LITTLE LEFT AND SET ITS COLOR TO #FFFFFF, BUT CHANGE ITS ALPHA PROPERTY TO 50%.

Now, you have this

STEP 9 Place that shape now on the center of circle.

STEP 10 Take the Selection Tool (V) and select the shine layer.

AFTER THAT, PRESS F8 KEY (CONVERT TO SYMBOL) TO CONVERT THIS SHINE SHAPE INTO A MOVIE CLIP SYMBOL.

STEP 11 Double-click on the movie clip on stage with the Selection tool(V).You should now be inside the Movie Clip.

STEP 12 While the shine shape is still selected, press again F8 key (Convert to Symbol) to convert this shine shape again into a Movie Clip Symbol.

STEP 13 Click now on frame 5 and 20 and press F6 key. While you're still on frame 20,

TAKE THE SELECTION TOOL (V) AND CLICK ONCE ON THE MOVIE CLIP TO SELECT IT.

AFTER THAT, GO TO THE PROPERTIES PANEL (CTRL+F3) BELOW THE STAGE. ON THE RIGHT, YOU WILL SEE THE COLOR MENU.

SELECT ALPHA IN IT AND PUT IT DOWN TO 0%.

STEP 14 Go back now on frame 5, click again once on the Movie Clip (shine shape) with the Selection Tool (V) and go again to the Properties Panel (Ctrl+F3) below the stage

. ON THE RIGHT, YOU WILL SEE THE COLOR MENU. SELECT TINT ON IT AND CHOOSE THE FOLLOWING OPTIONS:

STEP 16 Go back now on the first frame, take the Free Transform Tool (Q) and decrease the shine shape a lot.

STEP 17 Right-click anywhere on the gray area between frame 1 and 5 and frame 5 and 20 on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.

WE'RE DONE!