NAVIGATION:

 

SUPPORTERS:

FlashComponents
  Flash Templates
  Flash Gallery
  Flash Slideshow
  Flash Menu
  Flash Design
  Flash Video
  User Interface

 

FOLLOW:

RSS it down! Twitter it up! Facebook it like a fiend!

 

 

 

 

 
Dot
Effect
         by M. Aurilio

Have you ever been to a site such as http://mimmomanes.com/ and wondered how to create the dot effect on the splash page. Well this tutorial will show you how to use a combination of filters and lighting changes to create the effect in Photoshop 7! This effect can be blended well with some grungy effects, so feel free to expand and experiment to make the effect more original to your liking

[ The Final Product of this Tutorial ]

Steps to Create Effect
The following steps will help you to create the image effect you see above:

  1. Copy the original image from here (free membership required). You can also use any other image of your choice. Start Photoshop up and create a new RGB document 2048 by 1536 pixels and with the image resolution set at 72 dpi, and set the background color to white.
     
  2. Go to Edit-Paste. (don't resize the image, just zoom out to see the entire thing). Once you have pasted the image, go over to your layers, Right Click the image part in Layer 1, and go to Select Layer | Transparency.
     
  3. Now go up to Image-Adjustments-Hue/Saturation. (Ctrl + U) Move the Saturation slider to -80, and the Brightness slider to +5. Click Okay.
     
  4. Now go to Image-Adjustments-Brightness/Contrast. Adjust your sliders to match the following:

[ make sure to check the preview box ]

  1. Still with your selection go to your Layers, and Duplicate Layer 1. Now select "Layer 1 copy" [right click-select layer transparency].
     
  2. Go to Filter-Pixelate-Color Halftone and adjust the settings to match the following:

For Channel 3, enter 90 and for Channel 4, enter 45.
 

  1. Now lets add some noise! Go to Filter-Noise-Add Noise, and adjust the settings according to the following:

[ the hue/saturation settings used ]

  1. Next, you need to copy the dot below, and create a pattern out of it:


 
[ copy the above image, and paste it in a new document ]

  1. Once you have the layer that the dot is in selected, go to Edit-Define Pattern. Name it Circle. Now go back to your main document, and create a new layer in between Layer 1 copy and Layer one. Name this new layer "pattern".
     
  2. Go to Edit-Fill, and your pattern should be in the box that appears. Click OK, which should apply the pattern to the whole canvas.
     
  3. Look at your layers palate, and locate the drop-down menu in which Normal is the selected option. Change that to Overlay. Now look at the Opacity percent, and lower it to 88%.
     
  4. Single click on Layer 1 copy, and change the layer setting (the drop down menu under the Layers tab) to Pin Light. Now it's time to reduce your image size. Go to Image-Image Size. and make your settings match the following:


 

  1. Select Layer 1 copy, and go to Image-Adjustments and set the Contrast Level to +50 and the Brightness Level to +15. Lower the Opacity to 69%.

That's it! Your image should look identical or similar to the image at the top of this tutorial. If you need any help, please post in the Drawing and Design forums.

Matt



 

SUPPORTERS:

kirupa.com's fast and reliable hosting provided by Media Temple. flash components
Creative web apps. Make your own free flash banners and photo slideshows.
Check out the great, high-quality flash extensions. Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.

Flash Transition Effects

Flash Effect Tutorials

Digicrafts Components
Flash effects. Art without coding. Upload, publish, deliver. Secure hosting for your professional or academic video, presentations & more. Screencast.com
Streamsolutions Content Delivery Networks Flipping Book - page flip flash component.
Flash-Gallery.com - Get your flash photo gallery (flash component or swf gallery Learn how to advertise on kirupa.com
 

cdn
content delivery network (cdn)