Can You Add Music To Photoshop Animation

The release of Photoshop CS6 presents another revolutionary step in the history of Photoshop. While the previous releases of Adobe Photoshop formed a existent and significant modify in the development of Photoshop, the latest version, Photoshop CS6, definitely comes with some amazing new and improved features, such as the 3D feature, content-aware and the animation timeline enhancements.

Although animation in Photoshop is not a new feature, it has improved a lot in Photoshop CS6. In the new Photoshop timeline yous tin at present add video layers, modify video content, build animation and add audio.

In this Photoshop tutorial we will shed light on this feature through the following example. Nosotros will utilize the timeline to create an blithe into through adding a video layer and creating text animation.

Quick Tip: How to Create a Seamless Blueprint in Photoshop
How to Create Islamic Fashion Affiche in Photoshop
How to Create a Photograph Manipulation Poster in Photoshop
Amazing Photo Manipulation Tutorials
How to Create a Comic-Book Style Image of Yourself
How to Create HDR Photos in Photoshop CS5

This commodity requires y'all to accept a basic knowledge of both Photoshop and the concept of animation. You tin download the beta version of Photoshop CS6 from this link.

Earlier nosotros bound to the tutorial, let usa preview the concluding look of the animation below:

Step1

Create a new Photoshop document past choosing New from the File carte. In the New Certificate dialog box, choose Film and Video from the Presets list.

Step2

From the Size, choose NTSC DV Widescreen. This will set the document size, attribute ratio and animation frame per 2nd to meet with the NTSC video standards.

Step3

From the Layer card, choose Video Layers> New Video Layer From File. Navigate to the video Freemoonriseoverwater.mov and click Open up. Due to the size of the video file, you lot can download a free copy of it from the following link:

http://world wide web.stockfootageforfree.com/time-lapse/free-timelapse-stock-footage-moonrise-over-water

Step iv

On the Timeline panel, y'all will notice that the video layer appears in the timeline. If you exercise not see it choose Create Video Timeline from the Timeline console.

Step 5

At present, we will resize the video to fit the stage. Printing Cmd+T (Ctrl+T in Windows) for Gratuitous Transform. You will get an alert message that the video will exist converted into a Smart Object. Printing Ok and resize the video to fit in the stage. You can hold the Shift Cardinal while resizing to maintain the video aspect ratio.

There is a slider in the bottom of the Timeline panel, you can drag it to the right or left to zoom the timeline and reveal more frames of the animation. You can observe this through the frame numbers on the elevation of the Timeline panel.

Step six

Using the Type tool, write the word "Adobe" in the eye of the screen and brand it small like the 1 in the figure beneath. Note that a new animation layer appears on the timeline to allow you to animate the text.

Step7

In the Timeline panel, Click the arrow next to the text layer and click the small stopwatch icon next to the Transform belongings. This enables you to transform the text, such every bit moving and scaling.

Step8

Motility the timeline indicator to frame number 03:00, which ways the iii^rd second of the animation.

Step9

Scale the text up like in the figure beneath and place it in the center of the screen.

Step10

Move the timeline indicator to frame number 02:00, which ways the ii^nd second of the blitheness.

Step11

Click on the stopwatch icon next to the Opacity value. This activates the opacity on the text blitheness.

Step 12

Now, move the timeline indicator to the end of the text animation on frame 03:00f. From the Layers panel, gear up the Opacity of the text to zero.

Step13

Move the timeline indicator to frame number 02:00f over again. At that indicate we volition create a new text that will appear while the first one fades.

Step14

Using the Blazon tool, create a new text "Photoshop". Brand information technology small-scale and place it in the middle of the screen as we did with the previous text.

Step15

Click the stopwatch icon next to the Transform property layer.

Step16

Move the timeline indicator to frame number 05:00f, this is the 5^th 2nd of the animation. Scale the text upwards as we did with the previous one.

Step17

Move the timeline indicator back to frame number 04:00f, click the stopwatch next to the Opacity property.

Step 18

Move again to the end of the blitheness of the second text on frame 05:00f. Set up its opacity to 0 from the Layers panel.

Step19

Move the timeline indicator to frame number 04:00f and create a new text layer. Add the word "CS6" to this layer.

Step 20

Echo the previous steps to scale and alter the opacity of the text. We will have three text animations that fade after the 7^th second of the animation.

Step21

Move the timeline indicator to the end of the video animation layer.

Step22

On the top left of the Timeline panel, select the square transition icon side by side to the scissors icon. This icon opens a floating menu that allows us to see the available transitions.

Step23

Select Fade to Blackness and drag to the cease of the video blitheness layer. This will apply a fade to black transition to the end of the animation. You can preview the animation by pressing the Spacebar in your keyboard or click the Play push in the Timeline panel.

Step24

At present, we volition add together audio rail to the animation. In the Timeline, you can find the bottom layer called Sound Rails. Click the music icon on the right side of the sound layer and cull Add Audio. Navigate for the sound track Mystical_10sec.mp3. You tin download it from the post-obit URL:

http://www.stopmotionpro.com/index.php?option=com_content&view=article&id=43&Itemid=34

Then, click Open to add together it to the time line.

Step25

At the cease of the animation, click on the pointer at the end of the audio layer. In the fade out value, set it to 1 sec to fade the sound past the end of the sound track.

You can elevate the video layer from the end side to ingather information technology. And so, it ends in the same time of the sound track.

At this signal we have finished creating the blitheness. In the next steps we will render this animation into video format as follows:

Step26

On the top of the Timeline frame numbers you can discover the two brackets in the first and the finish of the Timeline layer. Make sure to movement these brackets to include only the animation frame. These brackets ready the frame that will exist rendered.

Step27

From the File card, cull Export>Return Video.

Step28

In the Render Video dialog box, set the name of the video and the path where y'all would like to salve it.

Pace 29

Set the return format to Adobe Media Encoder and choose QuickTime format. Set the Presets to High Quality and the size and frame charge per unit as the same. It volition be rendered using the same size and rate of the presets we had selected at the starting time of the animation.

In the Range area, set the return expanse to Work Area, this will simply render the frames inside the brackets we accept mentioned above.

Click the Render button to render the video that should appear as below.

In this tutorial nosotros have overviewed how to create a video animation in Photoshop CS6 using the enhanced Timeline console. There are many features and options associated with animation in Photoshop and this tutorial intends to overview the video building process and then you can start exploring the different animation capabilities of Photoshop CS6 from here.
Now the animation is ready to eventually be published on a video-sharing website; alternatively you tin can use our A2 Hosting coupons to create your own video hosting site for an affordable price; A2 Hosting offers the best video hosting site softwares, such every bit ClipBucket, CumulusClips and phpMotion, on fast servers with gratis SSD storage and SSL certificate.

In the side by side tutorials we volition cover more Photoshop CS6 features. So, delight add together your comments and questions to increase the benefits of this tutorial.

Source: http://www.graphicmania.net/creating-animation-with-audio-in-photoshop-cs6-tutorial/

Posted by: manningmervagands1939.blogspot.com