Archive for the ‘Photoshop Text Effects’ Category

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.!

Text on Fire

Text on Fire

In this tutorial you will learn how to create text on fire, also I will explain all the techniques how to transform the text in right format.

First of all you’ll have to start by finding some appropriate picture. I prefer to use this one which you can see below:

Text on Fire

Ok, now we need to add the text to the canvas to work with. Get out the Horizontal Type Tool and write out something like ‘Fire’ with any color you want.

Text on Fire 2

In the above image I’ve used AvantGarde as my font of choice. Actually, it is commercial, but if you don’t have it, you can easily find a good alternative. After that I would like to add some layer styles such as Drop ShadowOuter GlowInner GlowSatin and Color Overlay for this text layer.

Text on Fire 3

Text on Fire 4

Text on Fire 5

Text on Fire 6

Text on Fire 7

Text on Fire 8

Ok, move to the next step. After that create a new layer above and merge it with text layers to get all the effects in one layer. Then select the Smudge Tool (Brush: 10 px, Mode: Normal, Strength: 79%) and try to make some strokes as on my picture you can see below.

Text on Fire 9

Then apply Filter > Liquify and play a little with different tools to get the result maximum similar to mine:

Text on Fire 10

And the last one thing that we need to do is to put the word into the fire. For this effect select theEraser Tool and a soft round brush about 20 pixels (Opacity: 40%) and make some clear work to finish off the tutorial.

Text on Fire 11 title=

Looks cool! Thanks for reading everyone! Hope it was really very interesting for you!

Text on Fire 12

source: http://www.photoshopstar.com

Displaced Text

Displaced Text

In this Photoshop tutorial I would like to show you creative way how to displace the text and get an interesting effect on it.

To start create a new document sized 1000×500 pixels and fill it with color of #f4f4f4.

Displaced Text 01

After that add some dark line to divide the floor from the wall. Get out the Elliptical Marquee Tooland create selection as shown on the picture which you can see below. Then fill this selected area with black to transparent gradient.

Displaced Text 02

Remove selection with Ctrl+D and apply Filter > Blur > Gaussian Blur with similar settings to these:

Displaced Text 03

The result should look like this:

Displaced Text 04

Move to the next step. Select Horizontal Type Tool to write out the text on the middle of canvas on whish we will demonstrate displaced effect.

Displaced Text 05

In the above image I’ve used Arial Black (250 pt, Crisp) as my font of choice. Then apply Bevel and Emboss and Gradient Overlay layer styles to this layer.

Displaced Text 06

Displaced Text 07

The result should be next:

Displaced Text 08

Create a new one layer above and merge it with text layer to get all the styles in one layer. After that we need to add some shadow under the letters. Create a new one layer under the current and make elliptical selection with Elliptical Marquee Tool. Fill selected area with black color.

Displaced Text 09

Remove selection with Ctrl+D and press Ctrl+F to apply the previous filter effect to this layer.

Displaced Text 10

Then apply Filter > Blur > Motion Blur with next presets:

Displaced Text 11

The result should be next:

Displaced Text 12

Duplicate this layer three of times with Ctrl+J to add the shadow under each letter.

Displaced Text 13

Ok, after that go to the text layer and start creating displace effect. Use the Polygonal Lasso Toolto create selection as you can see on the picture below.

Displaced Text 14

Press Ctrl+Shift+J to cut selected area on the new layer. Use Move Tool to move a new layer a little bit.

Displaced Text 15

Make the same things a few times more.

Displaced Text 16

Looks interesting, isn’t it? To finish off the effect I would like to add a robot that moves the text. The picture of robot you can download from here. Also feel free to use your own pictures. So, open up the picture and copy it to our main canvas with text. Then reduce the picture a little bit.

Displaced Text 17

To finish off the tutorial we should add the shadow under robots’ leg. Create a new one layer under the current. Then use the Polygonal Lasso Tool to create selection which you can see on the picture below. After that fill this selection with black color.

