This set of tutorials deals with one of Photoshop’s counterparts Adobe Fireworks (formerly Macromedia Fireworks). If you use this program, visit the section.  Home Raster Graphics Fireworks Creating Image Banners and Dotted Effects


Creating Image Banners and Dotted Effects


Here is an article which can help you to make dotted effects for Banners. Normally when you design web pages you may want to add images with some effects in the banners. Banners play a vital role when creating a web page presentation. It would be nice and more effective if it can fix with the background color, images of the products, logo of the compan etc.,. This will give a professional look to the web pages. Just read and practice this, you will get a nice image effect, called image masking.

Step 1.

Open a new window, in our case its, 750 X 120. My background is white. Go to Modify > Canvas >Canvas color. Change it into white.

Creating Image Banners and Dotted Effects image 1

Step 2.

Draw a rectangle of 750 X 120 with the rectangle tool and fill it with color #D6E0E6

Creating Image Banners and Dotted Effects image 2

Step 3.

Then by selecting the rectangle change the Color effects to Gradient then select ripples, texture effect to Hatch 1 and make the transparency as 20.

Creating Image Banners and Dotted Effects image 3

Step 4.

Then draw 12 circles of Color #A7BCCA.

Creating Image Banners and Dotted Effects image 4

Step 5.

Then copy the 12 circles and paste in the corner of the banner. Select all the 12 circles and reduce to 75 % of the previous circles.

Creating Image Banners and Dotted Effects image 5

Step 6.

Select the circles and make Distort tool effects.

Creating Image Banners and Dotted Effects image 6

Step 7.

Make the effects as follows one by one.

Creating Image Banners and Dotted Effects image 7

Creating Image Banners and Dotted Effects image 8

Creating Image Banners and Dotted Effects image 9

Step 8.

Draw a Rectangle of 510 X 120 filled with color #95B0C1, Texture Grid 6 of Transparency of 40% and Change the Gradient effect of Satin.

Creating Image Banners and Dotted Effects image 10

Creating Image Banners and Dotted Effects image 11

Step 9.

Draw two white lines on the above and below part of the Banner. The line should be 750 X 1 and hence has the soft line of thickness 1. And make the product image to lye in-between the two circle regions as shown in the pic.

Creating Image Banners and Dotted Effects image 12

Step 10.

Then come the Logo part. Select the logo and give a Glow effect.

Creating Image Banners and Dotted Effects image 13

Creating Image Banners and Dotted Effects image 14

Step 11.

Once you have given the effects your banner looks like this:

Creating Image Banners and Dotted Effects Tutorial: Final Result



Author's URL: Benny
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

More Raster Graphics: Most Popular Materials | Fresh Materials

Add comments to "Creating Image Banners and Dotted Effects"

Only registered users can write comment

No comments yet...