How to Make a Parallax Motion Effect in Photoshop | Adobe Creative Cloud
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2024
- Learn how to make your photos come to life with the parallax photo effect. Download Photoshop to get started: www.adobe.com/...
Start from scratch, or download practice files
[learndownload....] then proceed to following the steps below.
Prep your project:
1. Open parallax_effect.psd in Photoshop.
2. In the Layers panel, hide the Sky layer and click the Buildings layer to select it.
3. Select the Quick Selection tool. Set your brush to the following:
- Size: 10px
- Hardness: 100%
- Spacing: 1%
4. Delete the sky: Click and drag from the upper right corner until the entire sky is selected. Press Delete.
5. Click the Sky layer to select it, then unhide it. Hide the Buildings layer.
6. Select the buildings: Select the Lasso tool and drag around the buildings to select them.
Tip: Drag outside the edges of the buildings, then drag in the sky close to the buildings until you complete the selection.
7. Select Edit - Fill. Choose Content Aware, and click OK. Click outside the area to deselect the Lasso tool selection and select the Move tool.
8. In the Layers panel, right click the Sky layer and select Convert to Smart Object.
9. Select the Buildings layer, unhide it, right click and select Convert to Smart Object.
10. Select Edit - Transform - Scale and drag the corners to make the buildings layer a little larger, then press Return (or Enter).
Set it in motion:
1. Select Window - Timeline. Click Create Video Timeline.
2. Zoom in on the buildings: Expand the Buildings layer in the timeline, click the "Enable keyframe animation" icon next to Transform to create a keyframe. Then, move the playhead to the end of the timeline and scale the Buildings (Edit - Transform) back to their original size. This automatically creates a keyframe.
3. Make the clouds move: Move the playhead to the beginning of the timeline. Expand the Sky layer in the timeline and create a keyframe. Then, move the playhead to the end of the timeline and move the sky directly up. This automatically creates a keyframe.
4. Preview the effect: Press the Play button in the timeline to view the effect. Adjust as necessary.
5. Export the video: Click the Render View button at the bottom of the timeline. Choose the export location, size, quality, format, and other render settings as needed, then click Render.
Note: You can also accept the default render output settings.
That's it!
Visit our Photoshop Tutorials page to learn more: adobe.ly/2wmhivZ
Subscribe to Adobe Creative Cloud: www.youtube.co...
Download Adobe Express: adobe.ly/3rDM7M8
Learn More: www.adobe.com/...
About Adobe Creative Cloud:
Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.
Connect with Adobe Creative Cloud:
Twitter: / creativecloud
LinkedIn: / adobe-creative-cloud
Facebook: / adobecreativecloud
Instagram: / adobecreativecloud
#AdobePhotoshop
How to Make a Parallax Motion Effect in Photoshop | Adobe Creative Cloud
• 10X Your Excel Skills ... gQ8Wn1OKuyE - แนวปฏิบัติและการใช้ชีวิต
I wish all tutorials were this simple! Nicely done
Thank you TH-cam.
Wow Adobe actually teaching how to use their product wow it only took 20 years to start eh
loooooool
Re
you forgot about the clouds that are reflected in the glass buildings
Nice one
I thought the same
i was thinking the same
You beat me to it
How would you do it, maybe with a mask and a screen overlay and warping the texture?
More like these please. Short, straight to the point
All to be done in Photoshop only 0:39 not working anyone how to do it step 10 now working
This doesn’t work because the cloud reflections in the building windows don’t move.
You probably shouldn’t have used highly reflective buildings for the example as none of the cloud reflections move with the sky.
It will be 20 mins tutorial for these so-called photoshop experts
У меня на канале есть как делать такое) смотрите!!
In which format I have to export
Czy nie można było tego uprościć w jakiś sposób żeby nie trzeba było tyle klikać
Love it❤️
More like these please. Short, straight to the point
²
more these please!!
Using a timeline in photoshop is like brushing your teeth with a finger. You can do it. But...why? I guess, it's more comfortable to do this in AE.
Well the sky doesn't move on the building, so it would be better to layer out each window pane and nest the layer so they work in accordance and match the original motion
why you gotta delete and not use mask instead? :'(
Thank you so much for sharing 🙏🙌
Is this tutorial made with one of Adobe tools or third-party?
Anyone knows?
Nice
#logologic
Id rather use premiere or after effects keyframing, way easier and faster. Scale and scale for both
Clouds don't move on reflection. Booo
That would add a lot of work. This is just a simple tutorial. Would you really want to invest all that additional work? For most situations you would also not need to add reflections.
You forgot the reflections on window glasses, i think some masking and blending in another layer would do the job
Great
Awesome!
Is it possible to get this effect reacting according to gyroscope sensor (in smartphone) or cursor (in PC)? Just like the 3D images that works on facebook.
@being fresh i know that trick already. Photoshop defines the depth in 2D image and facebook calculate it and convert it into 3D using its own engine. I wish this feature will be independent of any social site so we can use it in our phone or PC as wallpaper or in sites.
@@Ghost_X4T5 it eats at mobile data if you have a data limit
@@HistoryandReviews I've unlimited data so that's not an issue for me.
Kiy h ye kon sha aaps h kiy bta ns cha rhe h piz btao n
very nice and easy
Where can I use this effect for? My website?
When i try to render it it just keep loading... Help plz
This is fully work flow. Make more video like this for us ❤
House of card starting scene
AWESOME!!!!!!!!!!!!!!!!!!!!!! Thank you very much!!!
Good ❤️
reflection is supposed to move as well
Ruslan Iskhakov How would you do that?
I have no idea
but it's not me who posts tutorial videos
I'd mess around with one of the blending modes like Pin Light or Screen to see if that'd let the moving cloud layer pass through.
didnt even notice that till i saw this post, and now I can't shake the thought off . those reflections do need movement!
It can be done by removing EVERY pane of glass, accounting for how the shadows will reflect and executing the same set of movements. The question is, how important is it to you/client and who is paying for ALL that time?
Shameless Maya told us about these on Adobe Live! :)
Thank you. Nice clear tutorial I love it.
Scammers
Thieves
How about making the clouds seamless if you want to loop the effect?
Youd probably have to find a separate image for that, shouldnt be too hard though
amazing
thank you
hi guys! welcome tutorial to photoshooooooooaauuuup :P
Thanks
PERFECT
and.. awesome! thank you :)
First time trying... is it suppose to take over 30 minutes to export, on a 1:29 clip?
Hello Jeremy! Depending on the computer you're using, a 1:29 clip is very long for a parallax video on Photoshop. Imagine the program creating a "stop motion" series of photos for you to create a video. The effect itself should be no longer than 5-10 seconds at the most. Most social media platforms won't take anything longer.
Cool 😎
Guys, I’m literally crying right now. Am I that stupid that everyone understand it but not me…. is literally one minute tutorial, and I already have spent like an hour of time to do the same shi and I still can’t do properly because I just don’t understand it😭🫥 well I’m just giving up on my course I can’t do any more
Awesome
I dont have option "Fill" in photoshop, can u show me hot key "Fill" plls?
Ctrl+backspace for windows
Shift+delete on Mac.
Exelente!!!!
Love these short tutorials!
How I can export to mp4 or video format ?
Use Adobe Media Encoder
Wonderful!
I can do this too in Photoshop CS6 ?
Didn’t allow me to click the “fill...” button. What to do?
Hi Jakob! Are you using the latest version of Photoshop? If so, check the layer you are working on. When you use the content aware option, it should be on the "Sky" layer and not the "Buildings" layer.
Thanks, I’ll try it
IS THIS WORK ONLY FULL VERSION? NOT WORKING IN FREE TRIAL?
lol the reflect in the building is lol
ohhh amazing !
what version of adobe photoshop used in this video ?
i use cs6 extended version, and it work