3D Animation: Fashion Show Session 3 Add Light and Camera Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Objective Able to add wall and FXfloor Able to add FX light Able to turn off ambient light Able to turn on and off point light in an animation Able to move point light along a designed path Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Objective Able to turn on a spot light suddenly Able to link spot light to an avatar Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Objective Know the difference between camera / preview camera Able to move a camera along a path Able to make a camera moving along with an avatar Able to switch between camera Session 3 3D Animation: Fashion Show

Concept (Frame, keyframe) Key frame of light Set a fixed values to an object Colour Intensity Of a light Frame Motion carried by any object Session 3 3D Animation: Fashion Show

Concept (Frame, keyframe) generated by software automatically Its value, light intensity, would change From one key frame to another automatically Any changes set Beginning Final Values -> let the software makes the changes for you.s Session 3 3D Animation: Fashion Show

Concept (Preview camera, Camera) Used in setting of stage Light, avatar movement Camera view Set the camera What’s seen is the final video output Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Story rundown Time Action Light Camera Set Floor Fx Set 3D box -> Wall_001 3 sides) i_prop->light (Off at the beginning) Ambient off 0 – 2 s Actors wait Point light 1 - set to yellow -move from right bottom to top left hand of Jane Camera1 pen from right bottom to top left hand of Jane 2- 7 s Jane walks forward, jack still waiting Point light 1 off Spot light 1 - point to Jane - Set colour to yellow Camera 2 side view take the walk Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Story rundown Time Action Light Camera 7 – 13 s Jane walks backward Spot light 1 - point to Jane - Set colour to blue Still camera 2 13 – 14 s Jane turns around to original position Fx light ON 14 - 19 s Jack walks forward Spot light 1 off Spot light 2 ON Point to Jack Camera 3 Front view and move along with jack 19 - 24 s Jack walks backward Spot light 2 OFF 24 – 25 s Jack turns back to original position Ambient ON Camera 4 Wide shot Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Result Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 1: Open Project Open the project of practical 2 May download from the web site if you don’t have one Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 2: Add wall At time 0s Select Set -> Props at the menu Select Props -> 3D Blocks Wall and Floor Wall_001 At the Content manager Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 2: Add wall Drag the wall onto the stage Resize / Rotate the floor if necessary Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 3: Add wall Add one more walls as shown below Sample coordinate of next wall: Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 4: Add a floor Select Set -> Props at the menu Select iProps -> Stage FloorFX At the Content manager Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 4: Add a floor Drag the floor onto the stage Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 5: Add FX light From Set -> Props at the menu again drag the Light Set the light to a proper location Reference: Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 5: Add FX light At the Right hand side: Modify page Scroll down to Display Make sure it’s ON Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 5: Add FX light Scroll down to Reflection Check the box Set the value to 50 Session 3 3D Animation: Fashion Show

Step 6: Turn off Ambient (background) light Select Stage -> light At the Modify page Select ambient light Session 3 3D Animation: Fashion Show

Step 6: Turn off Ambient (background) light Select Colour to black Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 7: Add point light 1 Make sure the time line is at the beginning Select Stage -> light At the Scene Manager Click Point Light 01 Session 3 3D Animation: Fashion Show

Step 7: Set point light 01 to yellow Select colour at Modify page Set the light colour to yellow Set the Intensity range e.g. 500 Session 3 3D Animation: Fashion Show

Step 8: Set the starting position of point light Make sure the timeline is 0s Set the point light in front of Jane’s leg as shown Session 3 3D Animation: Fashion Show

Step 8: Set the starting position of point light Hint: easier to set by changing the coordinates of Spot light e.g. reference coordinate: Session 3 3D Animation: Fashion Show

Step 9: Set the ending position of point light Set the timeline to ~ 2s Set the point light in front of Jane’s head as shown Session 3 3D Animation: Fashion Show

Step 9: Set the ending position of point light Hint: easier to set by changing the coordinates of Spot light e.g. reference coordinate: Session 3 3D Animation: Fashion Show

Step 9 Set the ending position of point light Test the movement of point light by dragging the time line from 0 – 2 s Point light should move Session 3 3D Animation: Fashion Show

Step 10 set camera 1 along light1 Select Stage -> Camera In modify page -> add camera Insert camera 01 Session 3 3D Animation: Fashion Show

Step 10 Set camera1 along light1 Make sure the time line is set to 0s In modify tag Set Lens to 200 mm Session 3 3D Animation: Fashion Show

Step 10 Set camera1 along light1 Set time line to 0s Set the camera1 to view the light1 Note: Means the screen really looks like this Session 3 3D Animation: Fashion Show

Step 10 Set camera1 along light1 Set the time line to 2 s Set the camera1 to follow the light1 again Note: Your screen should look like this: Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 11 Hide the light 1 Uncheck the first tick of point light 01 to hide the light bulb Note: point light still exist just without showing the bulb Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 11 Hide the light 1 Drag the time line in 0 - 2 s The view should move together with the spot light along Jane Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 11 Add a spot light Set the camera to preview mode again Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 12: Add a spot light Select Stage ->light In Scene manager -> Check Dir/Spot Light Light01 In top right hand corner Modify Light setting Click Spotlight Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step12: Add a spot light Move the spot light to the middle of the stage Just above Jean’s head Sample coordinate: Session 3 3D Animation: Fashion Show

Step 13 Link the spot light at Jane At time = 0 In modify page Select Linkgae Pick Parent Click e.g. Upperbody of Jean Note: Please test the look at function by dragging the timeline, while the spot light should move along with Jane Session 3 3D Animation: Fashion Show

Step 13: Turn on the spot light suddenly Review 0 -2 s Spot light is off 2 – 7 s Spot light is yellow 7 – 13 s Spot light is light blue 13 afterward Session 3 3D Animation: Fashion Show

Step 13: Turn on the spot light suddenly Drag time line to 0s Set the Range to 0 Set colour to yellow Drag the time line to 2 s Enter a 0 to the range to 0 again! Reason: force to add a keyframe to the light intensity make sure it’s 0 from 0- 2 s Session 3 3D Animation: Fashion Show

Step13: Turn on the spot light suddenly Drag the timeline a little bit after 2s Set the strength; angle and falloff value Sample coordinate: Note: the keyframe timeline of light 1 looks like this: Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 14 set camera 2 Select Stage -> Camera In modify page -> add camera Insert camera 02 Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 14: Set camera 2 Set the lens e.g 50 mm Drag the time line to 2s Set the position of the camera that jean is located at the centre Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 14: Set camera 2 Drag the time line to ~4s Set the position of the camera again such that jean is still located at the centre Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 14: Set camera 2 Drag the time line to ~6s Set the position of the camera again such that jean is still located at the centre Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 14: Set camera 2 Repeat the steps at ~ 7 s ~ 9 s ~11 S Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 15: Switch Camera Open camera switch Session 3 3D Animation: Fashion Show

3D Animation: Fashion Show Step 15: Switch camera Review 0 -2 s Camera 1 2 s onwards Camera 2 Session 3 3D Animation: Fashion Show

Step 15: camera List to camera 1 Right click at the Switcher time Select camera List Select Camera1 Session 3 3D Animation: Fashion Show

Step 15: camera list to camera 2 Drag the timeline to the frame that camera would be switched (~ frame 160) Right click and select Camera 2 Session 3 3D Animation: Fashion Show