Home­FAQ­Register­Memberlist­Log in
Post new topic   Reply to topicShare | 
 

 [Photoshop] Creating Unique Scanlines (booted from FI)

View previous topic View next topic Go down 

Accept it or deny it.
Accept to allow my tutorial to show up on the main site
100%
 100% [ 11 ]
Deny to disallow my tutorial to show up on the main site
0%
 0% [ 0 ]
Total Votes : 11
 

AuthorMessage
Crossfade
R10 Local Fisherman


Number of posts: 229
Location: On the Earth, breathing pure carbon dioxide
Registration date: 2008-03-28

PostSubject: [Photoshop] Creating Unique Scanlines (booted from FI)   Sat Apr 26, 2008 5:19 pm

*Quoted from FI*

Crossfade wrote:

Introduction

As much of you may know how to create scanlines in Photoshop, this is for those who don't. Now, there are many ways to create scanlines. The most common type is the 3x3 document with 1px blocks diagonally placed. This creates the diagonal scanline. (Note: image is zoomed in at 1600%)



The Basics

Creating scanlines is pretty simple. Following these easy steps will ensure your success at creating a standard scanline. We're going to create a diagonal scanline. Let's start.

Step One:
Setting Up a Document

We're going to create a 3 pixels wide by 3 pixels high document, with 72 resolution in pixels, and a transparent background. So, to do this, go to File > New or hold CTRL + N and enter the following:



Step Two:
Creating the Scanline

Now that you have a document open, click and hold on the brush tool and select Pencil. Make sure it is set to 1 pixel.



Now, all you have to do is make three square dots diagonally down the image shown here:



Step Three:
Defining the Pattern

Make sure you have the image of the three square dots open, and go to Edit > Define Pattern... Type in "scanline1" or whatever you want and click "ok." Now you should be back to your image. Close that, and proceed to the next step.

Step Four:
Adding the Pattern To an Image

Once you have all of this done, you will be able to use your scanline for any image. But, for this tutorial, we're going to add it to a simple image. Open a new image (File > New) and set the dimensions to 350 wide, and 150 high. Select the gradient tool (Click and hold the Paint Bucket tool and select Gradient Tool) and open up the gradient pallet at the top under the menu:



You can set the gradient to anything you'd like, as this image won't matter much. Anyways, add the gradient to the image and create a new layer. (Shift + CTRL + N) Select all (CTRL + A) and go to Edit > Fill and select these settings:



Step Five:
Optional

After you have done this, you can play around with the opacity or create another scanline differently than the one explained in this tutorial.

Results

Here is a result using the diagonal scanline.



End

Well, I hope you had a good result with this. As I've said before, there are many ways to create scanlines. You can use many different sizes too, but I wouldn't use images larger than 12x12. Depending on the size, pattern designs can be applied in different ways. The possibilities are endless with this.

If you have any questions, you can PM me here or here at FI.



Please credit me if you use this tutorial (Exact copy of it, and altering it). Tutorial by Crossfade.

_________________

Back to top Go down
View user profile http://www.strickenstudios.co.cc
Andy
R14 Principal


Number of posts: 413
Age: 16
Location: USA
Registration date: 2008-01-20

PostSubject: Re: [Photoshop] Creating Unique Scanlines (booted from FI)   Sat Apr 26, 2008 5:43 pm

I used to love using scan lines in PS. Very nice explanations. :)
Voted allow.

_________________


Back to top Go down
View user profile
Lumix
Rive Coder


Number of posts: 484
Age: 14
Location: Hamilton, Ontario
Registration date: 2008-04-13

PostSubject: Re: [Photoshop] Creating Unique Scanlines (booted from FI)   Sat Apr 26, 2008 8:01 pm

Crossfade wrote:


Please credit me if you use this tutorial (Exact copy of it, and altering it). Tutorial by Crossfade.


Who credits a tutorial? Anyways, i voted it in.

_________________
Back to top Go down
View user profile http://www.offswitch.co.cc
Scruffy
Source Mapper


Number of posts: 833
Age: 16
Location: Vancouver, BC, Canada
Registration date: 2008-01-20

PostSubject: Re: [Photoshop] Creating Unique Scanlines (booted from FI)   Sat Apr 26, 2008 9:02 pm

nice tut.

But yeah, who credits tutorials? :/
Back to top Go down
View user profile
Blue Devil
R7 McDonalds Manager


Number of posts: 147
Age: 16
Registration date: 2008-01-26

PostSubject: Re: [Photoshop] Creating Unique Scanlines (booted from FI)   Sun Apr 27, 2008 4:12 am

I think he means if anyone posts the tut elsewhere. So that they don't claim it as there own. Anyway, nice tut
Back to top Go down
View user profile
Garrett
Crew


Number of posts: 1127
Age: 17
Location: United States
Registration date: 2008-01-19

PostSubject: Re: [Photoshop] Creating Unique Scanlines (booted from FI)   Sun Apr 27, 2008 6:31 am

I remember my first time understanding how to create scan lines. Far more difficult then your tutorial here, I'll put it up on the site. Very Happy
Back to top Go down
View user profile http://rivestudios.darkbb.com
Crossfade
R10 Local Fisherman


Number of posts: 229
Location: On the Earth, breathing pure carbon dioxide
Registration date: 2008-03-28

PostSubject: Re: [Photoshop] Creating Unique Scanlines (booted from FI)   Sun Apr 27, 2008 9:40 am

Haha, thanks Garrett and everyone else.

_________________

Back to top Go down
View user profile http://www.strickenstudios.co.cc
Zackie
R9 Mall Security


Number of posts: 192
Registration date: 2008-01-21

PostSubject: Re: [Photoshop] Creating Unique Scanlines (booted from FI)   Mon Apr 28, 2008 2:05 am

nice one, simple and stylish
Back to top Go down
View user profile
 

[Photoshop] Creating Unique Scanlines (booted from FI)

View previous topic View next topic Back to top 
Page 1 of 1

Permissions of this forum:You cannot reply to topics in this forum
Rive Studios :: Creativity Forum :: Tutorials-
Post new topic   Reply to topic