Sign in to follow this  
Sharp

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.

3969600895_de1219fa92_o.png

3915079016_4b6db5469c_o.png

3902233713_ec1aedb466_m.jpg

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.

3971056388_e231b04826_o.png

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.

3970285489_7527829913_o.png

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.

3971056430_e436fb2665_o.png

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.

3970285529_d7c2f7bd40_o.png

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)

3971056498_a8ef933bc4_o.png

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.

3970285601_fc35239f35_o.png

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.

3970285643_ee001f69a0_o.png

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.

3970285699_98677fec3f_o.png

Congrats, your done! :)

Post your results everyone!

  • Upvote 2

Share this post


Link to post
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. :|
Wait, that plugin isn't working on the beta now? Darn. Hopefully they can fix that soon. :!:

Share this post


Link to post
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...

Share this post


Link to post
Share on other sites

Darkshock: It's okay if it doesn't have any circles :P The Zune WP doesn't. :wink:

And thanks for the comments everyone :D

Share this post


Link to post
Share on other sites

I like it spuff. Maybe rotate the flower and put it in the white area and mess with blend modes?

It looks good marken, just maybe put the lines a bit closer together or just add more.

Share this post


Link to post
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.

sharplinesigcrop.png

Click it to see the unaltered product.

Share this post


Link to post
Share on other sites

Good job fury. Just maybe fade out the edges a little more.

Chad, I didn't make it, feel free to share :P

Share this post


Link to post
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.

Guest
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.

Sign in to follow this