Webmaster Forum Forum Index Webmaster Forum
Tiger Team Solutions Tech Support
 
 FAQFAQ   SearchSearch   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Web 2.0 Style Line Pattern

 
Post new topic   Reply to topic    Webmaster Forum Forum Index -> Photoshop Tutorials
View previous topic :: View next topic  
Author Message
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 681
Location: Arkansas, USA

PostPosted: Fri Dec 07, 2007 2:56 pm    Post subject: Web 2.0 Style Line Pattern

Adobe Photoshop Tutorial:

Ok... so I just showed everyone some Web 2.0 style text. Now I'm going to show a quick way to create the Web 2.0 style lines you see on images.

Like this one:

_________________
If you have an an urgent question, please call me.
Spam will be removed.


Last edited by bsmith on Thu Jan 31, 2008 11:00 am; edited 1 time in total
Back to top
TigerBot
Tiger Member


Joined: 19 Jun 2007




PostPosted: Fri Dec 07, 2007 2:56 pm    Post subject: Sponsored Advertisement




_________________
TigerBot
Back to top
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 681
Location: Arkansas, USA

PostPosted: Fri Dec 07, 2007 2:57 pm    Post subject:

Step 1.

Make a new image. this example is 5px by 5px.


_________________
If you have an an urgent question, please call me.
Spam will be removed.
Back to top
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 681
Location: Arkansas, USA

PostPosted: Fri Dec 07, 2007 2:58 pm    Post subject:

Step 2.

Zoom in.

Here is the image at 100%:


Here it is zoomed in 1600%:

_________________
If you have an an urgent question, please call me.
Spam will be removed.
Back to top
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 681
Location: Arkansas, USA

PostPosted: Fri Dec 07, 2007 3:01 pm    Post subject:

Step 3.

We need to remove the white background... our pattern needs to be transparent over whatever future images we work with.

So we are going to make a new layer on top of our current one. Then drag our background down to the trashcan icon in the layers palette so that we can delete the white background quickly and efficiently.



When done, you should only see layer 1 in layers palette.
_________________
If you have an an urgent question, please call me.
Spam will be removed.
Back to top
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 681
Location: Arkansas, USA

PostPosted: Fri Dec 07, 2007 3:04 pm    Post subject:

Step 4.

Take the pencil tool and draw in black (#000000) from one corner to the other.


_________________
If you have an an urgent question, please call me.
Spam will be removed.


Last edited by bsmith on Fri Dec 07, 2007 3:08 pm; edited 1 time in total
Back to top
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 681
Location: Arkansas, USA

PostPosted: Fri Dec 07, 2007 3:06 pm    Post subject:

Step 5.

Now we are ready to define our new pattern.

Go to: Edit > Define Pattern



Name it whatever you want...



Once this is done, you are done!

You can now select it in your layer styles as seen here:

_________________
If you have an an urgent question, please call me.
Spam will be removed.
Back to top
bsmith
Graphics Guru
Graphics Guru


Joined: 19 Jun 2007
Posts: 681
Location: Arkansas, USA

PostPosted: Fri Dec 07, 2007 3:07 pm    Post subject:

I suggest doing these in both black and white and in both directions (left to right and right to left)

Have fun! Cool
_________________
If you have an an urgent question, please call me.
Spam will be removed.
Back to top
Display posts from previous:   
Post new topic   Reply to topic    Webmaster Forum Forum Index -> Photoshop Tutorials All times are GMT - 6 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group