free web hosting | website hosting | Business WebSite Hosting | Free Website Submission | shopping cart | php hosting

*~*ottos*block*blinkie*tutorial*~*


~Please link back to my site if you use my tutorial to make blinkies~
~~~Thank You~~~

You can use this button; just please save it to your own server

and link back to
http://serratosays.bravepages.com/blinkietut2.html


You will need Paint Shop Pro 7 and Animation Shop 3, which come together. Go to http://jasc.com to download a free 30-day trial version.


In this tutorial, we’re going to make one form of the ‘blinkie blocks’ blinkie. Remember to save your work often just in case your computer locks up on you in the process. It’ll save it as a psp file. AND remember the Edit > Undo command will undo anything you didn’t mean to do. You can undo several actions so don’t worry about making mistakes and having to start all over. That’s what the Undo command is for.

 

First, you’ll need to open up PSP 7. Click on New. The width of your new image will depend on how many letters you need for your word/s. It’s ok if your image is wider than it needs to be. We can always take care of that later. But if you want to figure out the exact width, multiply the number of letters by 11. Then add 1. (example: 6 letters x 11=66; plus 1=67) The height will be 12. Your image width may be different from mine. I am going to use 10 blocks so the width on mine will be 111 and height will be 12. Enter YOUR number for the width where the red arrow is shown below. Be sure all other settings are the same as the image below. Click OK.

 

It should look like this:

 

Now we are going to start building our blocks. I always use black for the outline. But you can use any color you want. To choose your color, click in the middle of the ‘foreground color’ box (represented by my blue arrow) and make sure the ‘styles’ foreground color (represented by my purple arrow) is set to solid. If it isn’t, click on the little black arrow (represented here by my green arrow in the first image below) and click on the icon that represents ‘solid.’ (shown at the right below).

         

 So you see I have to change my foreground color to black. When you click in the middle of the ‘foreground color’ box, a new window will open up. Click on the color you want and click OK. Once you have your foreground color set to black, click on View > Zoom in by 5 > View > Zoom in by 5.

 

Click on the paintbrush icon: . Be sure your ‘tool options’ settings look like this:

 

Be sure the scrollbar is to the far left of your image. Start building your first block. Follow my example below.

 

If you want the inside of your blocks to have dimension, click on Layers > New Raster Layer > OK. Pick a color for the inside of your block. Make sure your ‘foreground color’ is set to your new color. Using your paintbrush tool, fill the inside of the first block with your new color. Once it’s all filled in, click on Selections > Select All > Selections > Float. Click on Effects > 3D Effects > Inner Bevel > OK. Make sure your settings look like this:

 Click OK.

 

Click Selections > Select None. Now we have to merge the two layers that we drew the block on. You should only have Layer 1 and Layer 2 showing in your ‘layer palette.’ Right-click on one of the layers and click Merge > Merge Visible. Right-click on your layer now called ‘merged’ and click on Rename. Name this layer ‘block 1.’

 

We need to repeat this entire process for every single block you want to draw. Remember to add a new layer for every step. So the process for the second block would be: Click on Layers > New Raster Layer > OK. Draw the outline to your second block, like this:

 

 

Click on Layers > New Raster Layer > OK. Select a color for the inside of your second block. With your ‘paintbrush tool’ fill in the inside of your second block. Click on Selections > Select All > Selections > Float. Click on Effects > 3D Effects > Inner Bevel > OK. Click on Selections > Select None. Hide your previous block/s, right-click on one of your active layers (in your layer palette) and click on Merge > Merge Visible. Right-click on your new merged layer and click Rename. Name it “block 2.” Repeat this process for every single block in your blinkie.

 

Now ‘unhide’ all your blinkie blocks by clicking on the red ‘x’ in your layer palette:

 

 

All your blocks should be showing. We are going to merge all layers now by right-clicking on one of your ‘block’ layers in your ‘layer palette’ and clicking on Merge > Merge Visible. You should now have one layer called ‘merged.’ If you have any extra space to the right of your last block, right-click in the title area of your image and click Copy. Go to your toolbar at the top of your screen and click Edit > Paste > Paste as New Image. This crops off all the excess space so your blinkie blocks should take up all the space in your new image. Minimize your original image.

 

Now we will add the letters to the blocks. Click Layers > New Raster Layer > OK. Click on your ‘paintbrush tool’ and set your ‘foreground color’ to black. Start drawing your letters pixel by pixel. You can do this all on one layer. Mine looks like this:

 

We have to make the letters white one at a time so we have to make as many copies of your image as the number of letters you have in your blinkie plus one. But first we have to merge the two active layers. Right-click on one of the layers in your ‘layer palette’ and click Merge > Merge Visible. You can use the ‘Shift’ + ‘D’ on your keyboard to make copies of your image. So I will be making 10 copies of my image because I have 9 letters in my blinkie. Move your copied images down to the lower part of your screen. Make your original image the active image and click Save As, give it a name (a01 works best; then we’ll continue to name the others in numerical order as we save them.) Click OK. It will automatically save it as a psp file. Minimize the image you just saved. Now maximize one of the copies and change your ‘foreground color’ to white; like this:

 

Make sure you’re zoomed in enough so you can easily re-color the first letter white. Click your ‘paintbrush tool’ and color your first letter with it. This is what it should look like:

 

Click Save As, give it a name (a02) and click OK. Minimize this image and maximize one of the copied images from the bottom of your screen. Now you want to make the second letter in your blinkie white;

 

Save that as ‘a03’ and repeat this process until you’ve made each letter white, one at a time (leaving all other letters black.) Once you’ve made each of the letters white, you should have one more copy of the original image left. Maximize that and color ALL letters white. Save As, give it a name (mine will be called a11) and click OK. (The last image you save should look like this:

 

Exit out of PSP. Open Animation Shop 3. Click the ‘animation shop wizard’ icon:  At the first window, make sure ‘same size as first frame’ is checked and click Next. Make sure ‘transparent’ is checked and click Next. Make sure ‘upper left corner of the frame’ and ‘canvas color’ is checked. Click Next. Make sure ‘yes, repeat the animation indefinitely’ and enter ’15’ in how long you want each frame to be displayed. Click Next. At the next window, click Add Image. This should take you to the folder where you saved all your images. Click the name of your first image (should be called a01), click Open, click Add Image, click the name of your second saved image, click Open, click Add Image, etc. until all your images are added in this list. Click Next. At the next window, click Finish. Now you should see all your frames side by side like this:

 

Now you’re ready to view your animation. Click the ‘view animation’ icon at the top of your screen. It looks like this:  It will show you how your blinkie looks. Click Save As, give it a name (it will automatically save it in a folder called ‘anims’ in PSP.) Click OK. For the next 3 windows, click Next. At the last window, click Finish. You’re DONE!!! Please, if you have ANY questions about this tutorial, or something isn’t quite clear, email me at: otto602002@yahoo.com.



*~*ottos*first*blinkie*tutorial*~*
(written by otto)
*more tutorials coming soon*