15 years of excellence
Get a QuoteReady to get started on your project?
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.

Macronimous Flash Development Services:


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.

canvas_size

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

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

STEP 4:

Then draw 12 circles of Color #A7BCCA.

Creating image banners and dotted effects

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

STEP 6:

Select the circles and make Distort tool effects.

Creating image banners and dotted effects

STEP 7:

Make the effects as follows one by one.

Creating image banners and dotted effects
Creating image banners and dotted effects
Creating image banners and dotted effects

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
Creating image banners and dotted effects

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

STEP 10:

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

Creating image banners and dotted effects
Creating image banners and dotted effects

STEP 11:

Once you have given the effects your banner looks like this

Creating image banners and dotted effects


articles



Please fill in the fields below and click the "Send" button.
We will e-mail a link of this article.

Your Name
From Email Address
To Email Address
Subject
Please note: We will not spam or share your Email Address
Quick Enquiry

Related Readings

Case Studies

Website details: A blog site with social networking features and user..

Challenge: This is a social community website, with..

More Case studies..

Recent Blog

What our clients Think

CLIENTS

  • todd
  • RIDGE WEB DESIGN
  • DUNKIN BRANDS
  • Store Point
  • HARVEST
  • Open Solutions

Expertise

  • WordPress
  • Joomla
  • Prestashop
  • CodeIgniter
  • Laravel
  • Responsive Web Design
  • Mobile Apps
  • HTML5