<!-- --><!-- --><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: Making a Blog with Photobie

May 13, 2010

Making a Blog with Photobie

This tutorial was made for the older version. It may or may not work on the newer ones!

Here's how you make a blog with Photobie.

  1. Open a new document. For this tutorial I will make a 350 x 200 pixels blog and I will be using the image below:

  2. Right click the image and copy it. Then click on edit=>paste as new layer. Drag your image so you see the part of the image you want on your blog.

  3. Now click on your fill shapes. Click the arrow and choose rectangle as shown on the image below:

  4. Now click on your dropper and choose a color on the image. Choose the color you want your rectangle to be. For this tutorial I used light purple. Now drag your mouse across your image to create your rectangle.

  5. To make our rectangle transluscent or semi-transparent adjust your opacity level to how transparent you want your rectangle to be. Go to your layer manager which usually sits on the right side of your screen. Be sure you are on the layer where we drew the rectangle. In this case it is on layer 2. Drag the opacity bar down to lower the opacity level and drag it up to increase the opacity level. I set mine at 64.

    So far, this is how my blog looks like!

  6. It's time to place some text on our blog! Click on the draw text tool. . Click anywhere on your image and a window same as the image below will appear. Type in your text (Welcome). Choose the font you want. Choose the size on the text you want. Click on forecolor to choose the color of the text you want! Click on backcolor to choose the border color of your text!

    Now, my blog looks like this. Hmmm...my text is not where I want it to be.

  7. Go to your layer manager again. Be sure you are on the layer where you placed your text. Click on the hand tool as shown on the image below.

    Now, go back to your blog and drag your text where you want it to be on your blog! This is how my blog turned out so far! I have edited the text size and the rectangle size so they could all fit in my blog. To edit the rectangle size all you have to do is to go the layer 2 and click on the hand tool then put your mouse on the corner of the rectangle and just drag your mouse. If you are content with the size, position your rectangle where you want it to be. Put your mouse at the center of the rectangle and drag your mouse to move it!

  8. For the final touch we need to place a border around our blog. To do this click on the draw shapes tool. Click on the arrow beside it and choose rectangle.

  9. Now on the upper right hand corner, change the pen size to whatever border width you desire. I choose mine to be 3. . Now click on your color menu at the toolbar on the left. . I choose hot pink! This will be the color of your border. Now drag your mouse to create the border. Centering the border and placing it on the right position maybe tricky but you'll get to it! Save your blog as gif or jpg.

  10. So now, this is my finished blog!

Labels: , ,

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home