Liquid Text FX Photoshop Tutorial

HomeHome

H₂OH₂O

ForumForum

TutorialsTutorials

» Adobe Photoshop

» Our Tutorials » User Submitted

» CorelDRAW

» Macromedia Studio

» Flash » Fireworks

» Corel Paint Shop Pro » Webmaster Articles

» Close «

DownloadsDownloads

» Website Templates

» Photoshop Downloads

» Brushes » Layer Styles » Patterns

» Forum Skins

» InvisionFree Skins » ProBoards Skins

» 3D Abstract Models » Affiliate Banners » Signature DK's » Avatar Packs » Wallpapers

» Close «

MiscMisc

» About Us » Contact Us » Meet the Staff » Web Services » Webdesign Portfolio » Affiliate with Us

» Close «

Resource PartnersResource Partners

Cheap Web Hosting
Best Web Hosting
Sezza Web Directory Affordable web hosting ServerRhino Web Hosting Businesses for Sale UK

PollPoll

Should we require visitors to register in order to view our resources?

StatisticsStatistics

Hits

25 Guest(s) Online

1 Member(s) Online

77935 Posts

17345 Members

Latest Member: DaymneleneDep

AffiliatesAffiliates

Show All
Link to Imusion

Imusion Studio - Innovative Ideas, Innovative Designs

Welcome Guest! (Login or Register)

Photoshop Tutorial

Liquid Text FX

Views: 15421
Comments (51)

Rate:

Currently 3.00/5 Stars.
1
2
3
4
5

Description: Stylize your text with this liquidy looking effect.

Written by: Imusion

Step 1

Create a new document and Reset your colors.

Step 2

Grab the Text Tool and type something.

Step 3

While on the text layer Click Layer--> Layer Style--> and Blending Options.

Step 4

Click onto Drop Shadow, and make sure the options are set to these (roughly the same to get the effect, playing around with this setting can give you different effects).

Step 5

Click onto Inner Shadow, and make sure the options are set to these (roughly the same to get the effect, playing around with this setting can give you different effects).

Step 6

Click onto Outer Glow, and make sure the options are set to these (roughly the same to get the effect, playing around with this setting can give you different effects).

Step 7

Click onto Inner Glow, and make sure the options are set to these (roughly the same to get the effect, playing around with this setting can give you different effects).

Step 8

Click onto Bevel and Emboss, and make sure the options are set to these (roughly the same to get the effect, playing around with this setting can give you different effects).

Step 9

Click onto Contour, and make sure the options are set to these (roughly the same to get the effect, playing around with this setting can give you different effects).

Step 10

Click onto Gradient, and make sure the options are set to these (roughly the same to get the effect, playing around with this setting can give you different effects).

Step 11

Click onto Stroke, and make sure the options are set to these (roughly the same to get the effect, playing around with this setting can give you different effects).

Final Product

And your done, simple right? Below is examples of what we made with a different font type.

Comments

Comment #1

nick

Status: Offline

Very Nice John

Rank: New Imusioner

Sunday December 26th, 2004 at 2:56 AM

Comment #2

Guest: Nice.

Status: Offline

Nic.e

Rank: Guest

Tuesday December 28th, 2004 at 4:34 AM

Comment #3

Guest: Def Leppard

Status: Offline

Awesome Photoshop Tutorial =)

Rank: Guest

Friday December 31st, 2004 at 6:33 AM

Comment #4

Guest: Liquid

Status: Offline

Hey, very nice job! This looks neat..better make a logo out of it before apple steals it ;)

Rank: Guest

Friday February 4th, 2005 at 6:08 AM

Comment #5

Guest: lordkv

Status: Offline

Dude I tried a lot with the bauhaus font but I am not getting the above result. Any help? Does it require any special font? Great tut though

Rank: Guest

Friday February 4th, 2005 at 2:30 PM

Comment #6

Guest: crimmson777

Status: Offline

I tried it right now...result came out way diff...everything is copied exactly

Rank: Guest

Friday February 4th, 2005 at 2:46 PM

Comment #7

Guest: GOKU

Status: Offline

yea he used another font for it. Nice tutorial, but nothing new

Rank: Guest

Friday February 4th, 2005 at 4:51 PM

Comment #8

Guest: Michelle

Status: Offline

nice thanx it worked out fine wit me

Rank: Guest

