Jump to content

Sharp's Line sig Tutorial


Recommended Posts

This tutorial is available as a PDF. Click here to view or download it


So lately I've been getting quite a few requests for a tutorial on how I make these kinds of images.




So I made a tut to show you guys how.

Note: Only plugin needed is Pyrochild's random shape fill.

Step 1: Choosing Your Colors.

The first thing you need to do, is pick which colors your going to use. There's a few different ways you can do this. For the blue one, I chose a color I liked, the blueish color, and flipped the green and blue values. For The pink and orange one, I just picked one of the default colors, orange, and messed with the color sliders until I got something that looked good with it. For the last, I used Adobe Kuler, and picked one of the already made color palettes, and based my colors off of that.


Step 2: Setting Up Your Background.

Start with your default canvas, and paint it black. Add a new layer, and set the secondary color to transparent. Now pick the lighter, or less dominant color, and set the to the primary color, and change the value to 100, if it's not there already. Draw a radial gradient from one of the corners. Add a new layer, and lower the saturation to 30-50ish. Draw another radial gradient from the same corner, and lower the opacity of the layer. Now flatten, and add a new layer.


Step 3: Starting with the lines.

Pick one of your colors, and draw a 1 px line from the corner your gradient started from, to the opposite corner. Right click the middle nubs and make a swervy line. Now Set your secondary color back to white, and fade out the far end with a linear transparent gradient. Add a new layer, and repeat with your second color, then merge it down.

Edit: try to put both of the nubs closer to the bright area then the dark, so you can't see the ends of the lines at all.


Step 4: More lines!

Now increase the line size to 2 px. This is where you start to get creative. Repeat the line process, with increasingly larger and larger line sizes. Don't be afraid to mix it up, and add in more 1px lines etc. etc. Also, try adding in a few lines with colors that are just a bit different than the original color. Make sure your using about the same amount of each color. When you get to 4 or 5 px, Add a new layer and make the rest of the lines on that layer, if you want text in your image. The highest px line I go to is usually 8-10.


Step 5: Circles

Add a new layer. Set your primary and secondary colors to your 2 main colors. Open the random shape fill plugin, and set fill color to primary and secondary. Make sure use transparency and antialias are checked. Set the max and min sizes to 1 and 2, and raise the number fairly high. Now grab the radial gradient and fade them out slightly at the edges. Add a new layer, and do the same, but with higher values, more like 5/10, and lower the amount. Every time you repeat, fade them out more and more, so the closer to the corner you get the bigger the circles are. Repeat again, but with 10ish/20ish for min/max. Try one more time, but lower the amount a lot, and use big circles, and fade it out so only 5-10 are visible (if it is sig sized)


Step 6: The Glow

Add a new layer on top of everything else, and set your primary to white, and your secondary to transparent. Draw a radial gradient from the corner, and reduce the opacity. If necessary, repeat on a new layer with a smaller gradient.


Step 7: The Text

Okay, almost done. Reset your colors to black and white. Now add a new layer in between the small line layer, and the large line layer. Write your text in white, in a fairly large size. Now zoom in a bit. Find where a few of the biggest lines go over, your text, and do a reflected linear gradient, in transparent mode. Line it up with where the lines go, so it makes it look like a shadow.


Step 8: More glow (Optional)

If you like, you can add glow to the lines. Select the line layers and run the glow effect. The values are up to you. Also, you can try duplicating the line layer, run B&W on the lower layer, brightness contrast to 100/100 to make it white, and Gaussian blur and play with opacity.


Congrats, your done! :)

Post your results everyone!

  • Upvote 2
Link to comment
Share on other sites

Great tutorial! I will try it out once the random shape fill plug-in is fixed. I'm not sure how long that will take though. :|

Good job. :wink:

---- Gallery | Sig Tutorial | deviantART | Sig Videos | PhotoBucket ----

D                  E                  S                  T                  I                 N                  Y

Link to comment
Share on other sites

Wait, that plugin isn't working on the beta now? Darn. Hopefully they can fix that soon. :!:

Well actually it's been like that for me. pyro said it won't work on 64-bit operating systems...

---- Gallery | Sig Tutorial | deviantART | Sig Videos | PhotoBucket ----

D                  E                  S                  T                  I                 N                  Y

Link to comment
Share on other sites

Now I know how to find plugins without having to follow links.. xP

Nice and fun! It was simple enough to follow, but needed a little bit of thinking too.. I had to crop the final product to make it a bit more sig-worthy (I would hate to crop or resize it even more :( ), but it still looked great and now I have a desire to drink hot chocolate with marshmallows.


Click it to see the unaltered product.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...