Log In Sign Up

Tutorial: Making your blinky template

Welcome to the JustMommies Message Boards.

We pride ourselves on having the friendliest and most welcoming forums for moms and moms to be! Please take a moment and register for free so you can be a part of our growing community of mothers. If you have any problems registering please drop an email to [email protected].

Our community is moderated by our moderation team so you won't see spam or offensive messages posted on our forums. Each of our message boards is hosted by JustMommies hosts, whose names are listed at the top each board. We hope you find our message boards friendly, helpful, and fun to be on!

Closed Topic Post New Topic
  Subscribe To Blinkie Tutorials LinkBack Topic Tools Search this Topic Display Modes
June 23rd, 2006, 04:08 AM
greenjeans's Avatar Mega Super Mommy
Join Date: Sep 2005
Location: Galveston, TX
Posts: 1,731
Making your first blinky template. This is for PSE, but can easily be adapted for other programs. The key is find a function that does the same thing

Step one: Create a new document. The “standard” blinky size is 150 pixels by 20 pixels. Feel free to play with that size to your hearts content, creativity is completely unlimited. To limit yourself to just squares either, try shapes!

Step two: Create a new layer by either using the layer menu and selecting “new” or by pressing the “ctrl, shift and N” keys. This is the layer that you will do the actual drawing. In the layers palette, select the background layer. It will be on the bottom and a solid color. Using the paint bucket tool, fill that layer in with a color such as bright green.

Step three: selecting the color scheme. Because this will become a template, it’s best to use black and white. Change the colors by clicking on either box.

Step four: Applying the grid: The grid helps with the alignment of all the dashes. Click on “view” on the main menu and select “show grid.”

You may need to change the settings, you need 1 pixel squares. To change them go to “edit” menu, “preferences” and then “grid.” Here is where you will change the grid line to 1 pixel with 4 subdivisions

Step five: Selecting the drawing tool: For this we will use the pencil with it set to a 1 pixel width.

Step six: Now we start drawing. Make sure you are drawing on the new layer and not the green one (in the layers palette, the layer you're working will be highlighted.) Starting one grid line down and one grid line color make a line with color 1 two squares across. Then skip two boxes and make a two box line with color 2. Repeat this sequence twice. Always end on color 2

Step seven: Repeating the sequence. Now, if you’re patient you can paint each dash individually but there is a faster, more complicated way to do it. *REMEMBER: The keys “ctrl & J” duplicates a layer. It may be on top of the previous layer but will move independently if you just click on it and drag it.
Now, using the move tool click on the dashes and the layer should be selected. Duplicate the layer (CTRL & J keys) and move it over two boxes from the last dash. Repeat this sequence until you reach the other end.

Step eight: The sides. Once you get to the last sequence going across, repeat the layer again. Then in the “image” menu select “rotate” “90 right.” Move this layer to the edge but away from it by one column. Adjust it up or down so the top color is the next color in the sequence from the top. Use the “eraser tool” to delete any extra dashes.

Step nine: The bottom: Select the last sequence of dashes that went across the top using the “move tool” and duplicate the layer (ctrl J) and move it to the bottom, leaving a row of boxes underneath just as with the top and sides. Align it so that the next color in the sequence from the last color on the side is next. Be sure to align the bottom dashes with the top. Again, use the “eraser tool” to get rid of any extra lines

** Repeat step eight to do the other side making sure to match the sequence and to leave a column on the outside.
From this point you should have a pattern of every other color, two pixels long and spaced two pixels apart with a 1 pixel border on the outside.

From here we need to merge all the layers (except the green one) to make one whole frame.
Step one: Go to the layers palette on the right and make sure that all the layers except the background color is visible. To make a layer visible or invisible, click on the eyeball to the left. “ctrl, shift, E” will merge the dashes together. Check your work by making the colored background visible again and then making the dash layer invisible and then visible again. If there are any problems, “edit” and “undo” will help.

Step two: With the dash layer selected (highlighted in the layers palette) duplicate the layer (ctrl J) and then “image” menu “rotate” “flip vertical” and voila! A functioning blinky. Now all you have to do is delete the background color layer and save it. Make sure you save it as a PSD file so you can edit later. This will become your template for your blinkies.

If you have any questions, please don't hesitate to send me a pm

Closed Topic

Topic Tools Search this Topic
Search this Topic:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off

All times are GMT -7. The time now is 11:23 PM.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Search Engine Optimization by vBSEO 3.6.0