Sunday, May 5, 2013

Lesson 5: How to Make a Banner with Pixlr

Lesson 5: How to Make a Banner with Pixlr


Getting Started 

1) Open Pixlr Advanced

    There are very good free images, of course, you can find another pictures from other sites too...

3) I am going to use the images from these URL's;

4) First browse your background picture. (For me its lightnings)

How to make banner

 Resizing as a Banner and Cropping Moon 


1) Open the Lightning image from your computer after downloaded.

2) Crop the image as you want (Lesson 1)

Cropping in Pixlr

3) Re size your image (It may change according to your usage) I am going to re size it 800x200
    Recall: Lesson 2

Pixlr Resize picture

Putting the Moon

1) Open the other image(s) that you want to apply to your background. I would like to put a moon image among the lightnings. 

Open image in Pixlr

2) Go to the Layer Menu on the right side of the screen and press the lock near the background writing. It will turn to a checked box.  

Pixlr Lock

3) Use the Wand Tool (W) or Lasso Tool (L) to capture the object that you want to put in your banner. I will use the wand tool because the colours are clear. If the colors are mixed like green and yellow the wand tool usually not capable to surround the object. Don't worry :) There is Lasso Tool for you.

Pixlr Wand Tool

4) After surrounding the the object that you want, press Delete button and background of the image will be checkered. Now, it is time to re size you object according to your background size. You have to use Free Transform (Ctrl + T) in the Edit Menu.

Pixlr checkered

5) Use Marquee Tool (M) to select the image which you will put in your banner (Moon), then copy it with using Copy (Ctrl + C) in the Edit Menu. 

6) Paste it to the Banner image by using Paste (Ctrl + V) in the Edit Menu

7) Use the Move Tool (V) to put it where you want

8) You can re size it with using Free Transform Tool (Ctrl + T) again but make sure that Layer 1 is selected in the Layer Menu on the right side of screen.

Pixlr Free Transform

 Adding Texture 

1) Click on the Type Tool (T) on the Tool Bar. 

2) Select the place that you want to add texture on the banner. Do not worry if you missed the exact place, because there is the Move Tool (V) which is quite helpful. 

3) You can arrange the Font, Style, Size and Color in the Type Tool Menu

Pixlr Font Size Color

4) It's done. Save you new banner from File Menu. 

How to make a banner in pixlr


  1. Thanks, thats what i searched for ;-)

    1. I glad that you found what you searched for :)

  2. A very interesting read and a great post alltogether. thanks for sharing this information.

    signs Poway

  3. Fantastic articles is post by you in this blog. You give a nice thing. Thank you for such a nice article. Every word of this blog helps me to give detail to me.
    Visit: banner maker

  4. thanks bro totally helped me in school #mecps :D

  5. Nice tutorial. This help me to create a new banner. Thanks for sharing.

  6. Truly a great post. Thanks for such a great information.