• New: You can create a new banner by clicking on the button “New”.

• Open: You can open a saved banner created in Banner Designer Pro.

• Save: Banner Designer allows you to save your banner. To save click Save button by clicking menu bar >File > Save. Alternatively click Save button from Toolbar. You can save your banner in any directory or drive of your computer. You can save your banner in Banner Designer (*bdp) format.

• Copy: You can copy the desired objects from your banner. Click button named Copy from the toolbar and the selected object will be copied. Alternatively, you can select Copy from menu bar> Edit

• Paste: You can access the Paste button not only from the Main Tool Bar but also from the Edit Menu in the Top Menu Bar. You select any object from the banner, click on the Paste button and the object will be pasted.

• Delete: You can delete the objects in your banner. Select the object you want to delete and click delete. Alternatively, you can select Delete from menu bar> Edit.

• Undo: You can go a step back or to the previous step by clicking on Undo. Alternatively, you can select Undo from menu bar> Edit.

• Redo: You can redo a step by clicking on redo. Alternatively, you can select redo from menu bar> Edit.

• Alignment Options: You can align your objects with this button. Alternatively, you can access the same from View Menu in the Top Menu Bar. You can align the selected object to the left, in the center, to the right, at the top, in the middle or at the bottom.

• Preview button: By Preview button, you can preview the banner created by you before it is published.

• Publish: To publish your banner, click on the Publish Button and you can access the same Button in the File Menu in the Top Menu Bar. When you will click publish, a new window will open. With Banner designer pro you will get a choice of getting banner published in 14 formats: In Animated Banner Formats as SWF, HTML, GIF and AVI, in Static Banner Formats as JPG, PNG, TIFF, BMP, PDF, Static GIF format or in transparent GIF, PNG, HTML and SWF formats . Select the option according to your choice and click OK.

• Help- By clicking on the Help Button, you can navigate to the website where you can access the Help File of the product.

• Zoom option: This option zooms in the banner workspace with your banner to the selected option. It has options like 25%, 50%, 75%, 100%, 125%, 150%, 175% and 200%.  

New banner has following options:

Standard- You can give different shapes and sizes to your banner. You can select size from the drop down which has various options called Small Button, Large Button, Vertical Banner, Skyscraper Banner, Square Button, Wide Skyscraper, Small Square, Square, Half Banner, Standard Banner, Leader board, Banner W/Nav, Medium Rectangle, Vertical Rectangle, Large Rectangle, Rectangle, Button and Custom. You can change the border of the banner by clicking on the checkbox of the option ‘Border’. You can also customize the color and size of the border of the banner.

Background Shapes- You can give different shapes to the background of the banner by selecting option from the drop down of the ‘Background Shapes’ starting from rectangle, diamond to semi circle. When you preview the banner, the banner will appear in the shape of selected background shape.

Solid color- To have solid color click on radio button in front of Solid Color then select color of your choice from option Color.

Gradient Color - To have Gradient color, click on the radio button provided in front of Gradient Color. Now, you can select Start Color and End Color of your choice then select Type of your choice from the drop down and fix angle by the option named Angle.

Custom/Library Image- To have an Image filled in the background of the banner, there are two radio buttons, Custom Image and Library Image. By clicking on the Custom Image, you can upload your own images. You can also upload images from the Library of the product by clicking on the radio button of the Library Image. You can browse the images from the library and a Background Library pop-up window will open. You can either select Static or Flash Images. The Static Images vary in sizes whereas flash images do not vary in sizes.

Preloader- It is a checkbox that helps you to get a Preloader for your banner. To select Preloader of your choice click on the button named Select Preloader, you will get a lot of designs for Preloader. You can select any design of Preloader then click OK.

Replay button at the end of the banner- It is a checkbox that will help you in getting a Reply button at the end of the designed banner.

Loop continuously- It is a checkbox that helps you in making your banner loop continuously.

Frame Rate- You can enter Fame Rate as per your requirement.

Hyperlink- You can give hyperlink to your banner by entering the URL of the website in the column next to Hyperlink (where http:// is already present) which you want your customers to see when they click at your hyperlink in banner.

Target- You can select target of choice from the drop down.

Select Template- If you want to select a banner template from template library then click on the button named Select Template. This will open the template library for you to choose banner template of your choice and click OK.

Incase, you want to start banner from scratch, click Ok and you can work on the blank canvas.  

10.Link: It helps you to convert text into hyperlink.

11.Target: The frame tags in HTML guides the user how it will open in browser. The target is a dropdown with four options:

Self: it loads the page within the same frame as the link tag. Blank: the link opens in a new browser window. Parent: it opens in immediate parent of a frame.

Top: it opens within a link tag causes the new page to load in the full body of the window, which is useful if you ever want to break out of the frameset you have created and have a frameless page.
12.Option X and Y: These options indicate the location of the text in the banner or workspace.

13.Alpha: It gives you an option to add transparency effect to the selected object in the banner.

14.Letter spacing: You can either increase or decrease the spaces in between the alphabets of the text with this option.

15.Fill with Color: You can choose Color of the text according to your choice. You can either fill the text with a single color by selecting ‘Solid’ option or mix two colors together by selecting ‘Gradient’ option.

16.Fill with Image: You can fill the text with your image by clicking the check box of ‘Fill Image’ and enabling the Browse Button.

17.Size: This slide-bar gives you an option to increase or decrease the font size according to your wish.

18.Rotation: This slide-bar gives you an option to rotate text to any degree.  

Adding Image(s): You can add Image(s) of your choice to your banner by clicking on the button of Images in the Left Panel. An alternative method is that you can go to the Banner Menu in the Top Menu Bar. Click on the button named Add Image. After clicking add image a new window named Add Images will open. In this window you will find an option named browse that will enable you to browse images from your computer and select an image from your computer. When you add an image the other options of scale, rotate, brightness, contrast and crop image will get activated. The scale option lets you to change images width and height. Rotate slide bar has options marked as 0, 90, 180, 270 and 360 that let you rotate the image to the selected angle. Brightness is a slide bar that helps you increase and decrease the brightness of the image. Contrast is also a slide bar that helps you to increase or decrease the image contrast. Crop helps you to crop the image and use in banner.  

You can import images in JPEG, PNG, BMP, GIF and TIFF formats.

Properties Tab for Image

Image Properties tab - When you select the Image design element or image of the banner, Image Properties tab will open just below the workspace. This Properties tab has various image properties:  

1. Name: It gives you an option to give name to the image. This image name is for internal use of the software. It gives name to the image which makes it easy to search among other images.

2. Path: It tells the name and format of the image.

3. Edit: It helps you to edit the selected image. On clicking edit, the crop image, and also adjust brightness, contrast, hue and saturation of the image.

4. X and Y: It indicates the position of the image on the banner.

5. Width: It helps you to edit the width of the image.

6. Height: It helps you to edit the height of the image.

7. Hyperlink: It helps you to convert image into hyperlink.

8. Target: The frame tags in HTML guides the user how it will open in browser.

   • self: it loads the page within the same frame as the link tag.

   • blank: the link opens in a new browser window.

   • parent: it opens in immediate parent of a frame.

   • top: within a link tag causes the new page to load in the full body of the window, which is useful if you ever want to break out of the frameset you have created and have a frameless page.

9. Rotate: This slide bar gives you option to rotate image to any degree.

10. Alpha: The slide bar adds transparency visual effect to the image.

To add symbol to the banner, click on the Symbol Button in the tools on the Left Panel or you can access the same from the Banner Tab in the Menu Bar. On clicking the button, a pop-up window opens displaying a list of different types of symbols catering to different industries. Select the symbol and click on ‘Ok’ button and it gets added to the banner.

The Bottom Panel displays three tabs with which you can customize the properties and add visual or transition effects to the symbol.

With the Properties tab, you can change the width, height or color of the symbol. You can add gradient effect or add image in the symbol. Adjust the rotation as per your requirements. A user can also use Alpha option to add transparency effect to the selected objects in the banner.

The Effects tab provides user with Drop shadow effect. You can change the color of the shadow. Blur and Outline effect can be added to the symbol. By clicking on the Emboss checkbox, you can give an embossed effect to the symbol.

The Transitions tab enables you to set the motion effects to the symbol by setting the timings for when the symbol appears, stays on the banner and exits from the banner.

Add Shape: Click on the Add Shape Button on the Left Panel or from the Banner Menu in the Menu Bar. You can add to the beauty of your banner by adding shape(s) to it. Click on the design element indicating Add Shapes. A new window named Add shape will open. This window lets you choose shape of your choice. The left side has a preview window that shows your selected shape on the other side you can see a drop down to select shape type where you can select the shape of your choice. Select shape has some the following details:  

1. Line- The shape named line has many options to choose that let you use line according to your size and color. After selecting line as shape type, fix the length of the line in numbers from the option called Line Length. Then you can choose whether you want dotted line or not. If you want dotted line, click on the option named Doted line. This option has two more selections named Dot length (it gives you an option to choose the length of the dot by increasing the length of the dot, the size of each dot will increase and vice versa) and Gap length (it gives you option to choose the length of gap in every dot). You can select the size of the strokes from option named Strokes. The number of strokes will increase with the increase in number hence increasing the thickness of line and vice versa. You can select the color of line from option named Line color. After choosing the size and other options of line click OK to proceed further or click cancel to cancel the application.  

2. Arc- The shape named arc has a number of options to choose to make it according to your choice. You can change the radius of the arc from the two options called X Radius and Y Radius. You can select the angle of the arc to your required angle from the option named Arc Angle. You can increase the number of strokes by the option named Stroke. You can change the color of strokes according to your wishes from the option named color. The option named Fill type let you choose any one from three options- none; it will disappear the color from arc leaving just the stroke color, solid; it will show the selected color of the arc, gradient; it will show colors in gradient type which further has two options linear and radial; here you have option to choose two colors one for start color and one for end color that will appear in your selected gradient type. After choosing the arc options, click OK to proceed further or click cancel to cancel the application.  

3. Burst- The shape named Burst has a number of options to choose to make it according to your choice. You can increase or decrease the sides of burst by the option named Sides. You can increase or decrease the inner radius and outer radius of Burst by increasing or decreasing the options named Inner radius and Outer radius. You can increase the number of strokes by the option named Stroke and change the color of strokes according to your wish from the option named Burst color. The option named Fill type lets you fill colors according to your wish. Here, you can choose any one from three options- none; it will disappear the color from burst leaving just the stroke color, solid; it will show the selected color of the burst, gradient; it will show colors in gradient type which further has two options linear and radial here you have option to choose two colors one for start color and one for end color that will appear in your selected gradient type. After choosing the burst options, click OK to proceed further or click cancel to cancel the application.  

4. Gear- The shape named Gear has a number of options to choose to make it according to your choice. You can increase or decrease the sides of Gear by the option named Sides. You can increase or decrease the inner radius and outer radius of Gear by increasing or decreasing the options named Inner radius and Outer radius. You can increase or decrease the hole sides and hole radius by the option named Hole sides and Hole radius. You can increase the number of strokes by the option named Stroke and change the color of strokes according to your wish from the option named Gear color. The option named Fill type lets you fill colors according to your wish. Here you can choose any one from three options- none; it will disappear the color from gear leaving just the stroke color, solid; it will show the selected color of the gear, gradient; it will show colors in gradient type which further has two options linear and radial here you have option to choose two colors one for start color and one for end color that will appear in your selected gradient type. After choosing the gear options, click OK to proceed further or click cancel to cancel the application.  

5. Oval- The shape named oval has a number of options to choose to make it according to your choice. You can change the radius of oval from the two options called X Radius and Y Radius. You can increase the number of strokes by the option named Stroke. You can change the color of strokes according to your wishes from the option named Oval color. The option named Fill type. Here you can choose any one from three options- none; it will disappear the color from oval leaving just the stroke color, solid; it will show the selected color of the oval, gradient; it will show colors in gradient type which further has two options linear and radial here you have option to choose two colors one for start color and one for end color that will appear in your selected gradient type. After choosing the oval options, click OK to proceed further or click cancel to cancel the application.  

6. Polygon- The shape named Polygon has a number of options to choose to make it according to your choice. You can increase or decrease the sides of polygon by the option named Sides. You can increase or decrease the radius of polygon by increasing or decreasing the options named Radius. You can select the angle of polygon to your required angle from the option named Angle. You can increase the number of strokes by the option named Stroke and change the color of strokes according to your wish from the option named Polygon color. The option named Fill type lets you fill colors according to your wish. Here, you can choose any one from three options- none; it will disappear the color from polygon leaving just the stroke color, solid; it will show the selected color of the polygon, gradient; it will show colors in gradient type which further has two options linear and radial here you have option to choose two colors one for start color and one for end color that will appear in your selected gradient type. After choosing the gear options, click OK to proceed further or click cancel to cancel the application.  

7. Rectangle- The shape named Rectangle has a number of options to choose to make it according to your choice. You can change width and height of the rectangle by changing the numbers in Height and Width options according to the required size of the rectangle. You can increase or decrease the corner radius of rectangle by increasing or decreasing the options named Corner Radius. You can increase the number of strokes by the option named Stroke and change the color of strokes according to your wish from the option named Rectangle color. The option named Fill type lets you fill colors according to your wish. Here, you can choose any one from three options- none; it will disappear the color from rectangle leaving just the stroke color, solid; it will show the selected color of the rectangle, gradient; it will show colors in gradient type which further has two options linear and radial here you have option to choose two colors one for start color and one for end color that will appear in your selected gradient type. After choosing the rectangle options, click OK to proceed further or click cancel to cancel the application.  

8. Star- The shape named Star has a number of options to choose to make it according to your choice. You can increase or decrease the sides of star by the option named Sides. You can increase or decrease the inner radius and outer radius of the star by increasing or decreasing the options named Inner radius and Outer radius. You can select the angle of the star to your required angle from the option named Angle. Increase the number of strokes by using the option named Stroke. Change the color of strokes according to your wish from the option named Star color. The option named Fill type lets you fill colors according to your wish. Here, you can choose any one from three options- none; it will disappear the color from star leaving just the stroke color, solid; it will show the selected color of the star, gradient; it will show colors in gradient type which further has two options linear and radial here you have option to choose two colors one for start color and one for end color that will appear in your selected gradient type. After choosing the star options, click OK to proceed further or click cancel to cancel the application.  

9. Wedge- The shape named Wedge has a number of options to choose to make it according to your choice. You can choose the starting point of the angle of wedge with the option named Start angle. You can increase or decrease arc degree with the help of option named Arc. You can change the radius of wedge from the two options called X Radius and Y Radius. Increase the number of strokes by using the option named Stroke. Change the color of strokes according to your wish from the option named Wedge color. The option named Fill type lets you fill colors according to your wish. Here, you can choose any one from three options- none; it will disappear the color from wedge leaving just the stroke color, solid; it will show the selected color of the wedge, gradient; it will show colors in gradient type which further has two options linear and radial here you have option to choose two colors one for start color and one for end color that will appear in your selected gradient type. After choosing the wedge options, click OK to proceed further or click cancel to cancel the application.  

10. Ring: You can customize the Ring shape by changing ‘X Radius’ and ‘Y Radius’. A user can increase or decrease width by increasing or decreasing the number of the strokes. You can change the color of the outline of the ring.

11. Diamond: You can adjust the height and width as well as the corner radius by increasing or decreasing the numbers as per the requirement. A user can also increase or decrease the strokes as well as add solid or gradient color effect to the diamond shape and click on Ok button.

Shape Properties Tab- When you select any shape, its Properties tab will open just below the workspace. The properties of the shape panel keep on changing with the selected shape. This tab has various shape properties:  

1. Name: It gives you an option to give name to the shape. This shape name is for internal use of the software. It gives name to the shape which makes it easy to search among other shapes.

2. Shape type: It tells the type of the selected shape.

3. Edit: It helps you to edit the selected shape.

4. X and Y: It indicates the position of the shape on the banner.

5. Border size: It helps you to edit the size of the border of shape.

6. Border color: It helps you to edit the color of the border of shape.

7. Angle: It helps you to change the angle of shape.

8. Fill Type: It helps you to select the type of fill color in the shape. You can select from none, solid and gradient color effects.

9. Fill with Image: You can fill the shape with an image in the banner. Click on the checkbox and enable the browse button. You can browse your image from the system.

10. Rotate: You can rotate the shape to different angles by using this option.

11. Alpha: The Alpha option is only for adding transparency effect to the shape.

Add Button

Add Button: You can add button to the banner by clicking on the button in tools on the left panel. It is also accessible from the Banner Menu in the Menu Bar. Click on the design element indicating Add Button. A new window named Add Button will open. This window lets you choose button of your choice. Select button option from drop down named select button from round or square button. Both the options of buttons have buttons of various styles. You can select the button of your choice and below you can see the preview of the button. Select button has some the following details like enter button text where you can enter the name of the button that you want. Font option lets you choose the font for button text. Font size helps you to increase or decrease the size of the font of button text. Hyperlink helps you convert your button text to hyperlinks. Color helps you select the color of the button text. Underline, bold and italics help you to choose all these options.

Button Property Tab- When you select the Add button design element or any button of the banner, button Property Panel will open just below the workspace. This Property Panel has various button properties:  

1. Name: It gives you an option to give name to the button. This button name is for internal use of the software. It gives name to the button which makes it easy to search among other buttons.

2. a)Text: It tells you type of the text for button.

3. a)Bold: It helps you to bold the text of button.

4. a)Italic: It helps you to italics the text of button.

5. Underline: It helps you to underline the text of button.

6. a)Font: It helps you to change the font of the button text.

7. a)Link: It helps to provide a link to the button.

8. a)Target: It tells the target of the button like self, parents, blank and top.

   • self: it loads the page within the same frame as the link tag.

   • blank: the link opens in a new browser window.

   • parent: it opens in immediate parent of a frame.

   • top: within a link tag causes the new page to load in the full body of the window, which is useful if you ever want to break out of the frameset you have created and have a frameless page.

9. X and Y: It indicates the position of the button on the banner.

10. Color: It helps you the edit the color of the button.

11. Size: It helps you to edit the size of the button.

12. Rotate: This slide-bar gives you option to rotate button to any degree.

13. Character map – Here you can add special character from the character map to button text.

Send back/Bring Forward

Banner Designer offers tool to Bring Forward and send backward an object. For this select the object and click on the button Bring Forward or Send Backward.

Group/Ungroup

On clicking the button of Group/Ungroup, you can group two or more objects together. By again clicking on the button, you can ungroup the selected objects. The grouped objects can be dragged together, resized, apply color adjustments, change color, use alignment and you can also flip objects in a group.

Select All
The Select All button enables a user to select all the objects together and you can deselect the objects by again clicking on the button.