Friday February 4th, 2005 at 5:07 PM

Comment #9

Guest: pola

Status: Offline

very nice f?gel bajs

Rank: Guest

Friday February 4th, 2005 at 9:58 PM

Comment #10

Guest: PlaGue

Status: Offline

Works great! remember to change ur color or urs will look really different

Rank: Guest

Saturday February 5th, 2005 at 1:17 AM

Comment #11

Guest: Duner

Status: Offline

Hey nice tutorial...i wonder wat font u use? :)

Rank: Guest

Saturday February 5th, 2005 at 1:56 AM

Comment #12

Guest: GB

Status: Offline

Same, copied all colours and so on exatly the same. Still a much darker results

Rank: Guest

Saturday February 5th, 2005 at 3:45 AM

Comment #13

Johnathan

Status: Offline

Just change the color overlay to a lighter one. Or just play around with the settings to adjust the effect.

Also the font needs to be somewhat fairly bold-ish.

Some fonts I used I think off the top of my head are Amaze, Final Frontier, Sargent Six Pack - in no particular order.

Rank: Forum Administrator

Saturday February 5th, 2005 at 8:32 AM

Comment #14

Johnathan

Status: Offline

Oii.. there's no color overlay.. lol change the inner glow to a lighter color or gradient then. x_x

Rank: Forum Administrator

Saturday February 5th, 2005 at 8:33 AM

Comment #15

Guest: lordkv

Status: Offline

Any particular size of the project and the size of the font?? I still did not get the result above. Did exactly as instructed

Rank: Guest

Saturday February 5th, 2005 at 3:06 PM

Comment #16

Guest: lordkv

Status: Offline

Dude can you post a layer style of the same please. Thanks

Rank: Guest

Saturday February 5th, 2005 at 7:21 PM

Comment #17

Johnathan

Status: Offline

Please describe what you are getting.

Rank: Forum Administrator

Sunday February 6th, 2005 at 6:35 AM

Comment #18

Guest: Kyro

Status: Offline

Hankies, I just using different styles of font and stuff and yours is nice ^_^

Rank: Guest

Sunday February 6th, 2005 at 2:01 PM

Comment #19

Guest: Kyro

Status: Offline

here's what my outcome was just to let anyone know (click my website link)

Rank: Guest

Sunday February 6th, 2005 at 2:04 PM

Comment #20

Guest: XXX

Status: Offline

good job dude

Rank: Guest

Sunday February 6th, 2005 at 11:16 PM

Comment #21

Johnathan

Status: Offline

Kyro: haha that turned out nice! You can see bubbly effect going across the text. lol nice

XXX: Thanks!

Rank: Forum Administrator

Monday February 7th, 2005 at 12:07 AM

Comment #22

Guest: Vague

Status: Offline

very very nice. incredibly easy to understand great for beginners, not to mention one of the best gel like tutorials ive seen!

Rank: Guest

Monday February 7th, 2005 at 5:23 AM

Comment #23

Guest: Sveddan

Status: Offline

Nice tutorial, good work :)

Rank: Guest

Tuesday February 8th, 2005 at 8:47 PM

Comment #24

Guest: AuXiliary

Status: Offline

Nice tutorial, will be fun to use

Rank: Guest

Wednesday February 9th, 2005 at 2:01 AM

Comment #25

Guest: Accokeen

Status: Offline

Ok i think that anonymous dude is a fricken moron but i think what most of us are wondering is, you might have left out a set such as a translucent gradient to make it look shinier >:D

Rank: Guest

Thursday February 10th, 2005 at 1:17 AM

Comment #26

Guest: Leon Kunst

Status: Offline

Ossum tut! This looks great! and easy to made!

Thanks i have a lot on it!

Rank: Guest

Saturday February 12th, 2005 at 11:44 PM

Comment #27

Guest: anonymous

Status: Offline

nice

Rank: Guest

Tuesday February 15th, 2005 at 2:07 PM

Comment #28

Guest: Steven

Status: Offline

wow i have a different version and it wasnt even close to this so mine went all weird o_o

Rank: Guest

Friday March 18th, 2005 at 12:17 AM

Comment #29

Guest: china

Status: Offline

I did mine alright, except i couldn't get step 10 with the graidient stuff the colour wouldn't change so it game out all grey how do i get it blue ?

