Drop shadows. A movie with a drop shadow Consider this.flv movie It contains a drop shadow.

Slides:



Advertisements
Similar presentations
IMovie ‘11 Introductory Information Introductory Information.
Advertisements

Chapter 14 Sound. Sound  Sound can be used for narration, background soundtracks, rollover noises, and for sound effects to complement animations. 
Video formats. When we are using Final Cut, we must remember to use the correct number of pixels for the video format chosen in our original setup. Specified.
Cropping in the Motion tab of the Viewer Panel. Cropping in the Motion tab One clip in the timeline, playhead at start of sequence.
Changing the anchor point for rotation, when keyframing in the Canvas Panel.
Keyframing in the Canvas Panel in Final Cut. Keyframing in the Canvas Panel We have already seen that we can set keyframes in the timeline panel in order.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Keyframing with the distort tool in the Canvas Panel.
Multiple 3D layers in one Photoshop document. Photoshop document with one 3D layer A Photoshop document with one 3D layer.
Using keyframes in Final Cut. Final Cut enables us to alter many aspects of a movie frame, including –opacity –scale (magnification) –position –rotation.
Keyframing scale changes in the Canvas Panel. Two clips in the timeline.
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
3.02 Computer Animation Software and Design Guidelines
Keyframing rotation in the Canvas Panel. Two clips in the timeline, with wireframing turned on.
Keyframing with the crop tool in the Canvas Panel.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
3.02 Computer Animation Software and Design Guidelines
Editing Process Of Front Cover Lauren Alger I have shown screen shots of how I have put together all four of my pages for my final music magazine product.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Working with iMovie: The Basics Created by MJ. Importing Video Footage attach your camera to your computer and set to VTR mode move the camera button.
Color Correct and Remove Keystoning A minimalist approach to photographing your art By Paul Marley.
Chapter 4 Creating Animations.
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Image Processing © Copyright William Rowan Objectives By the end of this you will be able to: Manipulate images to achieve special effects.
PowerPoint Basics Tutorial 3: Graphics In this tutorial we’ll be looking at graphics, and the various types of illustrations that can be included in a.
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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
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.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Adobe Flash CS4 – Illustrated Unit D: Creating Animation.
COMPOSITING USING BLUE AND GREEN SCREENS   Background filmed or.
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,
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.
Photo Story Creating your own!. What is Photo Story? Photo Story is a way to create slideshows with added narration, effects, transitions and background.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Creating an Animated Map – Lesson 91 Creating an Animated Map Lesson 9.
ADOBE PREMIERE Filters, Effects, and Titles. Timeline: An important note DRAGGING! What’s this? You can drag your clip from either the PROJECT PANE, or.
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.
Click your mouse for next slide Flash – Fades and Alphas One useful thing you can so is to do a fade in of a picture or an image This is done by controlling.
Computer Science 12 Mr. Jean February 19 th, 2013.
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.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Animation in flash. Frame-by-Frame Animation An animation is made from a series of framed images displayed one after the other to create the motion. Flash.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
What is Windows Movie Maker? Windows Movie Maker is an easy to use video editing software that allows you to make home movies, automated photo albums,
Encore menus Pre-defined Open Encore. Revise (catsDVDV2Home)  Example too complete  Delete the chapters  Delete the menus  Save as CatsMenus  File>Import.
 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.
Creating a movie clip.
Tutorial 3 Creating Animations.
Layers in Adobe After Effect
Tutorial 3 Creating Animations.
Flash Interface, Commands and Functions
Creating Complex Animations
Animation Part III: Interactive Multimedia Authoring with Flash
Basic editing skills to get you started
Random Stuff and Keyframes
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
Animate Some more advanced concepts
Exercise 64 Use the Flash Movie Explorer to examine the contents of an application to quickly locate specific elements such as instances. Use the Movie.
Flash Demonstration – Unit 5 – ActionScript 3.0
Presentation transcript:

Drop shadows

A movie with a drop shadow Consider this.flv movie It contains a drop shadow Let's see how it was made

Shadows require a background Since we want to have a shadow, we must have a white background Later, we will see how we can make "clips" of solid colours inside Final Cut, but... below, a 720x576 white image (made in PhotoShop) has been imported into the browser panel, along with the UCC photograph

Drop shadows Both clips in the timeline (white image on bottom layer), with wireframing turned on Playhead is at start of clip

Drop shadows Top clip has been selected

Drop shadows Top clip has been scaled down and...

Drop shadows... and rotated

Drop shadows To create a drop shadow, we must use the motion tab in the viewer panel, so... below, we have double-clicked on the top clip, in order to get it into the viewer panel

Drop shadows Below, we have clicked on the motion tab and... We can see that the check-box for drop shadows is not ticked So...

Drop shadows... so we tick the drop shadows check-box and... if we look closely, we can see a very thin shadow We want a bigger shadow, so...

Drop shadows... we expand the drop shadows field, to access its attributes, and we can see why the default shadow is so thin - it has an offset of just 2 we can also see why the shadow has its current colour - it is black with opacity of 50

Drop shadows We increase the offset to 22, which... gives us a wider shadow

Drop shadows We change the angle to 90, which... alters the position of the shadow relative to the image

Drop shadows The default shadow colour is black, but... We change the colour to red, and...

Drop shadows... we increase the opacity to 100, which... gives us the shadow shown below, but... this shadow is not convincing, so...

Drop shadows... we decrease the opacity to 25, which... gives us the shadow shown below

Drop shadows We want movement, so we insert a keyframe at the current position of the playhead (which is at the start of the sequence) Then...

Drop shadows We move the playhead to the last frame Then...

Drop shadows We rotate the last frame in the clip, to make it horizontal and...

Drop shadows We add a keyframe marker to the last frame in the clip

So far, then... We have implemented what can be seen in this movie That is, we have implemented an animation between the two frames shown below. But this is not very attractive Let's try to make the shadow "click into place", hidden behind the image, when the animation reaches the horizontal That is, let's animate the offset of the shadow

Animate drop shadow attributes Notice, below, that, while there are keyframe markers for the basic motion attributes, there is no keyframe marker for any of the drop shadow attributes This is because the "global" button for adding keyframes (on the canvas panel) does not set keyframes for drop shadow attributes

Keyframing drop shadow attributes If we want to animate the drop shadow attributes, we must set add the keyframe markers using the special keyframe marker buttons marked below

Keyframing drop shadow attributes Below, the playhead has been returned to the first frame

Keyframing drop shadow attributes We want to animate the drop shadow offset, so, below,... We are about to use the button for adding a keyframe marker

Keyframing drop shadow attributes Below, we have just added, to the first frame in the clip, a keyframe marker for the drop shadow offset Notice the green diamond, which represents the marker As a further visual cue, the button has turned green

Keyframing drop shadow attributes Below, the playhead has been moved to the last frame in the clip The drop shadow offset still has the same value as in the first frame and, at this last frame, there is, as yet, no keyframe marker for the drop shadow offset

Keyframing drop shadow attributes Below, the drop shadow offset has been set to zero, so... there is no shadow Also, note that this state of affairs has been registered as a keyframe –see the keyframe marker symbol –as a further visual cue, the keyframe button has also turned green

So... We have implemented an animation between the two frames shown below. The result can be seen in this movie

Now, for an exercise Tackle Exercise 17