How To Add Sound To Photoshop Animation

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

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

In this Photoshop tutorial we will shed light on this feature through the post-obit instance. We will utilize the timeline to create an animated into through adding a video layer and creating text animation.

Quick Tip: How to Create a Seamless Pattern in Photoshop
How to Create Islamic Mode Affiche in Photoshop
How to Create a Photo 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 article requires yous to take a basic cognition of both Photoshop and the concept of blitheness. You lot can download the beta version of Photoshop CS6 from this link.

Earlier nosotros spring to the tutorial, let united states preview the last look of the animation beneath:

Step1

Create a new Photoshop document past choosing New from the File card. In the New Document dialog box, choose Pic and Video from the Presets list.

Step2

From the Size, choose NTSC DV Widescreen. This will set the document size, aspect ratio and blitheness frame per second to see with the NTSC video standards.

Step3

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

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

Stride iv

On the Timeline panel, you volition discover that the video layer appears in the timeline. If you do not encounter information technology cull Create Video Timeline from the Timeline console.

Pace 5

Now, we will resize the video to fit the phase. Press Cmd+T (Ctrl+T in Windows) for Gratuitous Transform. Yous will get an alarm bulletin that the video will be converted into a Smart Object. Printing Ok and resize the video to fit in the stage. Y'all can concur the Shift Key while resizing to maintain the video attribute ratio.

There is a slider in the lesser of the Timeline panel, you can drag it to the correct or left to zoom the timeline and reveal more than frames of the animation. Yous tin notice this through the frame numbers on the top of the Timeline panel.

Step 6

Using the Type tool, write the give-and-take "Adobe" in the heart of the screen and brand it pocket-size similar the one in the figure below. Notation that a new animation layer appears on the timeline to allow y'all to animate the text.

Step7

In the Timeline panel, Click the arrow next to the text layer and click the small stopwatch icon side by side to the Transform belongings. This enables y'all to transform the text, such as moving and scaling.

Step8

Move the timeline indicator to frame number 03:00, which means the 3^rd 2nd of the animation.

Step9

Calibration the text up like in the figure beneath and place information technology in the center of the screen.

Step10

Move the timeline indicator to frame number 02:00, which means the 2^nd second of the animation.

Step11

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

Stride 12

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

Step13

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

Step14

Using the Blazon tool, create a new text "Photoshop". Make it small and place it in the eye of the screen equally 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 second of the animation. Scale the text upwards as nosotros did with the previous one.

Step17

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

Step 18

Movement again to the cease of the animation of the second text on frame 05:00f. Gear up its opacity to 0 from the Layers panel.

Step19

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

Stride twenty

Repeat the previous steps to scale and change the opacity of the text. We will accept three text animations that fade afterward the seven^th 2d of the animation.

Step21

Motion the timeline indicator to the end of the video blitheness layer.

Step22

On the top left of the Timeline panel, select the foursquare transition icon next to the pair of scissors icon. This icon opens a floating menu that allows united states of america to see the available transitions.

Step23

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

Step24

Now, we volition add sound track to the blitheness. In the Timeline, you can detect the bottom layer called Sound Track. Click the music icon on the correct side of the audio layer and choose Add together Sound. Navigate for the audio rails Mystical_10sec.mp3. You can download it from the following URL:

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

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

Step25

At the end 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 by the end of the sound track.

You tin can drag the video layer from the stop side to crop it. And so, it ends in the same time of the audio rails.

At this point nosotros have finished creating the animation. In the next steps nosotros will render this animation into video format as follows:

Step26

On the top of the Timeline frame numbers yous can find the two brackets in the beginning and the stop of the Timeline layer. Make sure to move these brackets to include only the blitheness frame. These brackets set up the frame that will be rendered.

Step27

From the File menu, choose Export>Render Video.

Step28

In the Return Video dialog box, fix the proper name of the video and the path where you lot would similar to salve information technology.

Step 29

Prepare the render format to Adobe Media Encoder and choose QuickTime format. Set the Presets to High Quality and the size and frame rate as the same. It volition exist rendered using the same size and rate of the presets we had selected at the get-go of the animation.

In the Range area, fix the return surface area to Work Area, this will just return the frames inside the brackets we take mentioned above.

Click the Render button to render the video that should announced every bit beneath.

In this tutorial we take overviewed how to create a video animation in Photoshop CS6 using the enhanced Timeline panel. There are many features and options associated with animation in Photoshop and this tutorial intends to overview the video building process so yous tin 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 can employ 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 as ClipBucket, CumulusClips and phpMotion, on fast servers with free SSD storage and SSL certificate.

In the next tutorials nosotros will cover more than Photoshop CS6 features. So, please add 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: motleychricand.blogspot.com