Embedded Files
November 5 :: 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!
To Split the screens (to see the instructions and the Photoshop file side by side):
To Split the screens (to see the instructions and the Photoshop file side by side):
With the PHOTOSHOP file selected...
With the PHOTOSHOP file selected...
Hold down the WINDOWS key and press the LEFT ARROW
Hold down the WINDOWS key and press the LEFT ARROW
With the Website selected...
With the Website selected...
Hold down the WINDOWS key and press the RIGHT ARROW
Hold down the WINDOWS key and press the RIGHT ARROW
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.
Today! you will pick one of YOUR images!
Today! you will pick one of YOUR images!
Go to your Photography folder! Look in Abstractions or BEWE and choose one of the photos you turned in (Should have your initials-assignment.jpg)
Tip! it helps if it is an image with a clear SUBJECT!
Don't have a photo you think will work? Try one of these!
Don't have a photo you think will work? Try one of these!
Click on the JPG Icon Image below to download!
Hoover 1
Hoover 2
Hoover 3
Hoover 4
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 the image you are choosing... initials-assignment.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 Live Image1"
Click SAVE
Make sure to Click YOUR FILES...
then click SAVE...
Ctrl + (Plus) ...Zooms in!
Ctrl - (Minus) ... Zooms out!
Editing....
Editing....
How to make a photo come to life! (just like yeasterday!)
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 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 10 pixels to ensure you capture the edges completely.
Hide the foreground layer (the one with the subject only).
Click the eye icon next to the Foreground layer to hide it for now.
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
Press Ctrl+D to deselect the selection.
The shortcut to undo is
Rename the layer:
Double click the name of the layer
and rename this layer
"Patched Background".
Hold down the SHIFT or CTRL Key
and select the Patched Background layer AND the Background Copy layer!
On the top 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 (the layer with just the subject)
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.)
Both layers MUST be a smart object for this to work!
Scale the Patched Background to 110%
Select the MOVE TOOL
(Tip: it helps to zoom out a little! Ctrl -)
Select the Patched background layer
Pull the top LEFT handle slightly outward...
At the top of the screen, in the "W:" box at the top...enter 110
Press ENTER or click the Check mark (✓) at the top of the screen to accept the change.
Ctrl + (Plus) ...Zooms in!
Ctrl - (Minus) ... Zooms out!
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
Make sure you are on CREATE VIDEO TIMELINE! (Ctrl+Z will Undo if you are not)
Set up the Foreground:
Note: Your PLAYHEAD (The little blue shape on the Timeline) is at the BEGINNING of the timeline!
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.
This will 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.
Tip: Make sure to pull on the blue shape (not the line!)
Press Ctrl+T
Scale the foreground up slightly (around 110%) by entering 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.
This will 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.
Tip: Make sure to pull on the blue shape (not the line!)
Press Ctrl+T
Scale the foreground up slightly (around 110%) by entering 110 in the W: box at the top, then hit Enter. (or click the Check mark (✓) at the top!)
Scale the Patched Background down slightly...to 100% by entering 100 in the W: box at the top.
Tip: You might need to move it back in to place. It should snap to the edge.
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 Live Image1.mp4
To get credit!
To get credit!
Go to our Classroom in TEAMS
Select Assignments
Select
Photoshop: MY LIVE IMAGE!!
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 Live Image1.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: 50 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