<!-- --><!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css); div.b-mobile {display:none;} </style> </head><body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=20981690469561729&amp;blogName=Neo-Faerie+Wings%3A+Your+source+for+hig...&a mp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLACK&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Fneo-faeriewings. blogspot.com%2Fsearch&amp;blogLocale=en_US&amp;homepageUrl=http%3A%2F%2Fneo-faeriewings.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div> Neo-Faerie Wings: Your source for high quality neopets graphics

May 13, 2010

Making a Blog with GIMP

We are about to make a transparent/transluscent box like those on the blogs we have. We will be using the image below as our blog background.

  1. Open your GIMP. CLick on file=>new and the window below should appear. Set the width and height of your blog.

  2. Right-click the image above copy and paste it on your canvas. Go to your layers window and click on the "new layer" option as shown below:

    After creating a new layer, the window should now look like so:

  3. Now, we need to make the textbox. First, create a layer for the textbox:

    This window should pop-up. Place a layer name you desire and be sure that layer fill type is Transparency.

    Your layer window should look like this:

  4. Then click on your main GIMP window click on the "select rectangular regions" and drag your mouse across the canvas for the textbox:

    After making the selection for your textbox, your canvas should now look like so:

  5. It's time to place the textbox color. Click on your bucket tool and be sure to adjust all the elements highlighted in red boxes below:

    Now, click on your selection. It should be filled with a transparent white color like so:

  6. Just add some texts or any effects to make your blog even prettier. I have made a sample blog. All effects were done on GIMP.

Labels: , , ,

Transparent Blogs on MS Paint

Necessary Tools: 2 open window of MS Paint; MS Word

We will make a blog using the image below:

  1. Right click the image above, copy it and paste it on your MS Paint.
  2. Now, open another window of MS Paint by clicking on Start=>Programs=>Accessories=>Paint.
  3. On the second window click on Image=>Attributes and a window similar to the one below will appear.

    Set your width and height with the size of text box you wish to have for your blog. Then click on "Black and White" on the colors option.

  4. Now, look at your color palettes at the bottom of your window. It should appear like the image below.

  5. Click on your "Fill Color" tool and choose the black and white pattern you wish for your text box. I chose the one highlighted in red. Then click on your canvas.
  6. Click on your "Select" tool and choose the whole document. Right-click and cut your image.

  7. Go to your first MS Paint window where your image is. And click on Edit=>Paste. Be sure "Draw Opaque" is off. Then right-click on color black on the color palette to set your background to black.

    Drag your text box where you want to place it. Then click on anwhere on your image to make your text box fixed.

  8. Now, we need to add a border around your text box. Click on your rectangle tool and choose the first option given. Choose a border color you like by clicking on the color palette. I chose black to be my border. Now, your window and blog should look like so:

  9. Now, it's time to add our text on the blog. Open your MS Word. Click on "Insert Word Art" option, then a window like so will appear:

    Choose a style you want for your text and click OK. I chose the one highlighted in red.

  10. Now,this window will appear:

    Type your text and set the font and the size you want. Then click OK.

  11. Now right-click your text and click on "Show Word Art Toolbar". You must have your toolbar shown like this.

    Then click on the "Format Word Art" tool, highlighted in red on the image above. And this window will appear:

    Choose the color of your text by changing the fill color, and choose the color of your text border by changing the line color. Click OK.

  12. Now, take a screenshot of your MS Word by pressing "Print Screen" on your keyboard. Go to your 2nd MS Paint window you have. The one we used in making the text box earlier, NOT the one with our image or blog on. Click on "New". Then click on Edit=>Paste.
  13. Now, click on your "Select" tool and select your text. Be sure "Draw Opaque" is off as shown below:

  14. Paste it on your first MS Paint Window. Be sure "Draw Opaque" is still off. Then right-click on color white on your color palette to set the background to white.

    Drag your text where you want it placed on your blog. Then click anywhere on your image to make the text fixed.

  15. Now, all you have to do is to put a border around your blog. Click on your rectangle tool, choose the first option, choose a color for your border on the color palette and drag your mouse across your blog. And now, your blog is all finished! Save it as PNG or JPG to retain the color quality. See how mine turned out!

Labels: , ,