Skip to main content

Parallax Effect to Make Photos Move in Photoshop

Lesson 91 from: Adobe Photoshop Mastery

Daniel Walter Scott

Parallax Effect to Make Photos Move in Photoshop

Lesson 91 from: Adobe Photoshop Mastery

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

91. Parallax Effect to Make Photos Move in Photoshop

Lessons

Class Trailer

Getting Started

1

Class Introduction

03:24
2

Before you get Started with the Photoshop Advanced Course

01:28

Selections & Masking - Advanced

3

The Easiest Way in the World to Mask a Person in Adobe Photoshop

24:23
4

Class Project - Select Subject

01:41
5

Select Mask & Changing a Color using Photoshop - Color Range

10:00
6

Using Photoshop Selection to Fix Grass & Sky - Color Range

07:20
7

How to Change the Color of Skin in Photoshop - Color Range

08:05
8

How to Create an Ink Splash Image Around Text - Color Range

15:02
9

Class Project - Color Range in Adobe Photoshop

01:54
10

Mask on a Group Rather than each Layer

11:18
11

Advanced Masking using a Channels in Adobe Photoshop

14:14
12

Class Project - Channel Mask

01:30
13

How to Make Selections in Photoshop Based on the Focus Area

22:53
14

Class Project - Focus Area

01:11
15

Selection Trick Using the Smudge Tool in Photoshop

04:16
16

Future of Selections in Photoshop with Adobe Sneaks

07:04
17

Quiz - Selection & Masking

Preferences & Workflow

18

Advanced Preference Changes for Adobe Photoshop

08:36
19

How to Speed up Adobe Photoshop if it’s Running Slow

07:48
20

Workflow Tips & Tricks Like a Professional in Photoshop

13:45
21

Advanced Layer Tricks in Adobe Photoshop CC

05:58
22

Automatically Add a Watermark Text or Logo in Photoshop

08:29
23

Batch or Image Process Multiple Images at Once in Photoshop

09:05
24

How to put Loads of Images into one Photoshop File Quickly

07:04
25

Weird Adobe Photoshop Features & Easter Eggs

06:37

Fixing Images

26

How to Enlarge Images Without Becoming Blurry in Photoshop

06:57
27

How to Fix Blurry Images in Photoshop Using Shake Reductions

08:17
28

Advanced Color & Tone Correction Using Levels in Photoshop

06:44
29

Advanced Curves in Adobe Photoshop CC

06:34
30

Quiz - Fixing Images

Cropping & Aligning & Distorting

31

How to Reshape Images Without Distorting in Photoshop Content Aware Scale

09:44
32

How to use Content Aware Move in Photoshop

08:38
33

How to use Content Aware Extend in Adobe Photoshop

07:28
34

Removing Objects Using Content Aware Fill in Photoshop

07:01
35

Class Project - Content Aware Fill

01:03
36

Cropping Tricks Delete Pixel & Reveal Cropped Content in Photoshop

06:11
37

Automatically Crop & Rotate Scanned Documents in Photoshop

05:35
38

Crop Angled Images to Straighten Perspective Cropping Photoshop

04:42
39

How to Trim the White Away from the Edge of an Image in Photoshop

01:52
40

Automatically Align Layers in Adobe Photoshop CC

07:38
41

How to Reshape Images using the Puppet Warp in Photoshop

18:10
42

Class Exercise - Puppet Warp

01:14
43

How to Change the Perspective in Photoshop Perspective Warp

05:47
44

Quiz - Cropping & Aligning & Distorting

Color

45

How to Color Black & White Image in Photoshop

09:42
46

How to Create a Duotone Effect in Adobe Photoshop CC

09:28
47

44. Class Project – Duotone in Adobe Photoshop

02:20
48

How to create the Glitch Effect in Adobe Photoshop

07:01
49

Class Project - Glitch Effect in Adobe Photoshop

00:44
50

Color Grading with Orange & Teal Effect in Adobe Photoshop

05:36
51

Class Project - Color Grading in Adobe Photoshop

00:49
52

Quiz - Color

CC Libraries

53

Advanced CC Libraries Tricks and Tips Photoshop

19:15

Typography

54

Advanced Type Trick & Workflows in Adobe Photoshop

19:38
55

Photoshop Can Guess your Font Using Match Fonts

10:43
56

Quiz - Typography

Artboards

57

52. Adding Artboards to your Photoshop Workflow Properly

05:24
58

How to Add Images Correctly to a Photoshop Artboard

08:17
59

Using Smart Objects & Relinking Images in Photoshop

04:10
60

Advanced Speed Tricks for Updating Artboards in Photoshop

04:09
61

