intro | design 1 | design 2 | design 3 | tricks 1 | tricks 2 | images | tables 1 | tables 2 | templates | critiques | tools | linksstar| glossary | f. a. q. | quiz | tutorial 1 | tutorial 2 | video tutorialstar| form mail tutorialstar| angelfire tutorialstar| sound tutorialstar| news grps


learn html
design 1
design 2
design 3
tricks 1
tricks 2
images
tables 1
tables 2
templates
critiques
tools
links
glossary
f.a.q.
quiz
tutorial 1
tutorial 2
video tutorial
form mail tutorial
angelfire tutorial
sound tutorial


logo
logo

IMAGE DESIGN
Make Images For Any Purpose

Quick Jump To Specific Image Topics:

MAKING BLANKS- RESOURCES-
BACKGROUNDS-


ask a question


How To Make Your Own Images For Banners, Buttons, Backgrounds, Awards Or For Anything...

I will give you a TRANSPARENT "Blank Gif Image" here which you can Right Click and "Save Picture As" ... you will then use it to build any new Images that you want... at Image Magick (see below) ...here it is in the center of the gray background table cell, it will be 468 x 60 in size (pixels) but resized here to 100 x 60...

dotblank gif
  • Next you need to learn how to use the facilities at Image Magick ...you MUST STUDY this site inside out because it is the easiest and best to use for free image design! Even if it take days, it's worth it because you'll be an ACE at image design when you're finished!!
  • Well then... plug in your full address for your TRANSPARENT blank gif into the form box at Image Magick Studio...
  • When it returns your blank image on the next page, select the "tab" (tool) at the top that you want to use and go ahead and build your new image...
  • Experiment a bit to see how the tools work... remember that at first you will not be able to see the TRANSPARENT Image, until you begin to add text, colors, etc.
  • NOTE: At one of the alternate Image Magic Web Sites, given on our Design Links Page, your TRANSPARENT blank gif will first appear as a BLACK 468x60 Image, until you begin to change it using the tools...
  • Use the "blue text links" on the page for information to help you along and just hit your browser back button to cancel a step and redo it...
  • Your new Image can be placed onto any background color and the background color (or background Image if you have one) will "show thru" since the blank gif is TRANSPARENT...
  • You'll find that using "annotate", "resize", "decorate", "draw", "transform", and "paint" (down the page) will suffice for your needs but you should also experiment with other "tabs" (tools) to see what you can create...
  • To make Animated Images, read the Tutorial Below!
  • Image Magick Tutorial ... The information here will help you learn how to use the Tools at IM!
  • Since you have a blank you can RESIZE IT and use it to design any image for anything you want (banners, buttons, headings, awards, animations etc), this is important to remember
  • AN Important Tip: When you get a few steps into your new design, output it and save it to your site with a new name such as "blank1.gif" then you will know that you have "captured" it at that step in case you want to reuse it from that step to make a different design later...

Check out some of the other Websites For Image Design at our Design Links page...



Do you need some kool images or midis (sounds) to add to your pages? Try a Search at: Google

REMEMBER: You Should Download Files To Your Own Site...NEVER Link To Them (Hot-Link)...

Even more important: You must always check for any Copyright Infringements before downloading any Images!

Here is a fine Google Image Search Engine from Google's 250 Million Image database that is also free to use!




After you have made an Image Blank following the instructions at the top of this page...you can use this blank by RESIZING it to make an Image Background for either a full page width, or a table cell, or div block...

Since background sizes cannot be specified in your codes, you have to originally make them the size that's correct for them to TILE across your area...

It is important to use CSS code for proper background usage, and you can STUDY it at W3Schools CSS Tutorials

If you have a full width page area, I recommend making the original the size of 136x60 pixels because it will TILE nicely across most browser windows ...for a table cell or div block you must make the original size according to whatever size your cell or block is...

You can change your height from 60 to whatever you want depending on what you want it to look like in the background...

CAUTION: If you try to make LARGE images to Tile only once across a page especially pictures (jpegs) they will SLOW your load time considerably... keep them small and in (gif) file type...

However making a Large image to use as a Border Background is acceptable and it will tile only once across if you make it wide enough, say 544x375 pixels in original size! If you keep it's byte size small it will load fast for your background...

I made a SAMPLE Border Background: View Sample Background Here

To see it as a background behind a table on a page, look at Our Sample Page

Check Back Here Often For New INFO...

And If You Have A Question On Images...


ask a question

Tricks 2---Tables 1