CREATING BANNERS & IMAGES USING MS PAINT & ANIMATED PROGRAMS

Transcription

1 Support for Website & Online Store owners CREATING BANNERS & IMAGES USING MS PAINT & ANIMATED PROGRAMS If you want a fantastic high quality banner/logo/image design it is recommended that you get help from a Graphic or Web Designer otherwise, explore some of our methods. Lesson 1. Creating a simple banner with just text using MS Paint Lesson 2. Creating a banner with pictures & text using MS Paint Lesson 3. Creating a banner using an Animated Program Lesson 4. Creating a banner using an Animated Program Lesson 1. Creating a simple banner with just text using MS Paint We will use the MS Paint program to create various images because this program comes free with MS Windows and is already installed on your computer. Once you create your banner/image and save it as a jpg file you can upload it to your website or online store. Step 1. Run the MS Paint program. RUN MS PAINT MS WINDOWS 7 a. Click on the Start button b. Click on All Programs c. Click on Accessories from the menu d. Click on Paint from the menu * the MS Paint program will run RUN MS PAINT MS WINDOWS 8 a. Perform a search for Paint Step 2. Display the Ruler so you can see the size of your banner. DISPLAY THE RULER a. Click on View from the main menu b. Click on the Ruler area to place a tick c. Click on Home to return to the Home menu Step 3. Set the Terms of Measurement to cm. MEASUREMENT PROPERTIES a. Click on the Paint scroll icon from the main menu b. Click on Properties from the menu c. Click on CM for the Units area d. Click on the Ok button Step 4. Set the Worksheet size to about 22cm wide x 6cm high. SET PAGE SIZE a. Click drag the bottom right selection marker right and down until you have the size you want Bottom Right Selection Marker

2 Step 5. Fill the worksheet with a colour. (View the diagram below) SET THE PAGE COLOUR a. Click on the Home tag b. Click on a Colour from the Colour Pallet c. Click on the Fill Bucket icon from the Tools area e. Click anywhere the Worksheet to apply the colour Step 6. Create a Text Box, select a Font and Size then type your text. CREATING A TEXT BOX a. Click on a Text icon * The toolbar will change b. Click on the Font Scroll icon and select a font c. Click on the Size Scroll icon and select a size d. Click on a Colour from the Colours Pallet e. Click drag to draw the Text Box f. Type your text Note: You can only edit the text and the text box when the dotted border is visible, once you click on the worksheet the text becomes locked onto the sheet If you make a mistake you can always active the Undo function located on the Title bar. Step 7. Create several Text Boxes and enter the text you need. Step 8. Save the file giving it a name and ensure to set the type to jpg so we can upload it. SAVING AN IMAGE FILE a. Click on the MS Paint scroll icon b. Click on Save from the menu * The Save window appears, you must select the folder you want to store your file into c. Select a Folder eg Mywebsitefiles d. Enter a Filename e. Click on the Save as Type scroll icon and click on JPG f. Click on the Save button * The filename is now displayed on the Title bar Congratulations! you have just created a jpg file that you can upload to your website.

3 Lesson 2. Creating a banner with pictures & text using MS Paint Again using just MS Paint we will create two lengthy image designs to be place on the Left or Right Side Boxes of your Online Store or they can be used for your website. This banner will consist of both images and text as shown in the diagram. If you are setting up an Online Store you will need a image/banner for the top of the page and also you can have up to 3 images placed on both the Left and Right sides. Step 1. Present the image on the screen, it can be an image from Google or a picture you took with a digital camera. You may need to Zoom in or out to get the image to a neat size of 4cm x 4cm as we are creating a long thin image. Your Camera Google Images (Copyright may apply) The Print Screen key is generally found top right of the keyboard. Step 2. Press the Print Screen key to take a screen dump / copy of the entire screen. Nothing seems to happen but a copy of the screen is stored in your PC memory. Step 3. Step 4. Step 5. Run the MS Paint program. (View page 1 for instructions) Perform the Paste function. (Press Ctrl+V) Select the image. SELECT a. Click on the Select icon from the Toolbar b. Click drag from the top left corner to the bottom right corner of the image you want * The image will be surrounded with a dotted border. Step 6. Perform the Copy function. (Press Ctrl+C) Now we have a copy of our image stored in memory.