Export Artboards as PDF & Separate JPGs in Photoshop

05:38
62

Quiz - Artboards

Retouching

63

Advanced Tricks for Healing Brush for Retouching in Photoshop

08:24
64

Don’t Forget About Clone Tool Stamp in Photoshop

06:09
65

How to use the Patch Tool for Retouching in Photoshop

06:41
66

Class Exercise – Retouching in Photoshop

01:15
67

How to Retouch in Photoshop Using Face Aware in Liquify

06:50
68

How to Use Vanishing Point to Mocking up Designs in Photoshop

12:19
69

Vanishing Point - Cloning & Healing at an Angle in Photoshop

11:19
70

64. Class Exercise - Vanishing Point in Photoshop

00:51
71

Fixing & Retouching Skin Tone in Adobe Photoshop

06:01
72

Retouching Eyes by Enhancing in Adobe Photoshop

08:00
73

Retouching Eyes with a Little Bit of Fakery in Photoshop

09:00
74

Fully Faking Believable Eyes in Adobe Photoshop

06:45
75

Class Project – Eyes in Photoshop

00:51
76

70. How to Realistically Whiten Teeth in Adobe Photoshop

11:44
77

Class Project – Teeth in Photoshop

00:57
78

Quiz - Retouching

Layers

79

Difference Between Place Linked vs Place Embedded in Photoshop

08:22
80

What is the Difference Between Fill & Opacity in Layer

01:11
81

How to Use & Export Layer Comps in Adobe Photoshop

03:27

Visual Styles & Effects

82

75. How to Create a Double Exposure in Adobe Photoshop

11:07
83

Class Project - Double Exposure in Photoshop

01:17
84

How to Create a Watercolor Painting Effect in Photoshop

09:23
85

Class Project – Watercolor in Photoshop

00:32
86

How to Decay Pixel Explosion Dispersion Method in Photoshop

13:47
87

How to Make Exploding Shoe Effect in Adobe Photoshop

10:49
88

Class Project – Decay in Photoshop

00:51
89

Quiz - Visual Styles & Effects

Video & Animated Gifs for Social Media

90

How to Edit Video in Adobe Photoshop

25:42
91

Parallax Effect to Make Photos Move in Photoshop

13:22
92

Class Project – Parallax in Photoshop

01:15
93

How to Create Live Images - Cinemagraphs in Photoshop

13:19
94

Class Project – Cinemagraph in Photoshop

01:35

Web Design

95

How to Setup a File Ready for Web and UI Design in Photoshop

09:32
96

How to Export Your Web Design UI Project for Dreamweaver

07:57

3D

97

How to Make 3D Text & 3D Logos in Photoshop

11:52
98

How to Add and Change 3D Materials & Textures in Photoshop

08:42
99

Using Cameras & Depth of Field in 3D Photoshop

05:12
100

Adding Lights & Casting Shadows Using Photoshop 3D

10:01
101

How to Export a High Quality 3D Image from Photoshop

04:42
102

Class Project – 3D in Photoshop

01:08
103

How to Create Fake 3D Lines & Type in Photoshop

09:33
104

Fake 2.5D Gradient Effect with Paths in Photoshop

07:10
105

Class Project - Fake 3D in Photoshop

00:46

Mock-ups & Presenting Your Work

106

Using Free Templates & Adobe Market to Mockup in Photoshop

11:07
107

How Make a Reusable Mockup in Photoshop Using Smart Objects

06:40
108

Mockup Poster Against a Wall Using Photoshop

08:16
109

How to Make a Simple UI App Web Design Mockup Using Photoshop

06:06
110

Class Project – Mockups in Photoshop

01:00

Exporting

111

How to Proofing Colors in Adobe Photoshop Ready for Print

04:04
112

How to Tidy Up your Photoshop Files Before Sending Them Out

10:21
113

How to Package Your Photoshop File to Include Linked Images

07:22
114

3 Kinds of File Export for Photoshop Social Media Web & Print

12:59
115

Quiz - Exporting

What’s Next

116

What’s Next After Your Photoshop Advanced Course

01:05

Final Quiz

117

Final Quiz

Lesson Info

Parallax Effect to Make Photos Move in Photoshop

Hi there. This video is all about parallax animations basically, we're going to cut two different layers out and then animate them using our cool new video editing skills, you can see them here building his masked clouds mask and it is animated at different times given the illusion of movement. Another version here. Okay, this one here, we cut the front mountain out from the middle from the back and from the sky and they're all just moving at different times to give you this kind of cool parallax effect. This guy, this guy, this guy altogether A 2.5 D video experience. Alright, let's jump in now and learn how to do it. Alright, first up in your 13 videos folder, let's open up parallax one in two. First of all, let's get our file ready. I'm going to kind of shrink down my timeline. Let's be on parallax one. So before we turn it into a video timeline, let's just mask out the sky here. It's gonna be super easy because of this nice clear blue. I'm using the Quick selection tool. I've got t...

