Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Create an Realistic Dark Ocean Text Effect in Photoshop

Create an Realistic Dark Ocean Text Effect in Photoshop


Step 1

Firstly we will need a nice font, I used this font from dafont.com, however you're free to use any font you like.

Once you chose the font, create a new document in photoshop, size doesn't really matter here. I chose 800x400px because that's where my comfort zone is.

Fill the background with Black and save the document as "Ocean Text".

Step 2

Use the type tool to type some texts onto it.This will automatically create a new layer on top of the background layer.

If you choose the 800x400px canvas size in step 1, it's a good idea to choose larger size font here. However, you can always adjust the size of the font by holding down the CTRL + T together, then drag the corner of the text to alter the size. (You may also hold down SHIFT key while dragging, this will keep the dimension radio of the text).

See image below for the position I place my text:

Create an Realistic Dark Ocean Text Effect in Photoshop image 1

After placing your text, name this layer as "Text".

Step 3

We will now add some lighting and contrast for the text. Hold down your CTRL key and left-click on the "Text" layer, this will select the entire "Text" layer:

Create an Realistic Dark Ocean Text Effect in Photoshop image 2

Create a new layer called "shade", fill it with black and go to Filter > Render > Cloud to render some cloud (use white as foreground colour and black as background colour).

Create an Realistic Dark Ocean Text Effect in Photoshop image 3

Step 4

Now we can futher edit the lightness of the text. Go to Image > Mode > Lab Colour to change the image mode to LAB Colour, then go to channels palette and choose the lightness channel. See below images for details:

Lab Mode:

Create an Realistic Dark Ocean Text Effect in Photoshop image 4

Channel:

Create an Realistic Dark Ocean Text Effect in Photoshop image 5

Then go to Filter > Sharpen > Smart Sharpen and use the following settings:

Create an Realistic Dark Ocean Text Effect in Photoshop image 6

Optional: you may use smart sharpen a few time to further adjust the effect.

Here is the text effect so far:

Create an Realistic Dark Ocean Text Effect in Photoshop image 7

Step 5

Change to image mode back to "RGB Color" by going to image > mode > RGB color. If you're prompted to flatten the image, choose "Don't flatten".

Create a new layer called "Ocean Colour" on top of every other layer, set its layer blending option to "Color dodge".

use a big brush and a ocean-blue colour, gently brush over the text, you may use the dodge, burn and sponge tool to adjust the lighting constrast. Detail setting see below:

Brush colour

Create an Realistic Dark Ocean Text Effect in Photoshop image 8

Dodge tool settings:

Create an Realistic Dark Ocean Text Effect in Photoshop image 9

Burn tool settings:

Create an Realistic Dark Ocean Text Effect in Photoshop image 10

Here is the effect so far:

Create an Realistic Dark Ocean Text Effect in Photoshop image 11

Step 6

Now can add some more ocean effect to the text. Create a new layer called "Cloud", and on the newly-created layer, use the Lasso Tool to select the outer of the text , fill it with black colour, then go to Filter > Render > Difference Cloud (Use the previous dark blue colour as foreground colour, black as background colour).

Your image should be similar to below:

Create an Realistic Dark Ocean Text Effect in Photoshop image 12

Create a layer on top of the "cloud" layer and call it "fiber", right-click the layer and choose "Create clipping mask" and make it a clipping mask of "Cloud" layer. Fill this layer with black colour.

Go to Filter > render > fiber and use the following setting:

Create an Realistic Dark Ocean Text Effect in Photoshop image 13

Then use motion blur on the "Fiber" layer, details see below:

Create an Realistic Dark Ocean Text Effect in Photoshop image 14

After that, go to Filter > Distort > Ocean Ripple to create some ocean ripples, details see below:

Create an Realistic Dark Ocean Text Effect in Photoshop image 15

You should now have the following image:

Create an Realistic Dark Ocean Text Effect in Photoshop image 16

Step 7

Now we can move the "fiber" and "cloud" layer below the "Ocean Text" layer.  Change the blending options of "Ocean Text" according to the following screenshots:

Create an Realistic Dark Ocean Text Effect in Photoshop image 17

Create an Realistic Dark Ocean Text Effect in Photoshop image 18

Create an Realistic Dark Ocean Text Effect in Photoshop image 19

Step 8

Right-click on the "Ocean Colour", select "Create Clipping Mask" and make it a clipping mask to the "shade" layer.

Duplicate the "Cloud" layer once and put it on top of every other layer, change its blending style option to "overlay".

Now you will have the following image:

Create an Realistic Dark Ocean Text Effect in Photoshop image 20

Step 9

Now save your document as a JPEG file, then load it back into Photoshop, duplicate the background, and change the blending option as following:

Create an Realistic Dark Ocean Text Effect in Photoshop image 21

Then go to Filters > Distort > Ocean Ripple and apply the following settings:

Create an Realistic Dark Ocean Text Effect in Photoshop image 22

Apply this filter a couple of times, then you will have the following result:

Create an Realistic Dark Ocean Text Effect in Photoshop image 23

That's it for this tutorial! You can use your own creativity and innovation to add whatever effect you want to have.

Here is my final result for this tutorial:

Create an Realistic Dark Ocean Text Effect in Photoshop Tutorial: Final Result

Hope you enjoy this tutorial and have a great day!



Author's URL: psdvault
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Create an Realistic Dark Ocean Text Effect in Photoshop"

Only registered users can write comment

No comments yet...