How to make a web banner 6 ways to make a web banner
Table of Contents Method 1: Create with Photoshop 1. Create a new one. 2. Fill the background layer. 3. Create a new layer. 4. Add logo. 5. Add company or website name. 6. Add other elements. 7. Adjust the position. Method 2: Use Paint to create 1. Create a new one. 2. Pull out a banner-sized selection and customize the size. You can also refer to [1] 3. If you want to fill the background with color, select the "Paint Bucket" tool, and then fill it with the color you like. 4. Add pictures and text. 5. Adjust the picture size. 6. Add your signature. 7. Cut the banner. 8. Save when finished. Method 3: Use Powerpoint to create 1. Create a new blank presentation. 2. Draw the background. 3. Add a picture or logo. 4. Add text and other elements. 5. Select the banner. 6. Save the banner. Method 4: Use an online banner generator to make 1. Please log in to the following websites first:, etc. (you can search for more on Google). 2. Add text and pictures. 3. Generate banner. Method 5: Make an avatar that matches the banner 1. This step is not necessary. 2. Select the "Crop" tool. 3. The avatar should be small. 4. Save the avatar. Method 6: Add the banner to the forum signature file or web page, etc. 1. Register an account. 2. Get the code. We are all familiar with web banners. They usually appear at the top of the web page, with the company's name and logo on them. They may also appear in the form of advertisements. Banners on commercial websites often have the function of indicating the company name and advertising. Web banners must contain necessary information and have a novel and attractive design so that they can attract users who visit the website. Okay, let’s teach you how to make a web banner.
Method 1: Create with Photoshop
1. Create a new one. Set the banner size. Generally, web banners have standard sizes. This guide will take a "full-width banner" of 468 pixels * 60 pixels as an example: Note: Although the above sizes are standard sizes, they do not have to be made according to this size. You can also change the size according to your own needs.
2. Fill the background layer. Fill the background layer with a color that matches the style of the page. Click on the foreground color to bring up the color picker, then fill.
Select the "Paint Bucket" and fill the background layer with the selected color.
3. Create a new layer. This layer should be filled with a richer color to highlight the text and logo. The size of this layer should be proportional to the original layer and centered. Create a selection in a new layer that is slightly smaller than the original layer and fill it with the color of your choice.
Center the selection. Press Ctrl+A (PC) or Command+A (Mac) to select the entire layer.
Then in the layer menu, select "Align layer to selection" - "Vertical center"; then select the layer, click layer - Align layer to selection - Center horizontally. This will place the new layer in the middle of the original layer.
4. Add logo. Open the logo file, copy, and paste directly into the banner file you are editing, and the logo will appear as a new layer. If necessary, adjust the layer size. Hold down Ctrl+T (PC) or Command+T (Mac), then drag the handle to resize the layer. Hold down shift to resize proportionally.
5. Add company or website name. Select the text tool, choose your favorite font, and enter your text. If the size needs to be adjusted, refer to the method in the previous step.
6. Add other elements. Some banners are enough with a logo and name, but some need to add some slogans or decorations to increase their appeal. When adding these elements, create a new layer so that if you need to modify it, you don't have to touch the original layer.
7. Adjust the position. Adjust the position of the logo, name, and other elements, then save.
Method 2: Create with Paint
1. Create a new one.
2. Pull out a banner-sized selection and customize the size. You can also refer to the standard size in [1].
3. If you want to fill the background with color, select the "Paint Bucket" tool, and then fill it with the color you like. Of course, the chosen color should match the style of the web page.
4. Add pictures and text. Click the Paste tab, then select Paste Source in the menu. Find the image you want, and finally click the Open button.
5. Adjust the picture size. Click the Resize tab, then click Pixels, then set the image height to match the banner size. Move the picture to the appropriate location.
You can add as many images as you like (of course you still have to pay attention to their consistency with the style of the website).
6. Add your signature. Use the text tool (i.e. the A button) to add your own signature or other text.
7. Cut the banner. Use the selection tool to draw a selection around the banner, the size will be the final size of the banner, then click Crop.
8. Save after completion.
Method 3: Create with Powerpoint
1. Create a new blank presentation. Adjust the view to 100%.
2. Draw the background.
The banner size can be selected from standard sizes or customized. Click the Shape tab and select Rectangle.
Draw a rectangle of a given size and fill it with color. You can use the default color, choose from the Shape Fill or Shape Effects menu, or choose a preset style from the Quick Style.
3. Add a picture or logo. Now you can add photos, logos, and images to your banner, using clipart as an example. Click the "Image" button, select the image type you want, then add the image, resize the image, and finally move it to the appropriate position.
4. Add text and other elements. Add your company name, tagline, and other information you need.
5. Select the banner. In the Edit menu, select Select All, or press the shortcut key Ctrl+A (PC) or Command+A (Mac). Important: Make sure the banner is drawn and there is nothing extra on the slide. All non-text objects on the banner must be saved by right-clicking and "Save as Image".
6. Save the banner. Open it again, see if it has the effect you want, and then apply it to the web page.
Method 4: Use an online banner generator
1. Please log in to the following websites first:, etc. (you can search for more on Google). There are a variety of banner generators online, take some time to compare the effects of different generators and choose the one you like best.
2. Add text and pictures. Follow the tips and methods on the web page to create a banner step by step. These websites usually have ready-made images for you to choose from. Of course, you can also import images you made yourself.
3. Generate banner. After the banner is created, there is usually an export function on the website, allowing you to save the banner to a specified folder or directory, and you can also choose the format of the saved image (usually saved as jpeg). Follow the instructions on the website to save, download, and apply it to your own web pages.
Method 5: Make an avatar that matches the banner
1. This step is not necessary. However, if you are using a banner on a forum, it is best to have a matching avatar.
2. Select the "Crop" tool. Most image processing software has a cropping function. Crop the banner into a small image. Alternatively, you can redesign the image to be smaller but include some of the objects in the banner. It can be just a logo, a picture or a company name. The key is to make it instantly recognizable as the organization it represents.
3. The avatar should be small. The standard size of the avatar is 48 pixels * 48 pixels.
4. Save the avatar.
Method 6: Add the banner to the forum signature file or web page, etc.
1. Register an account. Register an account on some photo sharing websites, such as Photobucket, Flickr, Tumblr, etc. After registration is completed, upload banners, avatars and other related images.
2. Get the code. Use the sharing function on the website to obtain the HTML code and add the banner to your forum signature, web pages, etc.
Tips to install more fonts on your computer.
Practice makes perfect.
Go to forums, websites, etc. to see how other people’s banners are made.
Warning: Making banners requires a lot of time and patience.
It is best to save the banner as a 24-bit bitmap, and then save one copy in Jpeg and Gif formats, because images in Jpeg and Gif formats can add random blurring effects.
When uploading pictures to Photobucket, please note that EMF format files created with Powerpoint cannot be recognized. You can reopen the file and save it as JPEG or GIF, and it will upload successfully. How to create your own store banner on Taobao?
Advanced "My Taobao"--Store Management---Store Decoration--Store Signboard (there is an "Edit" button on the right. Click in and select "Online Edit" in the pop-up editing item, It will then jump to the Banner_aker online production page. You can customize it according to the prompts. Just save and update it. How to make a banner?
Banners are a standard in ancient calligraphy and are made in modern times. Banners are often promotional banners, including banners on websites and banners that can often be seen on streets, squares, and in front of gates. Due to their low cost, they can play a very good role in advertising and are widely used. Use.
Production
(1) Set the banner paper size: For banners, you need to set a specific paper size. A4 paper is the default paper size of Word, and general printers can only print the maximum size. A4 (21×29.7 cm) paper. If you only print one word on a piece of A4 paper, the maximum size of the word can only be 17×26.7 cm. If you want to make a larger banner, the printer can print it. For A3 paper, it is recommended that you set the paper size to A3.
(2) Set the page margins: The setting of the page margins is very important for banner production.
After clicking the "Page Setup" command under the "File" menu, in the pop-up "Page Setup" dialog box, select the "Margins" tab, and then enter the page margin values ??according to the actual situation. Note that the size of the margins will be affected by the printing capabilities of the printer. Here, set the top, bottom, left and right margins to 2 cm. Through the page settings and page margin settings, a framework for the banner words is initially created.
(3) Set the page view size: Since only one word is entered on a document page during the process of making a banner, the best view is one that can just see the entire page of the document. The setting method is as follows : After switching the view mode to page view, click the display ratio drop-down button on the "Common" toolbar, and select the "Full Page" command option in the drop-down option to complete the setting.
(4) Insert WordArt: There are many ways to deal with oversized text on similar banners in Word. Here you can use the WordArt program that comes with Word to create a banner with special effects. Click the "WordArt" command under the "Picture" submenu under the "Insert" menu, and select the WordArt style in the "WordArt Font Library" dialog box. Here we choose the first style as an example, click the "OK" button, and the "Edit WordArt Text" dialog box will appear. In the "Edit WordArt Text" dialog box, enter the first text of the banner "New", then click the font drop-down bar in the Edit WordArt Text dialog box and select a font with thicker strokes (such as "Heold", etc.) Font used as banner. You can set the text size in the font size drop-down bar. The default value is 36. Since we need to change the size of the font art below, you can choose the font size here as you like. For editing convenience, you can set the font size to the maximum. There are two tool buttons "Bold" and "Italic" on the right side of the font size drop-down bar. You can choose to use these two buttons according to your needs. Click the "OK" button to complete inserting the word art.
(5) Set the size and position of WordArt: Click the "Format WordArt" button on the "WordArt" toolbar, and select "Size" in the "Set WordArt Format" dialog box that appears. ” drop-down bar, clear the “Lock aspect ratio” checkbox (the default value has been cleared), and then enter 26.7 cm and 17 cm in the height and width number fields respectively. Then click the "Layout" tab in the "Format WordArt" dialog box, select "Embedded" in the "Wraparound" column, and click the OK button to complete the settings. By adjusting the settings, you can change the size of WordArt so that it expands to the entire paper.
(6) Set the word art fill color and line color: I selected the first word art style in WordArt earlier. The default fill color of this style is white. The line color is black. Since we only want to print the border of the text when printing banner text, this setting is just right for us to print banners, and there is no need to modify it. If this is not the default setting, you can also set it manually by clicking the Format WordArt button on the WordArt toolbar, selecting the Color and Lines tab in the Format WordArt dialog box, and clicking the Fill option. Click the column color drop-down bar and select white or colorless. Click the color drop-down bar in the line options bar and select black. Click the virtual and solid drop-down bar in the line options bar and select a solid line from it. In the Thickness number field of the line options bar, you can set the thickness of the outline line (the default value is 0.75 points). Click OK to complete the setup.
(7) Print banner words: The banner words can be printed here. If the entire text cannot be printed during printing, the artistic words can be appropriately reduced. After completing the input and printing of the first banner word, it will be much easier to make the remaining banner words. Since the printed line format and character size of the rest of the banner text must be the same as the first text, we can use the following method to print other text in the banner (in fact, this method is the simplest and less error-prone): Click the WordArt tool Click the "Edit Text" tool button on the bar, enter the second banner word "Year" in the Edit "Word Art" text dialog box (delete the word "New" while typing), click the OK button, and then directly Press Ctrl+P to pop up the print dialog box for printing, and you can complete the printing of the second banner word. Repeat the above operation to enter and print the remaining text in the banner.
(8) Draw and cut the banner paper: After printing all the text, you can draw the text on the special banner paper and then cut it out. If the printer can print directly on the banner paper, it can be cut directly without drawing. The cut banner paper can be used, and now we have completed the production of the banner.
(9) Make banner text template: To make it easier to make banners in the future, you can save the banner text document you created for the first time as a template. In this way, you only need to call up the template when making banners in the future. How to create a banner template: After completing all the formatting of the word art in the banner text document, click the "Save As" command under the File menu, click the save type drop-down bar in the "Save As" dialog box, and select " Document Template *.dot" option, the save location of the file will be automatically switched to the Templates directory. Enter "Banner" as the file name in the file name field and click the OK button to save the template.
In this default save location, the "banner" template will be placed together with the public template (). You can directly call this banner template next time you make a banner without having to start from scratch.
(10) Use the template to make a banner for the second time: Open the Word2003 word processing software, click the New command under the File menu, and select common options in the New dialog box that appears. Under this option bar, select the "Banner" option in the option bar, click OK, and Word will create a new document from the "Banner" template. This document will retain the banner text you saved in the template. Replace and print the banner text in the document one by one with the text of the new banner you want to create. Close the new document (no need to save) to complete the operation.