Home » Textures » Abstract Lines Background

Abstract Lines Background

Skill level:

Difficulty - 2/5

Time Required:

0 hrs 15 mins

Step 1:

Let's start out by creating a new file. I used a 550x900 pixels canvas set at 72dpi, and I filled my background with a black color. [Edit:] Go to Filter > Render > Clouds. Select black (#000000) for the first swatch and a dark blue (#002266) for the second swatch. (thanks lucy and crusado!)

Step 2:

Create a new layer set and name it 'Abstract Lines'. Now select the brush tool and set the size to 45 px soft brush. In a new layer paint a medium sized line with # 006C6A color shade as shown below.

Step 3:

Go to Filter > Blur > Motion Blur, apply the settings below to the paint line layer. If your results are thin in color just duplicate the layer and merge them both.

Step 4:

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your motioned paint layer.

Step 5:

Duplicate the motioned paint layer without any layer styles attached. Position it on the right side and set the layer's blending mode to Color Dodge. Duplicate this layer so the dodge effect is thicker on the design.

Step 6:

Once again duplicate the motioned paint layer without any layer styles. Position it as shown below, finish it off by duplicating the layer so its thicker on the design.

Step 7:

Duplicate the 'Abstract Line' layer set and merge it by going to Layer > Merge Layer Set. Make sure you have the layer set highlighted on the layers window or the merge option won't be active. position the layer design next to the original abstract line. Then set the layer's blending mode to Lighten at 46%opacity level.

Step 8:

Now duplicate the lightened layer from the last step by 3 to 4 times and position this designs all over the canvas. Make each copy unique with a different opacity levels.

Step 9:

Add a marquee selection around your canvas and go to Edit > Copy Merged. Then go back to Edit > Paste, this should add a new layer with a copy of your current design. Set the layer's blending mode to Hard Light at 49% opacity level.

Step 10:

Copy your current design as shown on step nine then use rotate option on Edit > Transform.

Results:

Abstract Lines Background.

John Conanan

By John Conanan

I'm a Freelance Web Designer living in Chicago IL. I have been using Photoshop for over 8 years now and I hope that you will enjoy my tutorials on tu-torial.com.

Enjoyed this post?

Get more by subscribing to our RSS Feeds or follow us on Twitter!
Not sure why you should? Here's 8 Reasons to Subscribe!

Similar Posts

Leave a Comment

There are 30 comments

Darren said on April 03, 2010 - 03:20

What does it mean to ''Duplicate the 'Abstract Line' layer set and merge it by going to Layer > Merge Layer Set. Make sure you have the layer set highlighted on the layers window or the merge option won't be active. position the layer design next to the original abstract line. Then set the layer's blending mode to Lighten at 46%opacity level.''

xEE said on March 25, 2010 - 05:19

It gets stuck at step 4! When I apply the blending options to the layer is doesn't give that effect at all(doesn't become a thin ray)! =(

vinod said on March 09, 2010 - 22:23

bahut acchha hai..... "so good'

Shamima Sultana said on March 02, 2010 - 00:29

Great job..
keep it up:)

revathi said on February 24, 2010 - 00:57

good

AMGROMA said on December 14, 2009 - 22:46

HORRIBLE TO UNDERSTAND, LOVE THE OUTCOME.

Shane said on November 29, 2009 - 22:04

Nice tut. But insted of just making straight lines, can I make up with something else, like....swirlies??? Then would I still come up with the same kinda effect?

Tobin said on November 20, 2009 - 08:32

Awesome technique! Everytime I do it I come up with something else lol but it still looks good! The design mistakes still make it our favorite wallpaper for afghan hound groups (added an affie neon silhoutte ;)!

Thanks and tons more of inspiration to ya!!

izmir web tasarim said on October 05, 2009 - 02:20

amazing thanks

CMYK said on September 14, 2009 - 08:38

Mmmmm Nice tuto!!! thanksss!!! ;)

Karl said on August 16, 2009 - 09:41

Nice effect. I wish I could duplicate it. You've gone to all the trouble of sharing this, and just a few more minutes and some additional thought would have made this an A+.

It certainly is not for the newbie. Next time you might consider having substeps.

For example, take step 6, what does it even mean?

>>>
Once again duplicate the motioned paint layer without any layer styles. Position it as shown below, finish it off by duplicating the layer so its thicker on the design.
>>>

Without layer styles I can't even see it. And as someone else asked, what does "thicker no the design" even mean?

japonesas nuas said on July 25, 2009 - 07:25

hmm... luv it..

Alex said on July 01, 2009 - 23:03

It was a great tutorial...
thanks a lot, GOOD JOB.

Culottes Abiertos said on June 30, 2009 - 01:08

now I'll stay tuned..

danny crother said on June 19, 2009 - 22:21

Stunningly ...looks very good

jhmart1 said on June 07, 2009 - 07:35

...Sorry, meant to say set the Blending Option to "Overlay", NOT multiple. :OP

jhmart1 said on June 07, 2009 - 07:32

Here's the easiest way I've found to change the cloud color. After you render the clouds on a new layer, select that layer's Blending Options and choose Color Overlay, select your color, then set the blending mode to Multiply.

crusado said on May 02, 2009 - 04:14

Very good tutorial. But instead to grab background below (second picture in tutorial) you can use "filter - render - clouds". Just pick in first swatch black color and second a very dark blue one. Other settings are just fine (Inner Shadow and Gradient Overlay). I've got the same results as is it described in lesson.

steven said on April 20, 2009 - 14:45

this is horrible. take the time to tell us to name layers, yet don't explain how to render clouds? "Grab the background layer". WTF! This tutorial is horrible! Oh and ya gotta love these directions... "thicker on the design" lovely!

Nathan said on December 31, 2008 - 10:48

Loved this one thanks...and HH to all

suckoja said on December 22, 2008 - 23:49

Very nice effect! Play with it a little bit in final step so here is my result!

http://img247.imageshack.us/my.php?image=abstractlinessr9.png

Thanks a lot for a great tutorial!

alex said on December 20, 2008 - 05:46

excellent!

Utah Joe said on December 06, 2008 - 08:53

Very nice! Looks great.

govindaraj said on September 11, 2008 - 00:49

this site very useful for designers
keep it up

thanks govindaraj chennai

raj_K said on September 01, 2008 - 21:13

its very nice tutorial & easy

thank you very much

Raj said on August 23, 2008 - 04:30

very nice tutorial :) Thanx for sharing!

lucy said on August 17, 2008 - 23:43

i could explain the blue clouds at step 1:creating a new layer called "layer 1" on the background after you filled the background with black,ok,and go to Filter>Render>Clouds.Please creating a new layer again on "layer 1",we called it "layer 2",filling "layer 2" with the color(#052661),then select Layer Style>Blending Options>Multiply.

lucy said on August 17, 2008 - 22:36

So great!

K Smith said on August 14, 2008 - 08:27