Creating Cardiac Rate Effect with Photoshop

April 20th, 2011 in Text Effects | Written by Photoshop Star | 51 Comments

Advertisement


On this Photoshop tutorial i am going to show u how to make cardiac rate effect which I got by experimenting with Photoshop filters.

Final Image Preview

Creating Cardiac Rate Effect

Note: This is one old tutorial updated.

Step 1

Create a new document with size of 700×700 pixels for this tutorial. Select the Paint Bucket Tool and fill canvas with black color (#000000).

Creating Cardiac Rate Effect 1

Step 2

Apply Gradient Overlay to this layer by going to Layer > Layer Style > Gradient Overlay.

Creating Cardiac Rate Effect 2

Creating Cardiac Rate Effect 3

Step 3

Create a new layer. Merge both layers (Shift+Ctrl+E) to get all effects on one layer and apply Filter > Brush Strokes > Sprayed Strokes with following settings:

Creating Cardiac Rate Effect 4

Creating Cardiac Rate Effect 5

Step 4

Select Horizontal Type Tool and write something like BEAT. Text color should be white, font selected was Swis721 BdOul BT Bold (free font), 120px and smooth.

Creating Cardiac Rate Effect 6

Step 5

Select the Line Tool (Weight: 3 px) and draw the lines like on my image below:

Creating Cardiac Rate Effect 7

Step 6

Merge all line layers with text layer into one layer. Select Eraser Tool and hard round brush (12px, opacity 100%) and delete lines like i show on my image below.

Creating Cardiac Rate Effect 8

Step 7

Rotate layer by going to Edit > Transform > Rotate 90 CCW.

Creating Cardiac Rate Effect 9

Step 8

Apply Filter > Stylize > Wind with following settings:

Creating Cardiac Rate Effect 10

Creating Cardiac Rate Effect 11

Step 9

Press Ctrl+F one more time to repeat filter.

Creating Cardiac Rate Effect 12

Step 10

Apply Filter > Stylize > Wind again but update direction to Right:

Creating Cardiac Rate Effect 13

Creating Cardiac Rate Effect 14

Step 11

Press Ctrl+F one more time to repeat filter.

Creating Cardiac Rate Effect 15

Step 12

Rotate text by going to Edit > Transform > Rotate 90 CW.

Creating Cardiac Rate Effect 16

Step 13

Go to Layer > Layer Style and apply Outer Glow and Color Overlay to this layer.

Creating Cardiac Rate Effect 17

Creating Cardiac Rate Effect 18

Final Image

Creating Cardiac Rate Effect

We have completed this tutorial with this final step.

No related posts.

Follow Photoshop Star

If you want to receive updates from PhotoshopStar, please consider subscribing our RSS feed. You can also follow us on Twitter or on our Facebook page.

If you prefer, you can also subscribe to our monthly Newsletter.

Share this Post

Text Effects

51 Responses to “Creating Cardiac Rate Effect with Photoshop”

  1. Hanna Reply August 8, 2011 at 3:15 pm

    Great tutorial ……thanks

  2. achraf_morocco Reply August 8, 2011 at 7:11 pm

    hi i don’t have swis721 in my cs3

  3. sangbloger Reply August 10, 2011 at 3:39 am

    nice tutorials… thanks

  4. Abdul Mannan Asif Reply August 27, 2011 at 1:56 am

    Excellent Design:)

  5. michael Reply August 28, 2011 at 4:38 pm

    I started studying photoshop using tutorials from this website and it gave me a hyper boost

  6. Rajesh Reply September 15, 2011 at 12:03 pm

    very nice

  7. Romeo1312 Reply September 23, 2011 at 10:38 am

    You should name your Layers !
    How much layers do you use with the Line Tool ?
    Which layers do you merge ?
    Why does all my image became pink instead of the word Beat with de Beating line ?

    Thanks for your answer !

    Otherwise great tutorial !!!

  8. Salman Reply January 3, 2012 at 1:57 pm

    Great site… really helped me a lot… thx

  9. Spitfire Reply January 19, 2012 at 6:40 pm

    nice easy, well explained tutorial

« Older Comments