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

*~*ottos*first*blinkie*tutorial*~*


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

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

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


To complete this tutorial, you will need Jasc Paint Shop Pro 7.04 and Animation Shop 3. You can download a free 30-day trial version at http://jasc.com.

Open up PSP 7. Click File < New and set your ‘new image’ window to look like this.

 

 

 

Now you should have something that looks like this.

 

 

Make sure your ‘tool options’ and your ‘layer palette’ toolbars are showing. If not, click View < Toolbars < and make sure ‘tool options palette’ and ‘layer options palette’ are checked. Click View < Zoom in by 5 so you can see what you’re doing. Make sure your ‘styles’ has a foreground color in it. If it is set to ‘null’ click on the little black arrow and click on the picture of the paintbrush. Now click in the middle of the ‘foreground color’ square and choose a color for your background. Click on your ‘floodfill’ tool and click somewhere in the middle of your image; it should now be filled with the color you selected, and look something like this.

 

 

Click View < Zoom in by 5 < View < Grid < View < Change Grid and Guide Properties so your settings look like this.

 

 

Now we will start putting our ‘blinkie blocks’ in our image. Start with clicking on your ‘paintbrush’ tool (making sure your settings are: shape: square, size: 1; hardness: 100; opacity: 100; step: 25; density: 100). You will find these settings when you put your cursor over ‘tool options.’ Go to your color palette, pick a color for your first set of ‘blinkie blocks.’ It’s best if you have contrasting colors. In my case, I have a dark background so I will pick two lighter colors so you can see them. Once you’ve picked your first color, start on the second pixel down and second pixel over and click. Click on the very next pixel as well. Skip 4 pixels and click 2 pixels. Follow this pattern until you get to the bottom right-hand corner of your image. Before turning the corner, you will have to skip 5 pixels this time. Then click 2 pixels, skip 4, and click 2 until you go all the way around the image. I hope you have something that looks similar to this.

 

Now pick a color for your second set of ‘blinkie blocks’ from your color palette. (You may want to write down the RGB value of your colors for future reference We’ll need them when we go to animate your ‘blinkie.’) Your ‘paintbrush’ tool should still be the active tool. You will click on the 2 pixels right in the middle between your other set of ‘blinkie blocks’ and should have something that looks like this.

 

 

 

Ok. That was tedious! But not as tedious as it would have been had we not had the ‘grid view’ set to ‘on.’ It’s time to turn the grid off. Click View < Grid. It should disappear. Now click View < Zoom Out by 5. You should be able to see your whole image on your screen. It will make it easier to add text, pictures, etc. Notice what we have so far is on just one layer? Now it’s time to add a new layer for each object you add to your blinkie. This will make it easier to edit if you change your mind about something you’ve added. Sooooo, click Layer < New Raster Layer and where it says “name” call it something that will allow you to identify it. If you’re going to add text, call it ‘text.’ Leave all the other options alone. Click on the A over to the left of your workspace. That’s your text tool. Choose a font, size and color but make sure all the other settings look like this: kerning: 0; Leading: 0; Floating: checked; Stroke: null.

 

 Click somewhere inside your image. It doesn’t matter where; you can move your text after you type it. After you’ve made sure your settings are the same as the above picture (except font, size and color; that YOU choose), type in what you want to say on your ‘blinkie.’ Click OK. Now your text will probably be somewhere off to the top of your image. Hold your cursor over the text until you get the ‘crossbar’ with arrows. (It looks like your ‘move’ tool.) You can move your text to wherever you want it. Now click on Selections < Select None. Your image should look similar to this.

 

 

We are ready to add a picture (in this program, they are called ‘tubes.’) Click on Layer < Add New Raster Layer, give your layer a name, leave all settings as is, and click on your ‘picture tube’ icon. It looks like this: . Go to your ‘tool options palette’ and find a picture you’d like to add to your ‘blinkie.’ I’m going to choose a star that I made and saved as a tube. I added two of them so I put them each on new layers. You move the tubes by clicking on the ‘move’ tool, putting your cursor over the image, holding down your left mouse button and dragging it to where you want it.  You may decide to add a ‘preset shape’ instead. If this is the case, click on the ‘preset shape’ tool; looks like this: , go to the ‘toolbar options palette’ and choose a shape. Mine looks like this.

 

 

Before you save your images, you must merge all layers. To do this, put your cursor over the ‘layer palette’ and right-click on any one of the layers you have in your drop-down list. Click on Merge < Merge Visible. Now it is on only one layer and we can save. You want to save it as a psp file. It MUST be a psp file so you can open it in Animation Shop to animate it. So click on File < Save As < and it automatically wants to save it as a psp so all you have to do is give it a name. Click OK.

 

Now we have to make it animated so it blinks. Open Animation Shop 3 (which you will find under Jasc Software) and you should have a blank workspace. Click File < Open < find your image you saved from PSP 7 and click on it. Click Open. You need two frames though so the first thing we are going to do is duplicate your image. First, make sure your cursor looks like an arrow, right-click on the image (anywhere) and click Duplicate Selected. Take your cursor and place it on one of the side edges, drag it until you can see both images. It should look like this.

 

 

Click View < Zoom in by 5. If you didn’t write down the RGB value of the blinkie blocks, click on your ‘dropper’ tool. It looks like this: . Place it over one of your blinkie blocks to get the RGB value. Now click on your ‘foreground color’ square. Looks like:  Your color palette will open up and you can type the RGB value in. Click OK. Now click on your ‘floodfill’ tool. Place it over one of the blinkie blocks that is the opposite color that you just picked. Click inside it. You will click inside each blinkie square that is the opposite color than the color you have selected. Now you have to do the same thing to the other set of blinkie blocks. Your blinkie blocks should be just the opposite color as they were when you started; still alternating colors though. Notice how your blinkie blocks on the first frame are just the opposite of the colors on the second frame? Like this:

 

Now you need to click on the “view animation’ icon. It looks like this:  and you’ll find it at the top of your screen, second from the right. Your blinkie should now be BLINKING! Click File < Save As < give it a name, and click Save. It automatically saves it in a folder called “anims.’ In the following windows that pop up, just click Next for all them. The last one, you will click Finish. And you’re DONE! If you have any questions about this tutorial, or there is anything unclear, please feel free to email me at: otto602002@yahoo.com.



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