he sky selected. Let's invert it. And then on this background layer here, let's hit a layer mask. Let's bring in the parallax to so select all copy and then paste it in. Okay, so my clouds are bigger than I need. That's going to be important because I wanted to kind of move across the sky, right? I want them to be underneath here. So for parallax to work, we need to be able to see the timeline. If you can't see it, get a window and go down to timeline, click on, create video timeline and to extend it up again. So let's work on the building first. Let's actually give them names over here. This is gonna be my building, this is going to be my clouds. So on the building lab I'm gonna zoom out so I can see the end here and how long does it need to be? It's totally up to you. It's defaulted to about five seconds. You can kind of see these larger numbers here. 123 those of seconds. Um that will change depending on your zoom level, You zoom in and out, you'll get different numbers so it's a play, It's quite a long animation. five seconds is fine. You can extend it by just grabbing these ends here and deciding how long you want it to be. So the building, we need to do two things. We're going to do the position in the scale. So let's twirl down this little area here. And the one thing that happens when you are doing a mask is that if you animate it now, I'll quickly show your position and then another position but I'm going to move it. Which what happens when I animated Weird. Huh? The layer but not the mask animates. So I'm going to undo way back to the beginning. Okay, before I had any key frames and all I'm going to do is right, click this guy and say you are a smart object. Right click the gray area smart object. Now when we animate it, it's going to work. So play head right at the beginning. I'm gonna click on the little stopwatch and get our first key frame and then over here. Okay at the end it's gonna change it and this requires a little bit of practice playing around what looks believable. I'm gonna fake a zoom in here, maybe a bit of a pan in the zoom. So moving and zooming at the same time. So I'm gonna enter a key frame here. I'm going to control T on a Pc command T on a Mac. So I'm going to pretend like we're zooming in but also moving down so return and I'm just gonna see what that feels like. You see him swimming in maybe a bit too much. The other thing to note is that mine loops around. Okay if yours is not looping around, you can see in this little cog wheel here, you can turn loop playback on so it's probably a bit too much. So if you want to change it, you gotta make sure you get your play head right over the top of it. If you don't like this to get close it'll add an extra key frame. So I'm gonna undo when you're dragging this play head. What's that shortcut we learned if you hold down the shift key, that's it. Okay and drag it will try and snap to things like this key frame so that was just a bit too much. Maybe let's go for something a little subtler. Not much lately. Much of the work can be done by those clouds. There was no mask on this and I have made it just a little bit bigger. I haven't made it just I found an image that was a little bit bigger than it needed to be. So I'm gonna start it along this edge at the beginning here just well us down position and at the end here I'm going to have it kind of over here. So just as a basic rule of thumb is that whatever is closest the foreground moves faster than the stuff in the background. That is not always true. But this closet racing Now, it's previewing at a really low resolution because I had said it here to resolution 25 What you might find if you've got it higher or you've got a more complex animation going on. You might have to watch, watch this option here says 30 frames per second. Mm hmm. See it dropping down to 14. Jumpy, jumpy, jumpy he said, this little bar that's racing in front of it, that's his buffering. It's trying to like render it now that it's gone through once you can see it's not trying to do that anymore. That little line is solid. It means that the second time around can see green. It said I went through my stressful version and now I'm ready to play this back in a nice little loop and that is parallax, My friends. Two things moving at different speeds they can scale okay, there's no reason I couldn't scale my clouds as well. I just went from from left to right from my building here. I tried to scale a bit. Alright, let's jump in and do another version with parallax. There's nothing more than we did here, but we're gonna have a few different levels, not just the building in the background. So let's open that file now it's file, let's go to open Open up Parallax three and at the end of this will export it. But basically it's the same as we did in the last video. Just hit this little render button down the bottom. So for this one here, I'm gonna show you a little trick so before we create this time I'm going to double click the thumbnail just to get rid of it for the moment a little bit. So there's going to be 1234 closed mountain, middle mountain, back mountains and then the sky, so we're gonna have four layers. So let's do those. So with that selected command J. I'm going to hit that so I've got three versions. Let's even name them, Go crazy. This is going to be the sky layer. This one here is going to be the back mountain, it's going to be the middle out mountain. This one here is gonna be the front counter cool so let's mask them front to back so I'm gonna turn all these off, let's do the front first and I'm just going to use my quick selection tool pretty good again, this is quite forgiving, so your mask doesn't have to be perfect, so just do it, get it animating and then you can go and fix the mask up later on if you like using the, select the mask so add a layer mask, that's cool, it's a front mountain, let's do this one, hold down the option key and click on that eyeball turns the other ones off. Just this one on that's hold on a PC. Okay, Middle Mountain, I don't need you, it's looking pretty good, yep, Middle mountain, thank you On the back one, you could go a bit harder, hardcore and there's a few extra mountains in here, you could do them all different times. The problem is remember the further away the things are, the less kind of movement is going to have, the sky is gonna have a bit of movement because we're faking clouds moving in the sky, but these mountains in the backyard are not going to move much at all so to cut all these other ones out, I'm not sure anybody's going to notice, Alright, looks for me, back mountain, the sky is the last one um so sometimes you need more sky in this last exercise, we just kind of stole sky from a different image. I just went through a splash and just went, what seems to have the same kind of visual depth of field type thing, you know? Is it the right angles and I just guess that and it looks okay. But this parallax one, I want to actually use the clouds that we've got. So what I'm gonna do is I'm going to grab my lasso tool and just select all these bad guys. So my sky layer, I've got a big selection, I just want to remove the mountains. Okay, so edit fill, make sure its content aware and it's not gonna be perfect, but it's going to give me a lot more to play around with. It's pretty cool. Alright, turn them all on, they all look together and now we're just going to animate them at different times. Right? So this one different from this one. So open up timeline and let's get this going into an animation. We'll start with this front guy because he's going to be moving the most and we're going to kind of zoom into it. So we're going to start at the beginning here, we're going to put in because we can't really go backwards. Okay because there's just no extras here, you could use content aware fill and trying to generate more or you could just start really big, well not that big and shrink it down over time so there is extras over here but this effect, what I want to do is kind of move like we're moving forward position, that's not gonna work. Remember that little thing we need to do and do, we need to make sure you smart object, smart object, you smart object back to front. Cool. So transformation here And as it zooms into five seconds, I'm gonna hit command t we can go to edit, transform. Control 10 pc. Yeah, that's gonna work for me. The middle one here, so that's gonna have quite a big movement now. The middle one because it's a little bit further away, it's going to have less movement. So at the beginning transform at the end transform but it's going to have just not as much. You can look at percentages, can you see up here? That's 100 and 30 if you're watching, I have no idea what I made the first one but you can kind of just go 100 and 5200 and 30. 110 something like that. If you need some math and I'm just making sure you can't see the join. It's probably a bit much let's let's give it and test it and see make adjustments afterwards. Let's get the mechanics working. So in the back here transform, I didn't quite get it in the beginning. Cool. So transform and then at the end here I'm going to go just Maybe 112%. Move it up a little bit severe I think it's okay. Alright, let's look at doing the sky now. So in this case because they're slightly different. Watch this because this is a smart object, I have this option called transform. If I click on sky and a toilet down it's kind of different, you can see I have position, opacity and style and the position will work. I can key frame the position but it won't do the scale which I want to do. So I'm gonna right click this guy convert to smart object even though it's got no mask or anything, it just means that it gives me access to the transform at the beginning here, you know, transform it and then at the end I'm going to change the position and also the scale probably not that much, just a little bit and maybe just let's keep it that way, cards are slowly moving that way into it's good to go. You see the first time through its china buffer, it can't do it, it's only paying it seven frames per second, it should be doing so what we're gonna do is Probably switching it to the resolution to 25%, it would play fine but I got we're free to go around loop and now it should play nice Way too much movement on that 1st 1 but now we've got a drone that's coming in zooming in. Alright. Kind of believable. Probably have to lower the scale and movement of that first front one. That's what you can do now just make sure you've got the play head holding shift so it snaps to the key frames. Okay? And make adjustments to render this. We're going to hit this little render button down the bottom, little arrow, select the folder, I'm going to stick mine on the desktop. It's going to take the name of the jpeg that we opened. That's gonna work for me. We're gonna export hours as an H 0.264 so it's an Mp four and leave everything else there. Hit render kick back, relax and you'll end up with an MP four. Alright, let's check our desktop here. It is here and that, That's awesome. Okay. If if not a little too fast. Alright. If you want to export this is an animated gift, we'll do that in the next video when we do cinema grass and we'll do some animated gif export

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files Part 2
Completed Files Part 1

Ratings and Reviews

Shah Nawaz
 

Amazing experience but it is little old. You should update with latest version of PS

Uli N
 

Great class, but outdated PS version. It was confusing sometimes. Some tools are not in PS anymore and more tools have been added which is not included in the course.

Nadim Rouf
 

Student Work

RELATED ARTICLES

RELATED ARTICLES