abstract-lines-2-flatten

Create Beautiful Hair-like Abstract Lines to Decorate Your Design in Photoshop

In this tutorial, I will show you the process of creating Beautiful Hair-like Abstract Lines to Decorate Your Design in Photoshop. This is a beginner level tutorial with the aim of teaching how you to utitilise the Pen Tool and dynamic brush settings. Have  a try :)

Previously I published a tutorial called “Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop” and received a number of emails about the vexel hair part, which requires extensive use of Pen Tool. As a result, I decided to create a new tutorial showing more details about it, but with a different effect which you can use in a wider range of occasions (such as Photoshop retouch, web graphics and so on).

Here is a preview of the final result: (click to enlarge)

abstract lines 2 flatten 500x500 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

OK let’s get started!

No stock image is required for this tutorial.

Step 1

Create a new document size 800px * 800px, fill the background with black colour. Create a new layer on top of the background layer, press the “P” key to choose the Pen Tool, draw a work path as shown below:

1 draw path 500x553 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

If you’re a beginner, you may not get the curve in one go – it doesn’s matter, you can hold down the Alt key and left-click to drag the corner point to adjust its shape:

1 adjust 500x328 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Press “B” key to select the brush tool, choose a 1px hard brush, as shown below:

1 brush 500x194 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Choose a colour from the colour picker (I use a light pick colour here):

1 color picker 500x312 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Press “P” key again, then right-click on the path, choose “Stroke Path”:

1 stroke 499x471 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Choose “Brush” from the drop down box, and make sure you tick the “Simulate Pressure” option, then press “OK”:

1 brush stroke Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

and here ist effect after the path stroke:

1 result Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Step 2

Use the Same Process as described above, create another 3 lines. Make sure you:

  • Put each line on a seperate layer
  • Adjust the brush size to be 2px, 3px, 4px respectively
  • Adjust the layer opacity to be 80%, 60% and 40%

Details please refer to the screenshots below:

2 2px Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

2 3px Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

2 4px Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Adjust the positions of the lines (move them slighly left and right against each other), And here is the effect so far: (4 lines on 4 layers)

2 effect1 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Step 3

Make a folder called “lines” and put those four layers into it. Duplicate this folder once and merge the duplicated layers, reduce the opacity of the merged layer to around 70% and move it slightly left to create a bit of depth for the image:

3 move Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Then keep duplicated the merge layer to add more lines to the image:

3 dup 500x492 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Now you will want to add some colour variety into it. Instead of picking a new colour and go through the stroke process, you can simply add a Hue/Saturation adjustment layer to the merged line layer: (make sure you tick the “Use Previous Layer as clipping mask” option when adding it)

3 hue Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

and adjust the hue and use a colour you like:

3 after hue 499x490 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Keeping add more colour onto it. You can use the Free Transform tool (Ctrl + T) to the line layers you added to adjust their angle:

3 free transform 500x517 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Also resize the layer when you see fit:

3 resize 500x440 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Step 4

Now we also want to add a few grey lines into the image. To do this, simply go to image > adjustments > desaturate (or Shift + Ctrl + U) to desaturate a merged line layer:

4 desaturate 500x470 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Blend those grey lins into the image, as shown below:

4 blend it 500x426 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

and here is the effect so far:

4 effect1 500x497 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Step 5

We’re almost done. Now merge those lines layer we made, then duplicate, rotate them around the canvas:

5 merge 500x494 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

We can add some dots around the lines to decorate it a bit. To do this, create a new brush with the settings shown below: (press f5 to bring up the brush window)

5 shape dyna Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

5 sca Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

5 other dyn Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Tick “Airbrush”, “Smoothing” and “Protect Texture” option.

Use the brush we just made, paint some dots around the image on a new layer, as shown below:

5 paint Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

5 paint 2 500x128 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

5 paint 3 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

We can also paint some random lins around to spice up the image a bit: (Use a 1px hard brush and simply paint away!)

5 paint lines 500x345 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

Once you’ve done the painting, go to filter > Sharpen > Sharpen and sharpen this dots layer a bit. (You will see the dots become brighter)

Here is the overall effect:

5 effect1 500x490 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

You may want to alter the colour balance or use a different colour scheme.Totally up to you :)

Here is an alternative version I made: (click to enlarge)

abstract lines 2 flatten 500x500 Create Beautiful Hair like Abstract Lines to Decorate Your Design in Photoshop

That’s it! Hope you enjoy this tutorial and find it useful :)

Till next time, have a great day!