How to Make a Stop Motion Animation in Photoshop | Adobe Creative Cloud

preview_player
Показать описание


Do a Casting Call:

1. Take a look around to see what small objects you’d like to set into motion.
2. It can be helpful to draw thumbnail sketches to storyboard the animation.
3. Plan to capture at least 10 frames for a short animation.
4. Assemble the props as necessary.

Tip: For this piece we created a popsicle using a real watermelon and black beads for the seeds.

Create a Scene:

1. Find an area with plenty of light to set up your scene.
2. If it is a beautiful day, you can head outside.

Tip: Windows and lamps can be great light sources as well.

3. We used construction paper for the background and set the watermelon on a glass pane from an old picture frame to keep the paper from getting wet. The glass also created interesting shadows under the watermelon and seeds.
4. Keep your camera or phone as still as possible. Use a small tripod, but if you don’t have one, prop your device on something sturdy.
5. Set a three-second timer on your phone’s camera so you don’t accidentally shake it while pressing the shutter.
6. Take a few test shots of your scene to find the composition you like.

Shoot, Prep, Reshoot:

1. Take a photo, move or make a change to your subject, repeat.
2. This can be time-consuming, but don’t worry about making mistakes along the way. Small jitters or imperfections can add to the charm. Even though this scene was simple, I reshot it a couple of times to get it the way I wanted. (Plus, I got to snack on the outtakes.)
3. For a smoother animation, make small, gradual adjustments to your subject. More dramatic movements between photos will give your animation a choppier look.
4. I used a measuring glass to cut sections of watermelon, taking a photo after each “bite”.
5. To keep the popsicle stick in place as you work, secure it to the surface with some tape.
6. Hold the rind firmly in place while cutting pieces out of the watermelon.

Edit in Photoshop:

1. Save the photos to your computer.
2. In Photoshop, choose File – Load Files into Stack, browse to locate the images, click OK.

Note: This part may take a little time as Photoshop loads the images and creates individual layers for each photo.

3. Open the Timeline (Window – Timeline) and choose Create Frame Animation from the drop-down.

Note: If Photoshop adds the first frame by default, skip to the next step.

4. Choose Make Frames From Layers from the flyout menu on the Timeline.

Tip: Depending on how your files are named, your frames may be in reverse order. To correct this, choose Select All Frames from the menu and then Reverse Frames.

5. To loop the animation, select all the frames and click the + icon to duplicate them.
6. With the duplicated frames still selected, choose Reverse Frames, then delete the duplicate frame in the middle of your animation.
7. Press the Spacebar to preview the animation.

Adjust the timing:

1. Click the first frame, hold Control (Windows) or Command (macOS), then click the eleventh frame—which is where the animation will start to loop—and change the duration to 0.5 seconds.
2. To make the first half of the animation to go slower than the second half, hold Shift as you click the second and the tenth frames.
3. Set the duration for these frames to 0.2 sec.
4. Leave frames 12 through 21 at 0 sec.

Share your work:

• Save as animated GIF:

1. Choose File – Export – Save for Web (Legacy).
2. Choose GIF as the file type, set Looping Options to Forever, click Save.

• Save as video for Instagram:

1. Choose File – Export – Render Video.
2. Name the file and choose a destination.
3. Set the dimensions to 1080 x 1080—the optimal size for Instagram—and keep the default settings for the rest.

That's it!

To watch with Subtitles/closed captions, click the CC icon in the lower-right corner.

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:

#AdobePhotoshop

How to Make a Stop Motion Animation in Photoshop | Adobe Creative Cloud
Рекомендации по теме
Комментарии
Автор

0:19 make sure u click "create frame animation" instead of "create video timeline"

if you want all (or multiple in a chain) to have the same sec delay, click first frame, then shift+click last frame. Then you can select the "0 sec" for one item and it'll change all of them.

jwwwun
Автор

just finished doing this exercise, a few instruction are left out of the video but i found it easy on the apps navigation bar. had fun !

MrJmaafly
Автор

Now I know what to do with my ice-cream shaped watermelons.

omiddoesnotomit
Автор

Best video tutorial ever, so perfectly succinct. Thank you! 😀

VonSolo
Автор

I first started doing stop motion with ImageReady, which was packaged with Ps7. You could export a project from Ps to Ir. Pretty much the same steps after that. I always figured it could be done directly in Ps now but just got around to looking it up. I got tired of having 2 different versions on my system.

thememoryhole
Автор

Wow! I never ever used the timeline in Ps! Great music as well.

evaandugar
Автор

Whoaaaa thank I will definitely try 😍😍😍😍😍

LS-Edits
Автор

my photoshop app did not show these drop down options (2020) am i missing something?

pligonde
Автор

When I select the timeline there is no image on the first frame and the right side menu panel doesn't show as is in 1.10 . Any suggestions?? 2021 Adobe Photoshop.

huclyle
Автор

Thank you for this! But I thunk you have to upload an mp4 video file for Instagram. How can I save it as a video file from photoshop?

lewisfilms
Автор

Do I press save or done? Because after I click done, I don't see it being saved anywhere.

WaterStTVsubscribe
Автор

Nobody
Adobe- we will show how you how it's done!

netavyakapoor
Автор

Why does it keep saying an unknown error has occurred?? Does anyone know what I can do to fix this?

WaterStTVsubscribe
Автор

Why does the jpg export in illustrator has declined the quality so much? The legacy one is better...

redaderyn