Displaced Text 18

Deselect chosen area with Ctrl+D and blur the shadow with Blur Tool.

Displaced Text 19

Then use the Smudge Tool (Brush: 10px, Mode: Normal: Strength: 33%) to bring the shadow realistic view.

Displaced Text 20

Add the shadow under second leg in the same way.

Displaced Text 21

Ok, we are done for now! We get creative displaced text effect. I am happy with the result, hope you to!

Displaced Text 22

source: http://www.photoshopstar.com

22 Best Photoshop Text Effect Tutorials

Typography means a lot in any medium kind of presentation. Whether it’s a logo, banner or just a title; being able to inject creativity into it not only help in delivering the message across, it also leaves solid impression on the viewer. Good typography design is not easy, or should I say getting the type match and speaks for the product is often a very challenging job.

Here are some of the best Photoshop text effects tutorials on the web, and as usual it’s the creativity that counts. Full content after jump.

  1. ‘Bee Movie’ Text Effect

  2. Metal Text Effect

    Really metallic chrome effect.

  3. Grass Text Effect

    Cool looking grass-text effect using a photo of grass, the pen tool and a bit of patience.

  4. Leopard ‘X’ Effect

  5. Exploding Text Effect

    9 Steps in creating an exploding text.

  6. Reflective Liquid Effect

    Realistic text made from water drops.

  7. Slow Shutter Text Effect

    Learn how to create this stunning slow shutter text effect using just Photoshop.

  8. Flaming Meteor Text Effect

    Take typography one step further by having text falling from the sky in a burning inferno.

  9. Smooth Glass Effect

    Nice looking translucent glass type that’ll work great on any background, made completely with layer styles.

  10. Soft Stylized 3D Type

    Basics of creating polished 3D type using Illustrator and Photoshop.

  11. Fire Burning Text Effect

    How to use a photograph of fire to set text to the match.

  12. Text Graffiti

  13. Bling Text Effect

    How to make a realistic bling bling gold and diamond text.

  14. Supernatural Text Effect

    Creating a smoky night effect on text to give it an eerie supernatural sort of feel.

  15. 3D Typographic Effects

    How to add the wow factor to 3D text using Photoshop’s art tools.

  16. Chain Text

  17. Smooth Chrome Text

  18. Starcraft Text

    How to create a nice StarCraft style wallpaper.

  19. Advance Glow Effect

  20. Old School Type

  21. Grunge Rubber Stamp

    Simple method to create grunge brushes, and to detail how these brushes can be used to reproduce realism in our rubber-stamped logos.

  22. Swirl Text

    Useful for creating a unique logo for your website.

Source: http://www.hongkiat.com

How to Create 3D Text Blocks in Photoshop

Courtesy by:  www.sixrevisions.com

30 Beautiful Photoshop Text Effect Tutorials

There are thousands of Photoshop tutorials out there, but few that are top-notch in terms of instructions, presentation – and of course – outcome. In this post, you’ll find30 beautiful, high-quality Adobe Photoshop tutorials from top tutorial sites and designers like PSDTUTS, PSHERO, and Abduzeedo.

1. Create a Spectacular Grass Text Effect

Create a Spectacular Grass Text Effect - screen shot.

Use the Pen Tool and a lot of patience to create this excellent grass effect.

2. Create a Layered Glowing Text Effect

Create a Layered Glowing Text Effect - screen shot.

This beginner-level tutorial allows you to create text that glows.

3. Using Light and Shade to Bring Text to Life

Using Light and Shade to Bring Text to Life - screen shot.

Learn about the concepts behind lighting and shading to make your text stand out.

4. Transparent Glass Lettering

Transparent Glass Lettering - screen shot.

This is PSDTUT’s rendition of the popular glass text effect.

5. How To Create A Gold Text Effect

How to Create A Gold Text Effect - screen shot.

