Blinkie Tutorial

Programs Needed


Tutorial

  1. Make your blinkie using the blinkie maker.
    Blinkie in Basic Colour (Purple)
  2. Take a screenshot of your blinkie (press the "Print Scrn" button on your keyboard or use the Screenshot Tutorial).
  3. Open Paint.
  4. Go to Edit > Paste. If you cannot paste, make sure that the Selection Tool (Selection Tool) is highlighted.
  5. Crop the image so that you only see the blinkie and there are two pixels around the edges. When you are done cropping the blinkie, it should look like this when magnified by 6:
    Magnified Blinkie
  6. Fill in the first letter block (in my case, I'm spelling "BLINK" so I would fill in the B) with a different colour by using the Paint Can (Paint Can).
    Blinkie Frame 1
  7. Save your picture as "1.bmp"
  8. Using the Paint Can (Paint Can Tool), change the first block back to your first colour, and fill in the second box with your second colour (yellow).
    Blinkie Frame 2
  9. Save your picture as "2.bmp".
  10. Repeat steps 8 and 9 for each of the other blocks, and save your third picture as "3.bmp", fourth picture as "4.bmp", fifth picture as "5.bmp", and so on.
    Blinkie Frame 3Blinkie Frame 4Blinkie Frame 5
    "3.bmp""4.bmp""5.bmp"
  11. Fill in all of the blocks with your second colour (yellow).
    Blinkie Frame 6, Secondary Colour (Yellow)
  12. Save your picture now as the next number in your sequence (if you have five pictures already, save this picture as 6).
  13. Fill in all of the blocks with your first colour (purple).
    Blinkie Frame 7 (Basic Colour)
  14. Save your picture now as the next number in your sequence (the number from step 12 plus 1).
  15. Close Paint.
  16. Open Animation Shop (Start > Programs > Jasc Software > Animation Shop 3).
  17. Go to File > Animation Wizard.
  18. A box should come up that says "What do you want the total dimensions of the new animation to be?". Select "Same size as first image frame". Click Next.
  19. A box should come up that says "What do you want to set as the default canvas colour for the animation?". Select "Transparent". Click Next.
  20. A box should come up that says "Where within the animation frame should such images be located?". Select "Upper left corner of the frame". Under "When the image occupies only a part of the frame, how should the rest be filled?" select "With the canvas cover". Make sure "Scale frames to fit", is UNCHECKED. Click Next.
  21. A box should come up that says "Do you want the animation to be looped?". Select "Yes, repeat the animation indefinitely." Under "How long do you want each frame to be displayed (in 1/100th of a second)?" type "10". Click Next.
  22. Click on the "Add Image…" button. Find the folder where you save your blinkie pictures. Click on your first picture ("1.bmp"), then hold Ctrl on your keyboard and click on all of the other blinkie pictures ("1.bmp", "2.bmp", "3.bmp", etc). Click Open.
  23. You can reorder your pictures by using the "Move Up" and "Move Down" buttons so that they are in numerical order ("1.bmp", "2.bmp", "3.bmp", etc). Click Next.
    Frames
  24. Select your second last picture (the one filled in with your second colour). Hold Ctrl on your keyboard and click on your last picture (the one filled in with your first colour). Right click on the last picture and select "Duplicate Selected".
  25. Go to View > Animation.
  26. Go to File > Save As.
  27. Select GIF from the drop-down list below the filename and save.

Troubleshooting

If the colours change, or the blinkie doesn't look right, follow the steps below.

  1. Go to Edit > Undo.
  2. Go to File > Optimization Wizard.
  3. Under "Optimize For" check off "Animated GIF file". Uunder "When Finished" check off "Replace".
  4. Click Customize.
  5. Under the "Colour" tab, select "255 Colours", "Optimized Octree", and "Nearest Colour".
  6. Under the "Optimizations" tab, check off all but the last one.
  7. Under the "Partial Transparency" tab, check off the first one, and set it to "4". Select "Yes, blend with" and change the colour to white.
  8. Click OK and Next a few times, and finally click on Finish.
  9. Save your blinkie again.

Blinkie Example

Finished Blinkie