Adding retro effect animations in photoshop

Photoshop CS3 Extended allows you to edit video and animation. You can also convert an existing video to Smart object (Smart object) and apply filters to it. This time we’ll add a vintage atmosphere to the video and put it on the screen of the old TV.

Preview of the final image.
Before we begin, let’s take a look at the video we will create. Click on the screenshot of the finished video (weight – 6.7 mb).

Finished animation

Step 1. In Photoshop CS3 Extended (and in later versions) there is a good opportunity to edit video and animation directly in this program. This time I will show you some simple tricks for editing video in Photoshop. Before you begin, you should know that Photoshop can edit any video as Smart object (Smart object). This option opens up unlimited possibilities for achieving amazing results when working with video after adding effects, filters, etc.

So, let’s begin. We will start this lesson by creating a new document with the size of 640x480px. You can change the size of the video itself. Go to menu Layer (Layer) – Video layers(Video Layers) – Layer from file (Layer from File) and find the video on your computer.

I used a video that was shot a year ago. On it, my friend Ariel is rafting on the Espiiritu Santo River in Bolivia. As you can see, the video layer is now located right in the layers palette. Convert it to Smart object (Smart object) (right-click on the name of the video layer and select Convert to Smart Object (Convert to Smart object). Then call it Video. Now set up your workspace, go to the menu Window (Window) – Animation (Animation) to display the Animation tools.

Step 2. To begin, edit Levels (Levels) for the Video layer. Click on the icon in the layers palette. Create a new fill layer (Create a New Fill Layer) or Correction layer (Adjustment layer) and select Levels (Levels). This action will create a new one. Correction layer (Adjustment layer) for our video. Apply the following values.

Step 3. Then add one more Correction layer (Adjustment layer) by clicking on the icon Create a new fill layer (Create a New Fill Layer) or Correction layer (Adjustment layer) and select Photo filter (Photo Filter). Set the color to # 704302 and Concentration (Density) at 100%. This technique will give the Video layer a pleasant sepia tint. Also, as you can see, each layer is added as a new layer in the window. Animations (Animation).

Step 4. It’s time to have some fun! We will animate some objects in Photoshop. Let’s try to give a vintage style video. To begin, create a few lines crossing the screen. Draw three or four vertical lines using a soft Brushes (Brush) 2px, then erase some parts of the lines with the tool Eraser (Eraser) with Opacity (Opacity) and Intensity (Flow) 50%. Also add all the layers to the new group called “New Video”.

Step 5. Go to window Animations (Animation) (Timeline (Timeline). Click on the arrow to reveal the “Lines” layer. You will see three lines: Position (Position), Opacity (Opacity) and Style (Style). Each line can contain any number of key frames. When you create a keyframe, you set up a modification point for your layer.

Photoshop will create motion between two keyframes. You can modify each of these three layers as many times as you need. You can also create combinations of several positions, values Opacity (Opacity) and Layer styles (Layer Styles) in Timeline (Timeline).

The film has a duration of 20 seconds, the number of frames per second is 30, which means that this film consists of 600 frames. Default Timeline (Timeline) is measured in seconds. Below are the management tools: button Run (Play) buttons Following (Next) and Previous (Prev) frame. Also Timeline (Timeline) is a slider that allows you to determine the viewing time.

Step 6. Place the current time indicator at 00: 00f. Click on Timekeeping (Time-vary stop watch) (alarm clock) in line Position (Position). This action will create a yellow diamond on Timeline (Timeline) where the slider is located. This is a keyframe. Now using the tool Move (Move) move the “Lines” layer a little to the right. This will be the first movement position.

Step 7. Now we are animating Opacity (Opacity) of the “Lines” layer. Click on Timekeeping (Time-vary stop watch) (alarm clock) in line Opacity (Opacity). You will see a gray diamond appear. Then go to the layers palette and set Opacity (Opacity) of the “Lines” layer by 0%. When it changes Opacity (Opacity), the gray diamond will turn yellow again.

Step 8. To create a second keyframe animation, move the current time slider a few frames forward in the timeline. Then using the tool Move (Move), place the invisible “Lines” (Lines) a little to the right.
In the layers palette, change Opacity (Opacity) of the “Lines” layer by 75%. Now you can use the button Run (Play) in the window Animation (Animation) to start viewing the result – the effect for lines is attenuation in motion.

Step 9. To finish working with the “Lines” layer (Lines), place the time indicator slider slightly forward, as in the previous step. Then use the tool Move (Move), move the lines to the right not too far, but not too close. Finally, install Opacity (Opacity) of the “Lines” layer (Lines) is 0% again. If you click on the button Run (Play), you will see a dissolution + movement + manifestation of animation.

Step 10. Now we have three keyframes of animation for this layer, they take less than three seconds. Therefore, we need to repeat the line animation throughout the entire timeline. To do this, go to the layers palette and duplicate the “Lines” layer. Then go to the animation window and hold down the Shift + key and click on all the key frames of the “Lines copy” layer (Lines_copy). As soon as you select them all, move them forward, somewhere around 10: 00f.

Repeat this process, duplicate the “Lines copy” layer, select all the borders of the “Lines copy 2” layer and move them forward. I did this only three times, although you can do it as much as you need. Try not to make two or more keyframes on the same timeline at the same time, because the lines at the end of the video will look bold. View the result again by clicking on the button. Run (Play).

Step 11. To make the lines softer, convert each of the “Lines” layers to Smart Object (Smart Object). Then change them Opacity (Opacities) respectively 50%, 70% and 50%.

Step 12. Create a new layer above the “Lines” layer and name it “Noise”. Then press the D key to set the default colors. Go to menu Filter (Filter) – Rendering (Render) – Clouds (Clouds). Once you make the clouds, go to the menu Filter (filter) – Noise (Noise) – Add noise (Add noise) and install Effect (Amount) by 30%. Also install Distribution (Distribution) on Uniform (Uniform) and tick option Monochrome (Monochrimatic).

Step 13. Install Opacity (Opacity) layer Noise (Noise) at 25% and the blend mode at Darkening basics (Color Burn).

Step 14. Now in the animation window, move the time indicator to 00: 00f. Then click on the bar next to Position (Position) and Transform (Transform) layer Noise (Noise) by increasing the width of the image as shown below. Then place the current time slider at 20: 00f (last frame) and move the “Noise” layer to the right. So you make an animation for noise.

Step 15. Now, if you want to add more grunge details to the video, add another layer of lines under the “Noise” layer, but this time make them thicker (brush size 3px). Follow the same steps as for the main lines (step 6-9). The difference is this: set a larger distance between keyframes, and the first frame should not start at 00: 00f. If you want a better result, repeat the process of adding lines three or four times.

Step 16. Now we can add some text that affects the subconscious (25 frame) to the video. You can also use this method to add a signature to your work. The steps are the same. First, create keyframes and change the settings for their layers.
Write any text on a new layer called “Subliminal image”. Place it under the “Noise” layer. This time we will only animate Opacity (Opacity), and for a short enough time to create the effect of 25 frames. Frame 0% Opacity (Opacity), then another with 88%, and the last again 0%.

Step 17. Now add a dark border to the video. Create a new layer above the New Video group (New video), press Ctrl + A to select everything, and then Ctrl + Alt + D to To shade (Feather) selection. Then install Radius (Radius) at 50px. Ctrl + Shift + I for Invert (Invert) selection. Then using the tool Fill (Bucket) and black fill the selection.

Step 18. Put everything in a new group and name it “Full video” (I don’t think up any names well).

Step 19. Paste this image on a new layer above all layers and remove the screen. I used the Magic Wand tool with Tolerance (Tolerance) 50.

Step 20. Now convert the Full Video group to Smart object (Smart-object). If you want to edit the video later, double click on this layer. Now using the tool Deformation (Warp), warp the image to fit the screen. I used guides to facilitate the work. Also add Shadow (Drop Shadow) to the TV layer. You can add more effects if you want. This time I made them pretty simple.

Step 21 To save the video, go to the menu File (File) – Export (Export) – Watch the video (Render Video). Select a folder and file name. Select Export Quick Time (Quick time Export) (if this option is not available to you, then you need to download the program Quick time version 7.4 or higher). Clicking on the parameter Settings (Settings), and then Options (Adjustments), you can choose a variety of parameters to adjust the video quality. This time I will use the default settings. Finally, click Rendering (Render).

Editing video in Photoshop is not an easy job, but you can achieve great results if you have patience. Use this lesson to add a caption to your video or add a vintage effect.

Like this post? Please share to your friends: