Heartbeat Animation Tutorial in Photoshop Cs6

In this tutorial i will show you how to make heartbeat animation in photoshop cs6,  this heartbeat animation is very simple to make, this type of animation mostly used flash and after effect to create very simpe and realistic, even in the phooshop also we will  try  t make such a realistic heartbeat animation. Lets start the procedure…

Heartbeat Animation Tutorial in Photoshop Cs6

  1. First make it as shown below  heartbeat wave image, create by using pen or brush tool.

heart-rate-1

2. if you want to change some other color then choose any  other color in tool palette, here i took green color, bcz most of the heartbeat monitor shows the wave in green color, so that here i am taking green color as well.

heart-rate-2

3. Now set the blending mode layer in to the color as shown below image.

heart-rate-3

4. After then you can feel as shown below image. ok……so far so good.

heart-rate-4

5. Make Background with black color, Just create layer and send into back of the layer and fill the color by using shortcut command Crl+Del .

heart-rate-5

6. Now again create new layer and after choose rectangle marquee tool in the tool palette and draw as shown the below image and fill it with any color.

heart-rate-6

7. Now apply gaussian  blur according what the size has taken, finally shadow should be spread as shown the below image. because this spreading only gives better looking if you take suitable shadow spreading.

heart-rate-7

8. Move the spreading shadow layer as center of the layer.

heart-rate-8

9. Apply create clipping mask to heartbeat image as shown the screen shot image.

heart-rate-9

10. Now move to left side totally invisible as shown screen shot. this totally moving will help animation very cool.

heart-rate-10

11. First create duplicate selected frame in the animation timeline  Now Again select same layer and move it  right side by holding shift key  as shown the screen shot.

heart-rate-12

12.  Apply tween in the timeline, here take frames to add more than 25 frames, for cool moving animation.

heart-rate-13

13. Thats it now play the animation, it comes very cool; just try yourself and enjoy with this tricks…to making heartbeat simple animation in photoshop.

About Author Sudharsan

I am chief editor of Alldesigncreative.com, a designer, developer and animator. I Have spent most of the time to create designs and animations includes visual effects. I love so much to create all type of designing and have excellent knowledge in all kind of design roots.

Check Also

Generally you can see burnt paper somewhere after burn any paper, but that is you are looking only as real things effect, but here in this tutorial we will teach you very simple way how to make artificial burnt paper. It is very easy method and has simple techniques to create burnt paper as well. You can create any object like burnt effect by using this example method tutorial. We hope this technique can helps better for to make burnt effect well. 1. Open new document and keep any paper size value, here I took the size of paper value 650 pixels- width, 800 pixels-height and default resolution 72. 2. Take rectangular marquee tool from tool palette and draw a rectangle selection in the center of the page on the new layer and fill the color (ffec98) in that selection area by using short keyword Alt+Del or use paint bucket tool (G is the key). 3. Now select brush tool

How to create/make burnt paper effect in photoshop cs6

Generally you can see burnt paper somewhere after burn any paper, but that is you …