Pin It

Learn to Create Beautiful Lines of Different Shapes

Advertisement

The purpose of this tutorial is to show you how to create beautiful lines of different shapes that you can add to any image.

Final Image Preview

Learn to Create Beautiful Lines of Different Shapes

Resources


Step 1

Open Guitar Silhouette image on Photoshop. Go to Image > Image Size and change width to 1125px and height to 1500px.

Learn to Create Beautifull  Lines of Different Shapes 1

Step 2

Select Brush Tool and press F5. Choose a hard round brush with 10 pixels and set up following presets for current brush:

Learn to Create Beautifull  Lines of Different Shapes 2
Learn to Create Beautifull  Lines of Different Shapes 3
Learn to Create Beautifull  Lines of Different Shapes 4

Step 3

Create a new layer and make a straight line (white color) by pressing Shift.

Learn to Create Beautifull  Lines of Different Shapes 5

Step 4

Apply Filter > Blur > Motion Blur with these settings:

Learn to Create Beautifull  Lines of Different Shapes 6
Learn to Create Beautifull  Lines of Different Shapes 7

Step 5

Duplicate layer with Ctrl+J and merge copied layer with original one by selecting both layers and pressing Ctrl+E to increase effect.

Learn to Create Beautifull  Lines of Different Shapes 8

Repeat process several times till you have something similar to what i have below.

Learn to Create Beautifull  Lines of Different Shapes 9

Step 6

Go to Edit > Transform > Scale and transform line.

Learn to Create Beautifull  Lines of Different Shapes 10

Step 7

Duplicate layer a few times and move each copy right to get same effect as below.

Learn to Create Beautifull  Lines of Different Shapes 11

Step 8

Merge all the layers with lines into one layer and apply Filter > Transform > Scale to transform it.

Learn to Create Beautifull  Lines of Different Shapes 12

Step 9

Now make selection of current layer with Select > Load Selection.

Learn to Create Beautifull  Lines of Different Shapes 13

Apply Gradient Tool with Transparent Rainbow gradient (one of standard Photoshop gradients) for the left part of selection of layer.

Learn to Create Beautifull  Lines of Different Shapes 14

Repeat same process applying Gradient Tool to parts of selection but keeping some parts in between with white so line will look more fractional (It will create impression that the line consists of a set of lines).

Learn to Create Beautifull  Lines of Different Shapes 15

Remove selection with Ctrl+D.

Learn to Create Beautifull  Lines of Different Shapes 16

Step 10

Apply Edit > Transform > Scale to make line longer.

Learn to Create Beautifull  Lines of Different Shapes 17

Step 11

Now we go to Edit > Transform > Warp to transform line to similar position as you can see on my screenshot below.

Learn to Create Beautifull  Lines of Different Shapes 18

You can Transform the line in whatever way you want to decorate your image.

Learn to Create Beautifull  Lines of Different Shapes 19

You can also make different shapes with line as you can see on my example below:

Learn to Create Beautifull  Lines of Different Shapes 20

Final Image

Add more lines repeating all steps and position them on canvas and you have learned to created beautifull lines in a simple way.

Learn to Create Beautiful Lines of Different Shapes
Advertisement


  • yaman

    it’s very awesome

    • OmmoJommo

      Thanks, Really helped me.

  • http://romance6.wordpress.com/ Tawhidul Amin

    You always make very different theme,but not hard,I will do this now.really great guy.
    Thanks

  • marine

    All fine except step 9. I selected the gradient tool and the transparent rainbow but I coudn’t select only a part of the layer. The whole layer was edited. I may have forgotten to change one of the settings.
    Otherwise, very good tutorial. thks

    • http://skydraios.6te.net Theodore Diamantidis

      Same with me.. If we do something wrong, please tell us :)

      • http://merlycuza.com Merly Cuza

        My photo was created as a Smart Object. When I added the gradient, I duplicated each Gradient instance and moved it around to my liking. Did this make sense?

      • Hannah

        Did you ever fugire out how to make this work? I am having the same difficulties trying to select only a section on the layer…

  • Akanxha

    Thanks for sharing such a nice trick!

  • Sami Hanna

    Very very Beautifull.Thanks

  • ali alabrahimi

    Great work very much thank you

  • neela

    its fine except the step 9. thanx 4 sharing this.

  • rwar

    very nice.

  • thaleswari

    There is no Transform option in Filter(Step 8: Filter > Transform > Scale to transform it.)

  • http://www.appsTREE.Co.cC Vinayak

    really nice! :D

    Looking forward for some advanced tuts…

  • http://d3cauldron.com/ Murdoc

    Damn! That’s a nice effect. I’ll have to try that out.

  • http://budiarto1.worldpress.com budiarto

    very nice effect…

  • Asad

    thanks a lot.

  • http://www.mobilbekas77.com mobil bekas

    Amazing tutorial and thank you for sharing

  • Jim

    Interesting tutorial

    “Full” of Beauti”full” things

  • Ruben Silva

    As a extra step, you can also duplicate the lines layer and add a gaussian blur to the copy, then change the BM=Color Dodge and regulate the opicity, to add a nice glowing effect.

  • Som

    Interesting tutorial

    It is beautiful creation.

  • Name (required)

    abdulsimak(PUTTALAM,SRILANKA) AMAZING TRICKS. THANK U SIR FOR UR TUTORIALS

  • Shubham

    Which version of photoshop did you use???

    • http://www.photoshopstar.com Photoshop Star

      Screenshots are from CS5 but tutorial works fine on CS3 for example.

  • Noha

    It is a great tutorial , thanks alot

  • Erika Reed

    I have photoshop elements 9 plus and every time I try one of these tutorials, it does not work. Really disappointed as I love to learn all I can.

  • pankaj shandilya

    very long steps

  • Thandi

    This is fantastic, thank you so much for showing us such an incredible exercise.

  • http://www.photoshopstar.com/basics/create-lines-different-shapes/ sukant

    I have tried this very good tutorial but when i am trying to rainbow effect in particular part it is not happening pls can you explain how can we do that ..

  • laurencemilo

    emaginative creation.. very nice. nice efffect.

  • Hannah

    Confused with step 8 Filter>transform>scale. When I go to filter there isn’t an option to Transform, I can only find it in Edit.

    So using the Edit>Transform>Scale then in step 9 Select>Load selection… I now can’t make multiple gradients, just one that takes over the whole selection.

    Obviously doing something wrong… help…

  • Nimai

    can we do it in adobe photoshop cs2?

  • RookieOmega

    This is great. Uncovers a lot of software’s potential.

  • Sara

    I’m having issues selecting the layer in step 9. It’s telling me that No pixels are more than 50% selected. The selection edges will not be visible.

  • Cortney

    Yes, I’m having the same problem as Sara. I can’t seem to get step 9 to work.

  • JIm Davis

    Worked beautifully. Thanks!

  • Tunde

    Perfect work, cheers!