Twitter Facebook Youtube Return to home page
About Mr Coursey Courses Clubs and Organizations Social Media Students Tutorials- Contacts

Home > Courses > AAVP > 1st 6wks

After Effects Virtual 3D Photo Assignment

 
Overview & Objectives:

In this tutorial from videocopilot.net, you will learn how to turn a 2D picture into a 3D virtual scene in Adobe After Effects.

Materials/Resources:

Materials

  • Adobe After Effects
  • GarageBand - use GarageBand to create your own background music and to use its copyright-free sound effects.
  • Digital Images
  • Virtual 3D Photo Files - Virtual3DPhotos-projectFiles.zip- You can download the Project files here, but I would like for you to create a project with images of your own.
  • Headphones

Resources

# of Participants

  • This is an individual Assignment. You may work individually to recieve credit.
Vocabulary: N/A
Directions:

In this tutorial from videocopilot.net, you will learn how to create a virtual 3D effect with Photos using Adobe After effects. You can download the Project files here, but I would like for you to create a project with images of your own.

Video Copilot Virtual 3D Photos Tutorial.

Use the tutorial video below to help you along.

Open your image in Photoshop to extract the character from the background image.

Choose Layer > Duplicate Layer

You will need to select an object(actor) in the image to separate from the background.

Option 1: select the Pen Tool. Zoom in to view the character/object that you are about to trace with the Pen Tool.
Draw around the object with the Pen Tool. It is a lot like making a mask in After Effects. 
If other objects are placed in front of the item you are tracing, continue tracing as if the object isn’t there. Finish tracing the shape.

Choose the Path Selection Tool. Select the mask (what you made with the Pen Tool).  Right Click, choose make selection. Choose Ok
Choose the Selection tool. Right-click on the selection. Choose Layer via cut from the menu. This will cut the selected part out and place it in its own layer. 

5:27 Zoom in on the new layer. Choose the Clone Stamp tool to paint out any object that is in front of the object you just cut out. Fill it in so the casual viewer doesn’t see what was originally there. [To use the clone stamp tool, Option+click to select on the area you want clone. paint over area you want it to paint on]

Extract any elements that look like they can be in the 3D space:
To Extract the tree stump. Go back to the original layer. Make another copy. Layer>Duplicate Layer

Drag the new layer to the top of the layers panel
Option 1: Choose the Polygon Lasso Tool to select around the tree stump. Right-click, choose Layer via cut from the menu. Delete the layer that you were previously on to select the stump. 

Get rid of elements that you extracted from the original background. Hide the copied elements in the layers panel leaving only the background layer to view.
Choose the Clone stamp tool. Alt-click the area that you want to clone to fill in where the elements are on the background layer image. Start painting to bring the background area over the elements that you previously cut out on the background layer. Alt-click in different areas to provide a variety of painted areas to paint over the elements. There should be no sign of the action star. Name the separate Layers in the Layers Panel. Save the photoshop file as 1a_lastnamei_virtual3dphoto.psd.

8:41 Open After Effects so you can import that Photoshop file.
Choose File>Import>File.  Select your Photoshop file [1a_lastnamei_virtual3dphoto.psd] to import. Choose Import As: Composition. Choose Open.
A Composition has been created that uses all those Photoshop Layers.
Double click on the new composition and you will see all your layers with the cut out elements and background in the 9:35 Timeline Panel below.Press F4 to bring up your 3D switch. Click in the 3D boxes to turn them all into 3D.
You can lable the layers if they are not already labeled. 
Create a new camera. Choose Layer>New>Camera or [Control+Option+Shift+C]
In Camera Settings, Choose the 35mm preset. Click OK
Distribute these Layers across the space.
10:15 Choose the tree layer. Roll over the Blue axis. Click and drag so it brings the Tree layer towards you.
Select the Background layer. Grab the Blue z axis and push it far away. Grab a corner and hold down shift and drag it out to scale it back up. Select the tree, and scale it down.
10:48 Choose the Orbit Camera Tool. Click and drag to see the 3D scene. 
Add a few keyframes to the camera by clicking on the camera layer. Add position, Hit P, hold down Shift+A. To add the anchor point (Point of interest).
Click on the stopwatch next to Position and Point of Interest. Move the playhead forward a couple seconds. 
11:12 Zoom in the image by adjust the Point of Interest/Position to create a nice dynamic camera move from the picture.
11:28 Option 2: Move the camera over
Click on the camera layer, drag the image over to the left in the first frame. Move the playhead over a few seconds. 
Move the camera back to the right to animate it into place. You can take the background layer and scale it up even more. 
You can move objects and place them wherever you want. You can add additional items such as trees if you want to.
Be sure to create enough Animation to last 10 seconds or more. When you are done, add your completed Virtual 3D Photo Animation to the Render Que.
File > Export > add to Render Que.
In the Render Que, click output to, choose your preferred location to render to and rendered file name to save as. 1a_lastnamei_3Dphoto.mov

See Directions for turning work in below.

DUE DATE: Check Skyward for current DUE DATE

Video Directions:
For more videos, check out the Mr. Coursey's Classroom YouTube Channel
Click on the Video Title in the video to view the Tutorial in its own window at a larger size.
 
 

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 
 
Examples:
Below are some examples from previous students
 
Example #1

This is an example of a video that I created in After Effects after watching the Video Copilot Virtual 3D Photos Tutorial.

Example #2

Example #3

Example #4

 
Directions for turning work in:

Save as period_lastnamei_asssignmentname.mov (1a_smithj_3DPhoto.mov) in your 1-6wks folder and turn it and the Photoshop image (1a_lastnamei_virtual3dphoto.psd) into Google Classroom.

Extra Tips:

In the tutorial video, it mentions adding the orbit effect to the background image. In this version of AE, do the following:

Layers>New>Camera

Layers>Camera> Create orbit null

Grading Criteria:

  • Must start with separating your layers in Photoshop to import into After Effects
    • Images must be selected cleanly with no jagged edges and extra areas showing.
    • The Clone Stamp Tool was used on the Backgroung image to hide the were the separated elements/layers were.
  • In After Effects, the Animation must be rendered as a Quicktime MOV file that is animating 10 seconds or longer.
  • Must have obvious 3rd dimensional activity in the photo.
    • 3 or more different layers including the background image.
    • There must be obvious depth between the different layers.
  • Higher points will be awarded to students that add background sounds, music, 4 or more separate layers, and/or have a theme or story in the Animation.

Download & Print: AE-3DPhoto-Rubric_2020.pdf

 

Calendar



Club/Organization News
TSA Logo
National TSA Website
MHS TSA

TSA Nationals
Nashville, TN

June 27-July 1, 2020

BPA Logo
National BPA Website
MHS BPA

BPA Nationals
Washington, D.C
.
May 6-10, 2020

Questions, comments, and technical issues regarding Mr. Coursey's Classroom website content should be referred to:  Donny Coursey, Webmaster
Copyright © 1999-2020 Mr. Coursey's Classroom. All rights reserved.
This page was last updated on September 22, 2019