4 We will need a blank worksheet. Step 7. Step 8. Step 9. Call upon a New Sheet. (Press Ctrl+N, answer No to the Save message) Size the Worksheet to fit with your banner size. (Click drag the Worksheet area so it is 6m wide and 14cm long) Perform the Past function. (Press Ctrl+V) As the selection border is still visible you can move the image down the worksheet otherwise you will need to select it first to be able to move it. Step 10. Move the image down to the middle of the banner. (Click drag the image) This will be our main worksheet we will design on, because we need more images we will run the MS Paint again to have a separate worksheet to juggle our images on. Step 11. Run MS Paint again RUNNING A PROGRAM TWICE a. Right click on the Paint icon located on the Status bar b. Click on the Paint option from the menu Notice you have MS Paint running twice as you can see by the pointing to the MS Paint icon. Step 12. Step 13. Get another image on the screen, zoom in or out to get the image size you want then press the Print Screen key. Go to the second MS Paint window (the one that is not the long banner) and perform the Paste function. (Press Ctrl+V) Step 14. Select the image you want and perform the Copy function (Press Ctrl+C), go to the MS Paint window that contains the banner and perform the Paste function then move the image down the bottom of the banner. Step 15. Perform Steps 12 to 14 and place the image at the top as shown in the diagram. You can move the images around by selecting them first then moving them. Ensure they line up neatly. We will create a similar image next to this one. Step 16. Widen the Worksheet to 15cm wide. (Click drag the Worksheet right selection marker to the right) Step 17. Draw a large Rectangle Box and fill the box with a colour. (View the diagram on the next page) RECTANGLE BOX a. Click on the Rectangle Box b. Click drag to draw the Rectangle Box c. Click on a Colour from the Colour Pallet d. Click on the Fill icon e. Click within the Rectangle Box you drew

5 Step 18. Select one of the images on the left. (Click drag around it) and perform the Copy function. Step 19. Perform the Paste function (Press Ctrl+V) The copy is placed top left and is currently selected, click drag to move the image to the middle of the coloured box. Step 20. Insert a Text Box at the top and enter some text. (Click on the Text icon, select a colour, font then type the text) Step 21. Insert a Text Box at the bottom and enter some text. Now we have two nice long images that we can add to our Website or Online Store. Step 22. Select the entire image on the left. (Click drag around it) and perform the Copy function Step 23. Run the MS Paint program again. (Right click on the MS Paint icon on the Status bar, click on Paint) Step 24. Perform the Paste function (Ctrl+V) and ensure the worksheet fits the image neatly 6cm x 14cm. Step 25. Save the file giving it a name and ensure to set the type to jpg so we can upload it. Step 26. Close the MS Paint window. (Click on the Close window icon) Step 27. Select the entire image on the right. (Click drag around it) and perform the Copy function Step 28. Run the MS Paint program again. (Right click on the MS Paint icon on the Status bar, click on Paint) Perform the Paste function (Ctrl+V) and ensure the worksheet fits the image neatly 6cm x 14cm. Save the file giving it a name and ensure to set the type to jpg so we can upload it. Congratulations! you have just created a jpg file that you can upload to your website. Take the time to play around with MS Paint as it is a very useful program. MS Paint is one of the main programs you will use to down size image files later sample: from 1859kb to 82kb so they load quickly when your website is visited. Lesson 3. Creating a banner using an Animated Program If you do a Google search for free banner making programs or Create an Animated Banner or Animated Text you will find a few very cleaver websites that offer the service of creating banners or fancy text, once you learn how to create the banner/image/artwork you can save it as a jpg or gif file which you can upload to your Website or Online Store. Most animated files are gif type files.

6 Step 1. Run the Internet Explorer program and enter this web address to the Address bar at the top. Step 2. Working through the program create your text by following the steps then click on Make 3D Text Button at the bottom Step 3. Go to the top and Save the File SAVE PICTURE a. Right click on the Text that is now displayed at the top b. Click on Save Picture As from the menu c. Select your Folder d. Edit the Name to eg. Your business name banner.gif Google spiders will collect all image files and display them with its Image Search Engine, so if you add your business name to the file name it will be displayed if someone does a search for your business name. Congratulations! you have just created a gif file that you can upload to your website. Lesson 4. Creating a banner using an Animated Program With this program you can create an animated banner with images in the background. Step 1. Run the Internet Explorer program and enter this web address to the Address bar at the top. Step 2. Working through the program create your text Following the steps then click on Create Gif button. Step 3. Go to the top and Save the File SAVE PICTURE a. Right click on the Animated Text b. Click on Save Picture As from the menu c. Select your Folder d. Edit the Name to eg. Your business name banner.gif Congratulations! you have just created another gif file that you can upload to your website. Making banners and artwork is great fun and very useful for all types of art work for even materials that are to be printed.