Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop


Ok let's get started!

To complete this tutorial, you will need the following stock:

Font

Step 1

Create a new document sized 1200px * 800px, fill the background layer with black, use the font we downloaded and type some texts on the canvas:

image 1

On the text layer, apply the follow layer blending options:

Drop Shadow

image 2

Inner Shadow

image 3

Bevel and Emboss

image 4

Gradient Overlay

image 5

Stroke

image 6

and you will have the following effect:

image 7

Step 2

Now we're into the interesting part of this tutorial. Create a new layer on top of the text layer and name it as "lines outside", grab a 1px solid brush as shown below:

image 8

Use this brush to paint on the edge of every letter on the canvas:

image 9

Make sure you paint around the edges:

image 10

and this is the overall effect:

image 11

Step 3

Now we can add a bit lighting variations to the text. One quick way to do this is to load the selection of the "lines" layer with created in previous step, apply the following Refine Edge options:

image 12

Maintain the selection, create a new layer called "refined edge" on top of the "lines" layer, fill the selection with Black color on this new layer:

image 13

As you can, we added some dark color to the text. However because of the refined edge option used, the dark colour is not covering the whole text.

Optionally, you can change the blending mode of this refined edge layer to be "Color Burn" - this will reveal the edge lines better than the "Normal" blending mode.

We can also add some blurring effect to the text. To do this, duplicte the "lines" layer once and name the duplicated layer as "motion blur", put this layer above the original text layer.

Apply the following Motion Blur filter settings to it:

image 14

Resize the motion blur layer to roughly the same size of the text layer, and you will have the following effect:

image 15

Step 4

Create a new layer on top of all previous layers called "cloud overlay", and on this new layer,  use the Lasso Tool with a 40px feather to draw a selection around the text:

image 16

Render some cloud inside the selection (with white foreground colour and black background colour):

image 17

change the blending mode of this cloud layer to "Hard Light", and you will have the following effect:

image 18

Step 5

Now let's add some colours to the text. Create a new layer called "Colours", load the selection of the text layer, and grab a soft brush with colours of your choice, paint some colours inside the selection:

image 19

Duplicate this colours layer twice, change the layer blending mode according to the below:

image 20

and you will have the following effect:

image 21

Add the following two adjustment layers on top of the colours layer:

Color Balance

image 22

image 23

Vibrance

image 24

and you will have the following effect:

image 25

Create a new layer called "abstract texture" just above the background layer, grab any abstract brushsets you like (you can find lots of them on qbrushes.net or brusheezy) and paint on it. You can adjust the colour of the brush as you paint for some colour variations:

image 26

Step 6

We're almost done! There is one more trick I would like to show you - the Wave Filter. I personally like it very much and sometimes it generates some very unique style for your design.

So flatten the image, duplicate the background layer once and go to Filter > Distort > Wave:

image 27

Apply the following settings:

image 28

and you will have the following effect:

image 29

Now we want to reveal the text part of the image, so add the following layer mask on the wave layer to hide it:

image 30

and you will have the following effect:

image 31

Lastly, you can add some further colour adjustments, or sharpen the image a bit to get more details out.

image 32

and here is my final effect:

Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

That's it for this tutorial! Hope you find it useful and learn something new!

Till next time, have a nice day!



Author's URL: psdvault
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Breathe new life into text. These tutorials will teach you how to create various text effects. More Text Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: