1 / 30

Drop shadows

Drop shadows. A movie with a drop shadow. Consider this .flv movie http://www.cs.ucc.ie/j.bowen/cs2508/widgets/shadowMovie1.flv 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

hao
Download Presentation

Drop shadows

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Drop shadows

  2. A movie with a drop shadow • Consider this .flv movie http://www.cs.ucc.ie/j.bowen/cs2508/widgets/shadowMovie1.flv • It contains a drop shadow • Let's see how it was made

  3. 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

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

  5. Drop shadows • Top clip has been selected

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

  7. Drop shadows • ... and rotated

  8. 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

  9. 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 ...

  10. 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 ...

  11. 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

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

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

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

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

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

  17. 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 ...

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

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

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

  21. So far, then ... • We have implemented what can be seen in this movie http://www.cs.ucc.ie/j.bowen/cs2508/widgets/shadowMovie1.flv • 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

  22. 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

  23. 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

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

  25. 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

  26. 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

  27. 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

  28. 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

  29. So ... • We have implemented an animation between the two frames shown below. • The result can be seen in this movie http://www.cs.ucc.ie/j.bowen/cs2508/widgets/shadowMovie2.flv

  30. Now, for an exercise • Tackle Exercise 17

More Related