A classic text effect that rarely turns out classy (instead of gaudy and cheesy).

6. Icey Styles

Icey Styles - screen shot.

Uses some basic Layer Styles like Bevel and Emboss to create a cold text effect.

7. Dramatic Text on Fire Effect

Dramatic Text on Fire Effect - screen shot.

Set your text on fire with the Smudge Tool and some layer masking.

8. Wood Inlay Text

Wood Inlay Text - screens hot.

Using wood textures and some layer masks, you can create this “wooden inlay” effect.

9. Watercolor Text

Watercolor Text - screen shot.

Learn about the Brushes Palette to achieve a water-color painting effect.

10. The Sugar Bag Effect

The Sugar Bag Effect - screen shot.

Find out how to create this “Sugar Bag” effect using basic Layer Styles and selections.

11. Text In Stitches

Text In Stitches - screen shot.

This tutorial shows you how to create an stiched effect using a custom brush set.

12. Text Ticker

Text Ticker - screen shot.

Mimic the text that you commonly see in “news tickers”.

13. Cartoon/Comic-Style Text Effect

Cartoon/Comic-Style Text Effect - screen shot.

This is PhotoshopStar’s rendition of this popular pop-culture text effect.

14. ‘Bee Movie’ Text Effect

Bee Movie Text Effect - screen shot.

Use a load of Layer Styles to create this text effect seen in the film “Bee Movie“.

15. Simple, Sleek and Stylish Text Effect

Simple, Sleek and Stylish Text Effect - screen shot.

Create a quick and sleek “Web 2.0” feel with this easy Photoshop tutorial.

16. Smooth Glass Type

Smooth Glass Type - screen shot.

Learn how to create a translucent text effect.

17. Moon Shine Text Effect

Moon Shine Text Effect - screen shot.

Quickly create this “dreamy” text effect using some basic Layer Styles.

18. Colorful Glowing Text Effect

Colorful Glowing Text Effect - screen shot.

Create this layered, glowing effect by separating the text in individual layers and a white to transparent gradient layer to get this cool, colorful glowing text effect.

19. Bubble Text

Bubble Text - screen shot.

This is another quick tutorial on how to make this text effect using layer styles.

20. Killer Halftone Effect

Killer Halftone Effect - screen shot.

This tutorial shows a way to apply the halftone effect to the background of your text.

21. Text on Turf

Text on Turf - screen shot.

This tutorial uses the Noise Filter to create the grass-like texture.

22. Spray Paint Text

Spray Paint Text - screen shot.

Create your own digital grafitti by following this excellent tutorial from PSD Learning.

23. Scanline Text

Scanline Text - screen shot.

This is PSD Learning’s beautiful take on the relatively “old-school” scan line technique.

24. Retro Text

Retro Text - screen shot.

This tutorial uses both Photoshop and Illustrator to create a retro look.

25. Grunge Text Effect

Spectacular Style Text Effect - screen shot.

This tutorial from psdfan shows you how you can apply this popular effect on text.

26. Pimp your text

Grunge Text Effect - screen shot.

Can’t afford real bling-bling? Make some digital ones with this quick tutorial.

27. Paint Effect

Pimp your text - screen shot.

UBL Designes shows us how to accent text as though you splattered paint on it.

28. Spectacular Style Text Effect

Paint Effect - screen shot.

Create a 3D text effect by duplicating layers and offsetting each layer.

29. Shining Neon Text Effect

Shining Neon Text Effect - screen shot.

Create a colorful neon text effect by using a Gradient Overlay and a few Layer Styles.

30. Super Cool Frilly Bits Typography

Super Cool Frilly Bits Typography - screen shot.

Uses vector files to accent your text to achieve a similar look as the sample.

Show it off!

If you use one of these tutorials – we’d love to see your work – post it online and link to it in the comments. If you don’t have a server, you can use one of the many image hosting services like Flickr or even ImageShack.

Courtesy by:  www.sixrevisions.com