Rank: Guest

Thursday March 24th, 2005 at 12:01 PM

Comment #30

Guest: china

Status: Offline

oops! i mean *it CAME out all grey*

Rank: Guest

Thursday March 24th, 2005 at 12:01 PM

Comment #31

Guest: DB

Status: Offline

very nice ty

Rank: Guest

Tuesday April 12th, 2005 at 9:34 AM

Comment #32

Robert

Status: Offline

Nice Job.

Rank: Public Relations

Thursday May 5th, 2005 at 2:32 PM

Comment #33

Guest: anonymous

Status: Offline

cool stuff

Rank: Guest

Tuesday May 17th, 2005 at 2:26 PM

Comment #34

Guest: anonymous

Status: Offline

All these text effect are very cool

Rank: Guest

Tuesday May 17th, 2005 at 2:26 PM

Comment #35

Guest: Jamie

Status: Offline

Awesome effect and SOOO simple to do! Thanks :)

????????

Rank: Guest

Saturday May 21st, 2005 at 9:07 PM

Comment #36

Guest: E-run

Status: Offline

dawm right emultion rocks. this tutorial is the shiznit and it's toit, toit like a toiger.

Rank: Guest

Wednesday June 1st, 2005 at 7:27 PM

Comment #37

Guest: Gatsu

Status: Offline

I have a question for the autor Do you have Mac, i see, i have photoshop elements 2.0 (Mac), if i add a Style to a Layer, i don't have the Blending Options, how i can edit the parameters of drop shadow, outer glow ecc... ecc...? Please help me!

Rank: Guest

Monday June 27th, 2005 at 1:43 PM

Comment #38

Guest: fdsf

Status: Offline

fdsfdsfdsafs

Rank: Guest

Wednesday June 29th, 2005 at 10:05 PM

Comment #39

Johnathan

Status: Offline

Hello Gatsu,

My windows is just skinned to look like a mac I don't actually have one. But just select your current layer and either try right clicking then finding "Blending Options" or click the F symbol just a little below in the layers palette.

Rank: Forum Administrator

Tuesday July 5th, 2005 at 5:25 PM

Comment #40

Guest: @Mattia@

Status: Offline

very very godd tutorials

Rank: Guest

Saturday October 8th, 2005 at 10:15 AM

Comment #41

Guest: Ely

Status: Offline

Apesar de 72 anos de idade, eu sou um iniciante no Photoshop. Mas seu tutorial é excelente, fácil e o resultado muito bonito

Rank: Guest

Thursday December 8th, 2005 at 7:50 PM

Comment #42

Johnathan

Status: Offline

Sorry in English please. :)

Rank: Forum Administrator

Thursday December 8th, 2005 at 11:40 PM

Comment #43

Guest: Cris

Status: Offline

grat tut i like the style a lot well done *thumbs up*

Rank: Guest

Wednesday December 28th, 2005 at 6:30 PM

Comment #44

Guest: vba

Status: Offline

very nice!

Rank: Guest

Tuesday January 3rd, 2006 at 2:01 PM

Comment #45

Johnathan

Status: Offline

Thanks! Glad you guys like it.

Rank: Forum Administrator

Thursday January 12th, 2006 at 5:57 PM

Comment #46

Guest: Slipknot

Status: Offline

Cool effect, I may use it later. Thanks so much!

Rank: Guest

Wednesday August 16th, 2006 at 5:15 PM

Comment #47

Guest: tere

Status: Offline

very nice!

Rank: Guest

Wednesday October 11th, 2006 at 3:07 PM

Comment #48

Guest: Oi

Status: Offline

Any1 wanna help me make 1 like that? Add me at Hotmail. a.d.i.o.x@hotmail.com

Rank: Guest

Saturday March 17th, 2007 at 6:43 PM

Comment #49

Guest: Lucid

Status: Offline

nice, very nice

Rank: Guest

Wednesday June 27th, 2007 at 1:47 AM

Comment #50

Guest: Edo

Status: Offline

Nice tutorial.

Rank: Guest

Saturday October 4th, 2008 at 3:34 PM

Comment #51

Guest: Gary

Status: Offline

Great tutorial!

so easy to do!

Rank: Guest

Saturday April 18th, 2009 at 11:21 AM

Post Your Comment

Member Area

Welcome Guest! Please login to view your Member Area.