PhotoshopForums.com Home
Navigate Contact FAQ Search Members
Dot Pattern
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> PhotoshopForums.com Tutorials and Featured Tips
 See a User Guidelines violation? Please contact us.
Author Message

platinum

Joined: 14 Feb 2003
Posts: 54



PostPosted: Sun Mar 02, 2003 10:25 pm    Post subject: Dot Pattern Reply with quote

This tutorial is quite simple and probably the easiest way to create the "puck" marks which are very popular.

Create a new image, 10 pixels by 10 pixels with a transparent background.



Now, using the pencil tool, add a dark gray dot somewhere in the canvas (I've used #404040).



Then click on the layer styles button and select a drop shadow with the following settings:

Mode: normal.
Color: white.
Opacity: 60%.
Distance: 1.
Spread: 0.
Size: 0.



Now go edit/define pattern and give it a name.

You can now apply it to your documents. Make a new document, any size (say 400 pixels by 100 pixels) and color it with any color. Then click the layer styles button I mentioned earlier and "pattern overlay". Then select the pattern you named earlier from the dialog box that appears. If you need to make the dots a little lighter (sometimes a good idea), lower the opacity here as well, then click OK!

You may need to mess about with opacities and colors to get it right sometimes, but thats the general idea.


_________________
Design Services
Hosting
Personal
Platinum-Central
View user's profile Send private message

Patrick
Administrator
Administrator

Joined: 14 Feb 2003
Posts: 11945
Location: Harbinger, NC, U.S.A.


PostPosted: Sun Mar 02, 2003 11:19 pm    Post subject: Reply with quote

Thanks for posting that, Gavin. :)
_________________
Patrick O'Keefe - PhotoshopForums.com Administrator
Have a suggestion or a bit of feedback relating to PhotoshopForums.com? Please contact me!
User Guidelines
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger

JMulder

Joined: 04 Mar 2003
Posts: 48
Location: Netherlands


PostPosted: Wed Mar 05, 2003 2:22 pm    Post subject: Reply with quote

Yes yes, the Pattern tool is one of your best friends ;)

Although I usually make my simple patterns in the Channels, so you will create a simple selection instead of a complete pattern. Whatever floats your boat I guess.

_________________
Jeroen Mulder

e: spj.mulder@planet.nl
w: http://www.mm2c.com | http://jmulder.deviantart.com
View user's profile Send private message Visit poster's website

TiDaL

Joined: 12 Apr 2003
Posts: 384



PostPosted: Sun Apr 13, 2003 8:05 pm    Post subject: Reply with quote

thanx, very easy step by step description.. i always wanted to learn how to do that but to lazy to actually teach myself heh
View user's profile Send private message AIM Address

Patrick
Administrator
Administrator

Joined: 14 Feb 2003
Posts: 11945
Location: Harbinger, NC, U.S.A.


PostPosted: Tue Apr 15, 2003 7:50 pm    Post subject: Reply with quote

Hey,

Would this tutorial work with PS Elements 2.0?

Thanks. :)

_________________
Patrick O'Keefe - PhotoshopForums.com Administrator
Have a suggestion or a bit of feedback relating to PhotoshopForums.com? Please contact me!
User Guidelines
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger

platinum

Joined: 14 Feb 2003
Posts: 54



PostPosted: Wed Apr 16, 2003 8:24 pm    Post subject: Reply with quote

not sure, I've never used it Patrick..

it probably doesn't have layer styles, so instead... Big Grin

1) Make a new document about 10 x 10px wide
2) decide on your background colour you're putting the dots onto...
3) pick 2 colours, one slightly lighter, and one slightly darker than the origional colour.
4) zoom in and draw the a single pixel dot somewhere on it with the lighter colout. And diagonally down from that (so the two 'pixels' corners are kinda touching). and draw the darker dot.
5) make a new document and use the fill tool, select 'fill with pattern' or something like that, and select the document which has the dot in it to fill with Big Grin

Hope that kinda explains it

_________________
Design Services
Hosting
Personal
Platinum-Central
View user's profile Send private message

Lmonkey08

Joined: 12 Feb 2008
Posts: 8



PostPosted: Tue Feb 12, 2008 1:35 pm    Post subject: Reply with quote

Thanks for the tutorial Angel
View user's profile Send private message

the arkitect

Joined: 13 Feb 2010
Posts: 1
Location: Houston


PostPosted: Mon Feb 15, 2010 4:15 pm    Post subject: Reply with quote

good tutorial, thanks
_________________
All I ever wanted to do is pick apart today, put the pieces back together my way. -Aesop Rock
View user's profile Send private message

Auieos

Joined: 29 Jan 2010
Posts: 2019



PostPosted: Mon Feb 15, 2010 8:17 pm    Post subject: Reply with quote

Nice tutorial, always enjoy learning new stuff like this.
View user's profile Send private message

liquidnailer

Joined: 18 Jan 2011
Posts: 1



PostPosted: Tue Jan 18, 2011 12:40 am    Post subject: Dots Reply with quote

I am seeing this background on a lot of marketing videos lately. It looks very effective as a background in a video.
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> PhotoshopForums.com Tutorials and Featured Tips 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
You cannot attach files in this forum
You cannot download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com