Creating Cardiac Rate Effect

Creating Cardiac Rate Effect

On this Photoshop tutorial I’m going to show u how to make one interesting effect which I received by experimenting with Photoshop filters. In the end our effect will looks like cardiac rate.

Ok, let’s begin. Create a new document sized 700×700 pixels and fill it with black color.

Creating Cardiac Rate Effect 01

After that apply Gradient Overlay layer style.

Creating Cardiac Rate Effect 02

The result should be next:

Creating Cardiac Rate Effect 03

After that create a new layer and merge it with previous to get all effects in one layer. Then applyFilter > Brush Strokes > Sprayed Strokes with next parameters:

Creating Cardiac Rate Effect 04

See the difference now?

Creating Cardiac Rate Effect 05

Ok, now we can start with creating effect. Select the Horizontal Type Tool and write out something like ‘BEAT.’ Pay your attention that the text color should be white and different design elements also. Only in this way effect of applying a filter will be maximum.

Creating Cardiac Rate Effect 06

In the above image I’ve used Swis721 as my font of choice, which is free and it’s sized at a meager 120 pt. Ok after that we need to add a few lines more. Select the Line Tool (Weight: 3 px) and draw the lines like on my picture below:

Creating Cardiac Rate Effect 07

After that merge text layer with lines in one layer. Then select the Eraser Tool and hard round brush and make some clear work on the new layer.

Creating Cardiac Rate Effect 08

Good, then rotate our layer about 90 degrees with Edit > Transform > Rotate 90 CCW.

Creating Cardiac Rate Effect 09

After that apply Filter>Stylize>Wind with similar settings to these:

Creating Cardiac Rate Effect 10

See the effect now:

Creating Cardiac Rate Effect 11

Then press Ctrl+F to enhance the action filter.

Creating Cardiac Rate Effect 12

After that apply Filter>Stylize>Wind again, but now you need to change some parameters:

Creating Cardiac Rate Effect 13

The result should be next:

Creating Cardiac Rate Effect 14

Again press Ctrl+F to enhance the action filter again.

Creating Cardiac Rate Effect 15

Looking good isn’t it? But this tutorial is not done for now. After that use Edit > Transform > Rotate 90 CW to rotate text with lines back.

Creating Cardiac Rate Effect 16

Then apply Outer Glow and Color Overlay layer styles for this layer.

Creating Cardiac Rate Effect 17

Creating Cardiac Rate Effect 18

Ok, now you should have the result like this on my picture below.

Creating Cardiac Rate Effect 19

That is it. Great job!

Creating Cardiac Rate Effect 20

Return home. Published Dec 29th, 2009 under EffectsText Effects.

You must be logged in to post a comment.

12 responses

shifaazham said:DECEMBER 29TH, 2009

Wow! This is so cool! Now I have something new to do for my Senior Page! Thanks a lot for the awesome tutorial! :D

willis said:DECEMBER 30TH, 2009

I’m real glad I found your site! Where can I get this font? I can not locate it on the web and really want to try this tutorial you made. Thanks

mandeepleo5 said:JANUARY 1ST, 2010

Thank u very much. Superb tutorial.

berto91 said:JANUARY 6TH, 2010

@Willis – Here you go: http://font-cat.com/font-en-8685.html

So glad I came across this site, I’ve just started a digital media course and this has really made me feel more comfortable with photoshop, thanks very much!!

agnesia pandora said:JANUARY 13TH, 2010

i have problem with this step ” After that create a new layer and merge it with previous to get all effects in one layer. Then apply Filter > Brush Strokes > Sprayed Strokes with next parameters”. i try then but the sprayed strokes not work. thx for help.

HellCritical said:JANUARY 17TH, 2010

@agnesia pandora – I have this problem too. :( Nobody can help us?!

hamid_00a said:JANUARY 18TH, 2010

hi
tanx for tutorials
what’s font name? i do not have

laurie said:JANUARY 24TH, 2010

Really nice tutorial :)

ashwani said:JANUARY 30TH, 2010

nice tutorial it help me a lot in working and advertise

Badlad220 said:FEBRUARY 7TH, 2010

can u use photoshop cs2 to do this and if so wot font

awwiii said:FEBRUARY 23RD, 2010

hey
i can change the colour at gradient overlay…
please help me

awwiii said:MARCH 6TH, 2010

hey great!
i have done this.!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: