[TUT] Making Scanlines.

[Rebel]

Since I didn't want to over ride the post with more than 1 pattern at a time ( because of the limit of pictures allowed ) I'll be adding more to this topic.

Got 5/10 minuets you want filling but don't know what with? Well look no further!

I know there's already a tutorial on scanlines/patterns but I there's a lot more out there than whats in that one. So I'm going to show you how to do all of the ones I know how.

Its really simple and easy, and a little repetitive but worth it in the end. Also very effective if used right.

 

Okay so;

 

1. Open up a new document matching this:

 

2. Either go to View>Fit to screen. OR press Ctrl and + 9 times until its 1600%.

 

3. Now right click on the brush tool and click on the pencil picture. It should be in the middle of the 2 like this:

After clicking on the pencil make sure your foreground colour is black.

 

4. Make sure the pencil size is 1 and check the settings at the top to make sure they look like this:

 

5. So you have your 5x5 box zoomed in at 1600%, now all you need to do is put in the pattern, it should look like this in the end:

 

6. After you have something that looks like this, press Ctrl and A which should bring up dashing lines around the box you have once you have this go to Edit>Define Pattern.

 

7. Rename your pattern to whatever you'd like. Since I did this before making a tutorial I named it arrows since it comes out looking like arrows. After renaming it click okay.

 

8. Open up a new document any size you like or even open up an existing project you have. After that, right click on the cloning stamp so you can select the patten stamp tool. Which looks like this:

 

9. Apply the pattern to anything you'd like. In the layers tab to the right of the screen on the drop down menu where it says Normal, set it to either Overlay or Soft light for the pattern to blend more. I also find that this is still a little too strong for my liking so I set the Opacity from about 100% down to about 40-60%.

 

End Result:

 

I hope you found it easy to understand, if not by all means ask me if you get stuck and I'll be more than happy to help you out.

And hopefully this will come in useful for some people.

[Rebel]

 

So this is basically the same as the one above just a different pattern (obviously) same skill required which isn't a lot so I'm sure everyone can do this in their sleep! Lets get going shall we?

 

1. Start a new document but this time making it 2x2. It should look like this:

 

2. Go to either View>Fit to screen OR press Ctrl and + together 9 times until you get it zoomed in up to 1600%.

 

3. Now right click on the brush tool and click on the pencil picture, make sure you have black as your foreground. It should be in the middle of the 2 like this:

 

4. Make sure the pencil size is 1 and check the settings at the top to make sure they look like this:

 

5. So you have your 2x2 box zoomed in at 1600%, now all you need to do is put in the pattern, it should look like this in the end:

 

6. After you have something that looks like this, press Ctrl and A which should bring up dashing lines around the box you have once you have this go to Edit>Define Pattern.

 

7. Rename your pattern to whatever you'd like. Since I did this before making a tutorial I named it Dots since it comes out looking like little dots. After renaming it click okay.

 

8. Open up a new document any size you like or even open up an existing project you have. After that, right click on the cloning stamp so you can select the patten stamp tool. Which looks like this:

 

9. Apply the pattern to anything you'd like. In the layers tab to the right of the screen on the drop down menu where it says Normal, set it to either Overlay or Soft light for the pattern to blend more. I also find that this is still a little too strong for my liking so I set the Opacity from about 100% down to about 40-60%.

End Result:

Edited January 21, 2009 by $RebelG

[Wightboy]

Nice Tut.

 

Although in fireworks (what i use instead of PS) theres an option to add scanlines or 'texture' to your work with a few clicks

Theres a bunch of nice default overlays like grids, diagonal lines, oily glosses ect.

 

PS<Fireworks. We can do anything you can do!

heres a screenie

edit: Oh sorry didnt realise you were posting 3. (seem to have cut you in half somewhat here)

Thought it was just 2... my bad.

 

Edited January 21, 2009 by Wightboy

[Rebel]

 

Lets get started on another shall we? Again still easy and you could do it in your sleep but always a useful skill to have if you ever want to use it.

 

1. Open up a new document this time making it 5x5. It should look like this:

 

2. Go to either View>Fit to screen OR press Ctrl and + together 9 times until you get it zoomed in up to 1600%.

 

3. Now right click on the brush tool and click on the pencil picture, make sure you have black as your foreground. It should be in the middle of the 2 like this:

 

4. Make sure the pencil size is 1 and check the settings at the top to make sure they look like this:

 

5. So you have your 5x5 box zoomed in at 1600%, now all you need to do is put in the pattern, it should look like this in the end:

 

6. After you have something that looks like this, press Ctrl and A which should bring up dashing lines around the box you have once you have this go to Edit>Define Pattern.

 

7. Rename your pattern to whatever you'd like. Since I did this before making a tutorial I named it Squares since it comes out looking like little squares. After renaming it click okay.

 

8. Open up a new document any size you like or even open up an existing project you have. After that, right click on the cloning stamp so you can select the patten stamp tool. Which looks like this:

 

9. Apply the pattern to anything you'd like. In the layers tab to the right of the screen on the drop down menu where it says Normal, set it to either Overlay or Soft light for the pattern to blend more. I also find that this is still a little too strong for my liking so I set the Opacity from about 100% down to about 40-60%.

End Result:

[Rebel]

 

I'd say this next one were going to do is probably the default one in which people tend to use when looking for a scanline tutorial.

 

1. Open up a new document this time making it 3x3. It should look like this:

 

2. Go to either View>Fit to screen OR press Ctrl and + together 9 times until you get it zoomed in up to 1600%.

 

3. Now right click on the brush tool and click on the pencil picture, make sure you have black as your foreground. It should be in the middle of the 2 like this:

 

4. Make sure the pencil size is 1 and check the settings at the top to make sure they look like this:

 

5. So you have your 3x3 box zoomed in at 1600%, now all you need to do is put in the pattern, it should look like this in the end:

 

6. After you have something that looks like this, press Ctrl and A which should bring up dashing lines around the box you have once you have this go to Edit>Define Pattern.

 

7. Rename your pattern to whatever you'd like. Since I did this before making a tutorial I named it Diagonals since it comes out looking like diagonal lines. After renaming it click okay.

 

8. Open up a new document any size you like or even open up an existing project you have. After that, right click on the cloning stamp so you can select the patten stamp tool. Which looks like this:

 

9. Apply the pattern to anything you'd like. In the layers tab to the right of the screen on the drop down menu where it says Normal, set it to either Overlay or Soft light for the pattern to blend more. I also find that this is still a little too strong for my liking so I set the Opacity from about 100% down to about 40-60%.

End Result:

 

Don't forget you don't have to make the pencil colour always black, you can pick whatever colour you'd like.

[JostVice]

The pattern tool of photoshop (I guess it will be the same in most programs) is great, trying new desing and colours, using different overlaying and stuff can make some nice desings. Thanks rebel for the second 'design', looks interesting

[agent17]

Pretty nice, you don't see too many tutorials around here anymore.

[Rebel]

Thanks guys for the input. I know what you mean about there not being much around I'd love to see some myself. I'll be putting more up later tonight Jost if you want to try them out.

 

---------------------------------------------------------------------------------------------------------------------------

 

 

This is just like the other, one of the 'basics' but its from the other angle.

 

1. Open up a new document this time making it 3x3. It should look like this:

 

2. Go to either View>Fit to screen OR press Ctrl and + together 9 times until you get it zoomed in up to 1600%.

 

3. Now right click on the brush tool and click on the pencil picture, make sure you have black as your foreground. It should be in the middle of the 2 like this:

 

4. Make sure the pencil size is 1 and check the settings at the top to make sure they look like this:

 

5. So you have your 3x3 box zoomed in at 1600%, now all you need to do is put in the pattern, it should look like this in the end:

 

6. After you have something that looks like this, press Ctrl and A which should bring up dashing lines around the box you have once you have this go to Edit>Define Pattern.

 

7. Rename your pattern to whatever you'd like. Since I did this before making a tutorial I named it Opposite Diagonals since it comes out looking like diagonal lines but different from the other one we just did. After renaming it click okay.

 

8. Open up a new document any size you like or even open up an existing project you have. After that, right click on the cloning stamp so you can select the patten stamp tool. Which looks like this:

 

9. Apply the pattern to anything you'd like. In the layers tab to the right of the screen on the drop down menu where it says Normal, set it to either Overlay or Soft light for the pattern to blend more. I also find that this is still a little too strong for my liking so I set the Opacity from about 100% down to about 40-60%.

 

End Result:

Edited January 22, 2009 by $RebelG

[Wightboy]

The last one in your tutorial is better than your current signature IMO.

Maybey with a few slight colour alterations ...

[Rebel]

 

This again is just like the other, except its on a 4x4 canvas which means the lines will be a little further apart from each other.

 

1. Open up a new document this time making it 4x4. It should look like this:

 

2. Go to either View>Fit to screen OR press Ctrl and + together 9 times until you get it zoomed in up to 1600%.

 

3. Now right click on the brush tool and click on the pencil picture, make sure you have black as your foreground. It should be in the middle of the 2 like this:

 

4. Make sure the pencil size is 1 and check the settings at the top to make sure they look like this:

 

5. So you have your 4x4 box zoomed in at 1600%, now all you need to do is put in the pattern, it should look like this in the end:

 

6. After you have something that looks like this, press Ctrl and A which should bring up dashing lines around the box you have once you have this go to Edit>Define Pattern.

 

7. Rename your pattern to whatever you'd like. Since I did this before making a tutorial I named it 4x4 since it comes out looking like diagonal lines but since we have a set of those, and this is on a 4x4 canvas it will make it easier to find. After renaming it click okay.

 

8. Open up a new document any size you like or even open up an existing project you have. After that, right click on the cloning stamp so you can select the patten stamp tool. Which looks like this:

 

9. Apply the pattern to anything you'd like. In the layers tab to the right of the screen on the drop down menu where it says Normal, set it to either Overlay or Soft light for the pattern to blend more. I also find that this is still a little too strong for my liking so I set the Opacity from about 100% down to about 40-60%.

 

End Result:

[GentlemanSquid]

Nice Rebel, I'll be sure to add it to the GFX Archive, when I get time.

[Rebel]

Thanks gta_talk, take as much time as you need to putting them into the archive, I've still got quite a few to add

 

 

This is just like the squares one I did earlier, except they'll come out like diamonds if I remember correctly. Lets see if I'm right shall we?

 

1. Open up a new document this time making it 5x5. It should look like this:

 

2. Go to either View>Fit to screen OR press Ctrl and + together 9 times until you get it zoomed in up to 1600%.

 

3. Now right click on the brush tool and click on the pencil picture, make sure you have black as your foreground. It should be in the middle of the 2 like this:

 

4. Make sure the pencil size is 1 and check the settings at the top to make sure they look like this:

 

5. So you have your 5x5 box zoomed in at 1600%, now all you need to do is put in the pattern, it should look like this in the end:

 

6. After you have something that looks like this, press Ctrl and A which should bring up dashing lines around the box you have once you have this go to Edit>Define Pattern.

 

7. Rename your pattern to whatever you'd like. Since I did this before making a tutorial I named it Diamonds since it comes out looking like little diamonds. After renaming it click okay.

 

8. Open up a new document any size you like or even open up an existing project you have. After that, right click on the cloning stamp so you can select the patten stamp tool. Which looks like this:

 

9. Apply the pattern to anything you'd like. In the layers tab to the right of the screen on the drop down menu where it says Normal, set it to either Overlay or Soft light for the pattern to blend more. I also find that this is still a little too strong for my liking so I set the Opacity from about 100% down to about 40-60%.

 

End Result:

Edited January 22, 2009 by $RebelG

[Rebel]

 

I'd say this is the time where it gets a little tricky in making sure you put the marks on the canvas. Still if you mess up its not like you can't undo it in some way!

 

1. Open up a new document this time making it 5x5. It should look like this:

 

2. Go to either View>Fit to screen OR press Ctrl and + together 9 times until you get it zoomed in up to 1600%.

 

3. Now right click on the brush tool and click on the pencil picture, make sure you have black as your foreground. It should be in the middle of the 2 like this:

 

4. Make sure the pencil size is 1 and check the settings at the top to make sure they look like this:

 

5. So you have your 5x5 box zoomed in at 1600%, now all you need to do is put in the pattern, it should look like this in the end:

TIP: With this the first black mark at the top starts in the middle, so its 3 squares in.

 

6. After you have something that looks like this, press Ctrl and A which should bring up dashing lines around the box you have once you have this go to Edit>Define Pattern.

 

7. Rename your pattern to whatever you'd like. Since I did this before making a tutorial I named it Circles since it comes out looking like little circles stuck together. After renaming it click okay.

 

8. Open up a new document any size you like or even open up an existing project you have. After that, right click on the cloning stamp so you can select the patten stamp tool. Which looks like this:

 

9. Apply the pattern to anything you'd like. In the layers tab to the right of the screen on the drop down menu where it says Normal, set it to either Overlay or Soft light for the pattern to blend more. I also find that this is still a little too strong for my liking so I set the Opacity from about 100% down to about 40-60%.

End Result:

[tw!tch]

thanks a bunch for some inspiration to play around with this again

[[MenaceMovies]]

 

Nice Tut.

 

Although in fireworks (what i use instead of PS) theres an option to add scanlines or 'texture' to your work with a few clicks

Theres a bunch of nice default overlays like grids, diagonal lines, oily glosses ect.

 

PS<Fireworks.  We can do anything you can do!

I was going to say the exact same thing!

 

Fireworks owns, I prefer it over Photoshop CS3 (I have both)

 

Anyways, nice tutorial. It's very newbie friendly.

[Rebel]

Thanks for the feeback guys, at least I know people are checking them out! Its a good job I don't have Fireworks then since I wouldn't do these . I'll be putting up some more later on in the day/night when I've done some stuff and gotten rid of this headache. Oh and by all means if you want to show off those scanlines you can post the results in here.

[GTASIX]

I like this. The one with the army bag looks like a magazine print

[Reincarnated]

Nice job; it had some good examples. Though, with tutorials, it is important to be clear and get rid of as much clutter as possible. For example, you could've just posted the instructions once and then just have a bunch of different patterns and their results. It could be in one post and, as a result, give a much more cohesive, cogent and clear 'feel' to the tutorial (in addition to making it easier to read).

 

-----------------

ie:

 

step 1

step 2

step 3

end result

 

pattern types

 

[etc]

 

------------------