Welcome New User Home | Forums | Register | Login | Larger Font
Main-Menu
Home
Login
Register
Add Download
Add News
Forums

Advertise
Affiliate Store US *
Affiliate Store UK *
Affiliate Store CA *
Angry Letter Generator
Avatar Upload
Calendar of Games
Contact
Downloads
FAQs
Forums
Member List
Member Projects
News
News Grabber *
Policy
Polls
Private Messages
Reviews
Screenshot Gallery
Search
Servers - Game
Store - Shirts *
Subscribe
Topics
Tutorials
Weblinks
Tutorials
CoD Mapping
CoDUO Mapping
CoD2 Mapping
CoD4 Mapping
CoD FAQs
HL2 Mapping
HL2 FAQs
SOF1 Mapping
Crysis Mapping
Q4 Mapping
Doom 3 Mapping
Doom 3 FAQs
UT2K3 Mapping
SOF2 Mapping
SOF2 FAQs

Lightray Modeling
General Modeling
General Modding
Adobe Photoshop
Common Mapping Errors

Readme.txt Generator
Members-Online
CoDLiNK [Searc]
LidoKain [Forum]
botskiller15 [Downl]
Senator [Forum]

4 Members and 11 Guests
Chat MODSonline
0 People Now Chatting
MODSOnline TeamSpeak

download TeamSpeak

In-The-News
Friday, May. 16th
Video games 'do not' encourage violence
Friday, May. 16th
Site update
Friday, May. 16th
MODSonair Episode 127
Tuesday, May. 13th
Web hosting, you need?
Sunday, May. 11th
MODSonair 127 Live
Latest Poll
Would you subscribe for a maps/projects backup utility and service?
I'd pay just about anything for that. 2.06%
If it was cheap enough I would. 4.12%
Only if it came with my MODSonline subscription. 6.19%
I can backup my own files. 82.47%
Why would I backup my files? 5.15%
Read More...
8 comments

Newsletter
Name:
Email:
Newsletter Archives
Your Membership
User Name:
Password:
Register.
In The Forums
[TUTORIAL] How to get rid of the wait time
CoD 4 Level Desi.. Posts: (5) Views: (118) by CoDLiNK
SP_Help!
CoD Level Design.. Posts: (2) Views: (15) by Sparks.
Kill3r's K3 MOD is DANGEROUS TO YOU AND YOUR S...
CoD4 General Gam.. Posts: (17) Views: (220) by 4mori_rabbit
train
CoD 4 Level Desi.. Posts: (1) Views: (14) by navysealsniper
Treyarch SPLITREASON.COM - Gear for Geeks and GamersBuy geek and gamer themed T-Shirts and Hats @ SplitReason.com!
Tutorials: Photoshop
Various tutorials related to Adobe Photoshop.

Rating:
Aweful Rating Poor Rating Average Rating Good Rating Excellent Rating
Grid Background in Image
2005-12-27 09:12:51
I thought i would start off by showing you all how to create a grid background which i use alot in all my design work to make my images look more graphical.

Hey All

Welcome To My First PhotoShop CS 8.0 Tutorial Created for Modsonline

I thought i would start off by showing you all how to create a grid background which i use alot in all my design work to make my images look more graphical, i have made the tutorial as simple as i could so even beginners can use it

Right here we go

First of all you will need to create a 11 by 11 unit transparent background, to do this go File/New and set Width to 11 and Height to 11 and make sure Background Contents is set to Transparent

U should now have a image that looks like this

This of course is to small to edit, so select the zoom tool from the tool panel

Now put ya mouse over the image and left click 4 times so you zoom in, ya image should now look like this

 

Ok our picture is big enough to edit now, so select the line tool

Now our line tool is selected we need to give it some settings, so on the top tool bar give it a weight of 1px and opacity of 65%

 

Ok now select black from the swatch bar

You now need to draw a line in 1 direction across the middle of the image, it should look like this

Now do the same the other way so it looks like this

Ok now we gotta define the pattern, so with the picture still selected, go to Edit/Define Pattern, now save the image, i gave mine a name of cross1

Right now we gotta have an image to put the pattern onto, so open up or create a new image, heres the one i chose

Ok now select the Rectangle tool from the tool menu

Now we gotta create a new layer on our image, so go Layer/New/Layer

Right now select the colour white from the swatch board

With the recatangle tool still selected drag a box over your whole image, you should have somthing that looks like this

Now we gotta make the white background turn transparent, so select darken from the layer menu

Ur image should now go back to normal

 

Ok now we gotta go to the blending options on the white background layer, so right click in the layer and select blending options

 

Now we have the blending options open you need to go to the pattern overlay menu and open up the pattern menu and select the cross pattern we create earlier and click OK

Now your image should look somthink like this

To make it look a bit better you can move the layer down so the grid moves behind pictures

It would then turn out like this

 

After experimenting a bit more i made the grid more transparent by lowing the capacity on the Line tool and instead of creating a new layer for the grid i added it onto other layers, it turned out like this...

 

Ok so you now know how to create a grid background, i hope this helps you all

Enjoy

R&R|Ricsta


All logos and trademarks and information in this site are property of MODSonline LLC © 2008.
The comments are property of their posters.
RSS news feeds for MODSonline.com can be found News.php.
MODSonline Subscriptions
Partners
Half-Life 2 Mods for Dummies
modbase.be
Frag Universe
Battle for Europe COD2
Call of Duty Headquarters
Quake 4 Mods for Dummies
mp_carpark
The Firing Box
Ask About
Advertising
Friends
SOF2 Files and Downloads
Volcano
Canada Kicks Ass Clan
Ask About
Advertising
Link to Us
MODSonair
View in iTunes
Please help us to raise in the ranks of podcasting and subscribe to our itunes feed using the link above.
MODSonair Releases
MODSonair Episode 127
MODSonair Episode 126
MODSonair Episode 125
MODSonair Episode 124
MODSonair Episode 123
Copyright © 2008 MODSonline
Tresware Content Management System Copyright © 2008 Tresware
Website Designed and Hosted   Tresware