[ENG BELOW] Fiz um tutorialzinho bem simples de como criar as animaçõezinhas que eu uso pra mostrar minhas artes ao final dos meus vídeos. Espero que gostem ;3
--
I made this super simple tutorial on how to create the animations I use to showcase my artworks at the end of my videos. I hope you like it ;3
TUTORIAL STEPS:
Creating the animation:
1. Go to Window: Timeline
2. Click Create Video Timeline
3. Click the arrow next to the layer's thumbnail (in the video timeline) to open the effects timeline
4. Right Click on the image/video layer to open the Motion tab
5. Select the type of motion you want and the direction it should be applied to your video layer (this will determine where your animation will start and end, screen-wise)
6. De-select the option "Resize to Fill Canvas" if you already have the image in the size you want.
At this point, Photoshop will create 2 keyframes and animate a transformation between them automatically. But it's not good enough, since it crops out parts of the image we want to show. Next step will show how to fix that:
7. Click the keyframe icon (a diamond icon) to select it, then hit CTRL+T to properly position your image in the canvas. Press ENTER to save this new position to the keyframe. Repeat this process to all keyframes.
Adding new keyframes:
8. Drag the handle (the little blue triangle with a red line that shows us the timestamps in the video) in the video timeline to a point in the video that doesn't have a keyframe assigned to it.
9. Hit CTRL+T to properly position your image in the canvas in this new keyframe. Press ENTER to save this position and create a new keyframe corresponding to it.
Saving the animation:
10. Go to File: Export
11. In the Export tab, select Render Video
12. In the Render Video tab, you can chose all the properties of your resulting video, such as file extension, FPS, size and what encoder and format will Photoshop use to render it (I recommend using Adobe Encoder and H.264 format).
13. Hit Render and we're done ;D
#photoshoptutorial #animation #tutorial #digitalart #animationtutorial
How to Make Simple Animations on Photoshop
(tutorial steps in the description) 1st we must go to Window: Timeline to open a video workspace. In this workspace we must click Create Video Timeline. This arrow opens the video effects timeline. By right clicking on the video layer, we're able to access the video effects Motion tab, that will compose our animation. After you chose which movement you'd like to use, just click outside of the Motion tab. Photoshop then creates and animates the keyframes
, but it doesn't look good. So, select the (desired) keyframe and hit CTRL+T to position your image and then ENTER to apply this position to the keyframe. Do this to all the keyframes. This makes Photoshop understand at what (canvas-wise) position your image has to be at the beginning and ending of the animation. Because it's PS that will calculate your image's trajectory from one keyframe to another. The process to create new keyframes is basically the same (as editing them), we just can't crea
te them in the same place as existing ones. Understanding this workflow will allow you to create and combine many different types of animation, including more complex animations, like the one that will be shown shortly containing my logo. But this is a matter for a future video. Stay safe and see you soon ;)
Comments
Muito bom! Tenho usado a alguns anos para fazer animações com resultado muito satisfatório só sinto falta uma opção de curvas para suavizar os movimentos, aí tenho que correr de volta pro after.
Mano, eu nunca nem imaginei que era possível fazer isso