Embedded Files
November 4 :: Click Link for Assignment >
PLEASE KEEP CELL PHONES AWAY!
PLEASE KEEP CELL PHONES AWAY!
Either in your backpack or the lock box!
Expectations:
Expectations:
C: Voice Level 2 (only the people next to you can hear you and no shouting across the room)
H: Ask your team, elbow partner or raise hand
A: Work on the assignment
M: Stay in your assigned seat
P: Work till assignment is completed
S: Finishing your work
2.5D parallax effect...
2.5D parallax effect...
WHAT ARE WE LEARNING: The 2.5D parallax effect in Photography...Learn how to animate selected areas of a still photograph using Photoshop.
WHY IS IT IMPORTANT: Understand how digital artists use photo editing and animation techniques to transform photographs into engaging visual content for advertising, social media, and digital storytelling.
Students: "I will be able to use Adobe Photoshop's layers, selection tools, transformations, and Timeline to create an animated photograph that demonstrates movement while maintaining the original image's composition."
HOW WILL MY TEACHER KNOW WHAT I LEARNED: You will practice different techniques and gradually show your success!
2.5D parallax effect...What is it?
2.5D parallax effect...What is it?
This technique is similar to a Plotagraph, where an otherwise stationary photograph appears to come alive. The linked tutorial is referenced as a demonstration of this approach using Photoshop transformations and keyframes.
The secret...
The secret...
The secret to this effect is separating your subject from the background, filling in the hole left behind, and animating the layers at different speeds.
We need to grab a file first!
We need to grab a file first!
Click on the JPG Icon Image on the left to download!
Left click the DOWNLOAD button on the top Left
Left click the DOWNLOAD button on the top Left
This will save the file to your Photography (or downloads) folder!
This is NOT a native Photoshop file! (Don't just click it)
This is NOT a native Photoshop file! (Don't just click it)
OPEN YOUR PHOTOGRAPHY FOLDER
RIGHT CLICK Parallax Practice1.jpg.
Select OPEN WITH
Adobe PHOTOSHOP!
Click OPEN
SAVE (as) YOUR DOCUMENT!
SAVE (as) YOUR DOCUMENT!
Shortcut: Shift + Ctrl + S
(or File: SAVE AS)
Save as Type: PHOTOSHOP!
Then click Save to Cloud Documents
Save to CREATIVE CLOUD!
Click the Save to CREATIVE CLOUD button
Name the document:
"First Initial Last Initial PARALLAX1"
Click SAVE
Make sure to Click YOUR FILES...
then click SAVE...
Editing....
Editing....
How to make a photo come to life!
Separate the Layers
Duplicate your background layer:
Click the LAYER tab at the top and select DUPLICATE LAYER (Ctrl+J ) so you have a working copy.
If you use Ctrl+J ....Double click the name of the layer and rename this layer "Foreground".
rename the layer Background Copy!
Select your subject
Click the SELECT tab at the top
Select> SUBJECT
Wait for the marching ants!
Isolate the Subject
With the subject selected...
Isolate the subject by Pressing Ctrl+J to copy the selection to a new, isolated layer.
Double click the name of the layer and rename this layer "Foreground".
"Heal" the Background
Re-select the subject: Press Ctrl and click the thumbnail of your Foreground layer to load the selection outline again.
Go to Select > Modify > Expand.
Set it to about 5 to 10 pixels to ensure you capture the edges completely.
Hide the foreground layer
Click the eye icon next to the Foreground layer to hide it for now, then select your Background Copy layer.
With the Background Copy layer selected...
Fill the empty space
Select the Background copy layer
Go to Edit > Content-Aware Fill.
Photoshop will automatically patch the area where your subject was.
Click OK and press Ctrl+D to deselect the selection.
Double click the name of the layer and rename this layer "Patched Background".
Hold down the SHIFT Key and select the Patched Background layer AND the Background Copy layer!
On the right of the Layers Panel click the 3 lines (≡) and select MERGE LAYERS (Ctrl E)
This will merge the two layers together!
Convert to Smart Objects
Turn the eye icon back on for your Foreground layer.
Select the Foreground layer
Select the FILTER tab at the top and select Convert for Smart Filters
Click OK
Select the Patched Background layer
Select the FILTER tab at the top and select Convert for Smart Filters
(Note: Converting to Smart Objects allows you to scale and move layers in the timeline without losing image quality.)
Scale the Patched Background to 105%
Select the MOVE TOOL
Select the Patched background layer
Pull outward on one of the handles and enter 105% in the W: box at the top!
Both layers MUST be a smart object for this to work!
Animate the Parallax
Open the Timeline:
Go to Window > Timeline
Click the pulldown in the middle of the timeline and change it to "Create Video Timeline"
Click the Create Video Timeline Button to begin
Set up the Foreground:
Click the dropdown arrow next to the Foreground layer track (in the Timeline on the left) to reveal the animation properties.
Click the stopwatch icon next to Transform to create your first keyframe at the very beginning of the timeline.
Playhead at beginning of timeline:
Playhead at end of timeline:
Drag the timeline playhead (the Blue shape on the timeline) to the very end of your video clip.
Press Ctrl+T
Scale the foreground up slightly (around 105%-110%) by entering 105 or 110 in the W: box at the top, then hit Enter. (or click the Check mark at the top!)
A second keyframe will appear automatically.
Set up the Background:
Drag the playhead back to the beginning. (All the way to the left!)
Click the dropdown arrow next to the Patched Background layer track to reveal the animation properties.
Click the stopwatch icon next to Transform to create your keyframe at the very beginning of the timeline.
Playhead at end of timeline:
Drag the timeline playhead (the Blue shape on the timeline) to the very end of your video clip.
Press Ctrl+T
Scale the Patched Background down slightly (around 100%)
Tip: You might need to move it back in to place.
Then hit Enter (or click the Check mark at the top!) to accept the change and add a key frame!
Preview!
PhotoLive 2026 TE.mp4Press the Spacebar to watch your still photo move with depth.
Export your video!
Go to File > Export > Render Video.
The Name should be:
First Initial Last Initial Parallax1.mp4
Click SELECT FOLDER...Make sure it is going to your Photography Folder (On your Desktop!)
Set the format to H.264 for a standard MP4 file (Medium Quality is fine)
Click Render.
You will export 1 MP4:
First Initial Last Initial Parallax1.mp4
To get credit!
To get credit!
Go to our Classroom in TEAMS
Select Assignments
Select
Photoshop: 2.5D Parallax PRACTICE!!
Scroll down to MY WORK
Click +ATTACH
Click UPLOAD FROM THIS DEVICE
Select DESKTOP (on the left) then the PHOTOGRAPHY Folder
Find the MP4 file we EXPORTED and select it:
First Initial Last Initial PARALLAX1.mp4
Click OPEN
Wait for file to upload
File will show up below under My Work
CLICK TURN IN!
NOTE: There MUST be an MP4 file (that has been adjusted in Photoshop and named correctly) attached to get credit. Simply clicking TURN IN will not do!!!
TOTAL: 25 POINTS!!!
DUE: TODAY!
Done with this lesson....
Finish yesterday's lesson!!
Done with this lesson....
Finish ALL IMAGO LESSONS!
SHORTCUT TO LOG OFF COMPUTER!
SHORTCUT TO LOG OFF COMPUTER!
Remember to SAVE (ctrl + S) any file before doing this shortcut!
Remember to SAVE (ctrl + S) any file before doing this shortcut!
Ctrl+Alt+Delete then select SIGN OFF!
Please place HEADPHONES on your Monitors!
Page updated
Google Sites
Report abuse