Design Fluid Typography

 

Design Fluid Typography on Watercolour Background in Photoshop

 

 

Paper Texture

Watercolor Brush

 

Step 1

Create a new document with the default white background with the size of 1275px in width, and 610 in height. Load the Page Texture image into Photoshop and select a portion of the paper texture, copy and paste it onto our document:

1 paste2 500x249 Design Fluid Typography on Watercolour Background in Photoshop

Use a soft eraser to fade the edges of the page as shown below:

1 erase2 500x255 Design Fluid Typography on Watercolour Background in Photoshop

Add the following 2 adjustment layers on top of this paper texture:

Hue/Saturation

1 hue1 Design Fluid Typography on Watercolour Background in Photoshop

Levels

1 lv1 Design Fluid Typography on Watercolour Background in Photoshop

And here is the effect so far:

1 effect2 500x232 Design Fluid Typography on Watercolour Background in Photoshop

Step 2

We will add the letters onto our document. Use any font you like and type some texts:

2 type 500x206 Design Fluid Typography on Watercolour Background in Photoshop

Duplicate this text layer once, and hide the original text layer, then right-click on the duplicated layer and choose “Rasterize Type/Layer”:

2 ras Design Fluid Typography on Watercolour Background in Photoshop

Then grab the liquify tool (Filter > Liquify), use the the following settings:

2 liq Design Fluid Typography on Watercolour Background in Photoshop

Manipulation the text until they form the following shape:

2 void 500x307 Design Fluid Typography on Watercolour Background in Photoshop

2 effect2 500x268 Design Fluid Typography on Watercolour Background in Photoshop

We will add some drawing patterns over the black texts – I use the following brush settings:

2 brush1 500x386 Design Fluid Typography on Watercolour Background in Photoshop

We will use the brush above to paint some white and blue dashes over the text, as shown below:

2 paint 2 500x262 Design Fluid Typography on Watercolour Background in Photoshop

2 paint 500x264 Design Fluid Typography on Watercolour Background in Photoshop

Step 3

We will add some extra effect for our text – We can add a bit of shadow for the text by duplicating our rasterized text layer, then compress it down with the free transform tool:

3 compress 500x157 Design Fluid Typography on Watercolour Background in Photoshop

Optional: we can also add some particles around the text with a particle brushset:

3 dust 500x276 Design Fluid Typography on Watercolour Background in Photoshop

Use the watercolor brush we downloaded, paint some watercolor pattern around the text, as well as behind the text (set a smaller brush size):

3 paint watercolor 500x272 Design Fluid Typography on Watercolour Background in Photoshop

Step 4

We’re almost done! For final touches, I added the following Selective Color adjustment over all the previous layers:

White

4 sel white Design Fluid Typography on Watercolour Background in Photoshop

Blacks

4 black Design Fluid Typography on Watercolour Background in Photoshop

Optional Step (CS6 only): flatten the image, and duplicate the background layer, and apply the following Oil Paint filter (Filter > Oil Paint):

4 oil paint Design Fluid Typography on Watercolour Background in Photoshop

Use a soft eraser to remove the following parts for the oil paint layer:

4 mask 500x247 Design Fluid Typography on Watercolour Background in Photoshop

and here is the final effect: (click to enlarge)

fluid text flatten 500x239 Design Fluid Typography on Watercolour Background in Photoshop

Hope you enjoy this tutorial and find it useful. Drop me a comment below if you have any question.

 

 

 

 

التصنيف : Ph Tutorial EN

اترك تعليقا :