Flip Vertical/Horizontal
These two buttons can help a user to flip object/s either vertically or horizontally. You can access these two buttons either from ‘Edit’ Menu in the Top Menu Bar or from the tools in the Left Panel.

Overlay Button can be accessed from the tools in Left Panel. A user can use image animations which overlay on the banner.

On clicking this button, a pop-window opens up and you can choose the number of objects and adjust the speed as slow, meduim and fast and then click on ‘Ok’ button for activating the overlaying of the selected images.

It will appear as shown in the below mentioned figure:

he ‘Background Library’ Button (next to ‘Overlay’ Button in the Left Panel) provides you with array of images for the banner background.

On clicking, a pop-up window appears displaying static images and flash animations for the backgrounds. The static images shows backround images categorized under different sizes, just select the required size and browse for banner backgrounds. Select the background and click on Ok button and it will be added to the banner.

The Flash animations can be applied to any banner size.

You can choose the image orientation as Stretch, Center or Custom from the bottom left section on the pop up window.

Color Picker

On clicking the Color Picker Button you can change the color of any selected object in the banner.

Select the Object on which you want to apply color, then click on Color Picker, move your cursor anywhere on the screen and click on the appropriate color and the color will be applied to the object. Alternatively, click on the object you wish to apply color, place the mouse over the required color and then click the mouse left button or press the spacebar.

You can select color from the ‘Color Libraries’ Button. On clicking, a pop-up window opens up which displays five color libraries, namely, Standard, Pastel, Primary, Metallic and Vivid. A user can select any shade and click on ‘Ok’ button.

The figure below demonstrates the color libraries:

Step1: In first step, click new and a new banner window will open. Now, select the size, fill type, shape, border for your banner. You can also, select loop if you need the banner to loop continuously, select the Replay button to add the replay button to the banner, specify the Frame rate and most importantly add the destination link to the banner. Go to next step.  

Create from template in 3 Easy Steps!!  

Step 1: In first step, click new and a new banner window will open. Now, select button ‘Select Template’. By clicking this you can select a template based on the industry categories available here and select a banner. Click OK after you have selected a banner. Go to next step.  

Step 3: After customizing, preview banner and save it for future reference. Now, just publish the Banner; click the Publish button on the Toolbar. Alternatively, you can publish the banner by clicking File >Publish in the Menu bar You have 14 formats: In Animated Banner Formats as SWF, HTML, GIF and AVI, in Static Banner Formats as JPG, PNG, TIFF, BMP, PDF, Static GIF format or in transparent GIF, PNG, HTML and SWF formats