PDA

View Full Version : Putting Images Together


Linda
07-19-2003, 03:21 PM
If you have an image that you want to add another image or a name to - you would need to take a white background to http://magick.net4tv.com/MagickStudio/scri...agickStudio.cgi (http://magick.net4tv.com/MagickStudio/scripts/MagickStudio.cgi) The white background and other items that you will need for this project are at the bottom of this article. Just right click and save them to your computer.

When you go to the Net4TV site, on the first page, click on "browse" or "choose" and find your white background. Click on it and then click "open". Now click "view". Wait for the next page and your image to appear. I like to use a larger background, so I go up to "resize" and then click on "double" and then press the "resize" button - not the resize tab. On the next page, click on the "composite tab" up top. Again click on "choose" or "browse" and this time find your image (like the rose), click on it and then click "open". Now, set your "gravity" options to "south" and then click on the "composite" button - not the composite tab up top. All the other options should be left alone.

When your image appears - click on the "composite" tab up top and wait for the next page. Now click on the "choose" or "browse" button and this time find your other image or name (like on mine, Linda). Click on it and then click "open". Now set the "gravity" option for "southeast" and click the "composite" button - not the composite tab up top. When the images appear, you need to decide if you want to move them. On mine, I wanted my name a little closer to the rose - so, I clicked the "back" button and set the location numbers a little different. I think it ended up being something like +25+0. You can also put in minus numbers - depending on which way you want the objects to move. The first +0 moves the object from left to right. The second +0 moves the object up and down. The more you use this feature, the easier it will be to calculate what to put in - but, you usually just have to fine tune it as you go by clicking the back button and resetting the numbers. Be careful though and only work with one number at a time.

For instance get it either horizontal or vertical first and then work on the other. Don't try to change both numbers at the same time or you will get confused as to which number is moving the object and in which direction. After you get it exactly where you want it, click on the "output" tab up top and wait for the next page. Now click on the "output" button - not the "output" tab. When the next page comes in, there will be a large image usually with smaller images below it. Wait for the page to fully load (and also on each page before - if you don't, it can mess up the image). When it does load, left click on the large image and this will bring it up on a page by itself. Then right click on it and save it to your computer.

After I get the image finished here, I take it and do a "smart crop" and also set the transparency. To do that, go to www.gifworks.com and then click on "file" and then "file open". Under "method 2" click on "browse" and then find your image, click on it and then click "open". Now click on "upload image". When your image appears, click on "edit" and then go down to "resize/crop" and then to "smart crop". Click on that and wait for your new image to appear. When it does, you can either save it or what I do, is go ahead and set the transparency. Go to "edit" and then to "add transparency". A box will come up and you click on the white background and then wait for your new image. When it appears, go up to "file" and then "save" and wait for it to appear. When it does, right click and then save it to your computer.

Here is the white background:
<table width="500" align="center" border="1">
<tr><td align="center">http://www.mypcclinic.com/files/Linda/Newwhitebackground.gif
</td></tr> </table>


Here is the first image:
<table width="500" align="center" border="1">
<tr><td align="center">http://mypcclinic.com/files/rb/Linda/Red%20rose%20T.gif
</td></tr> </table>

Here is the second image:
<table width="500" align="center" border="1">
<tr><td align="center">http://mypcclinic.com/files/rb/Linda/Lindajacoba.gif
</td></tr> </table>

Here is the final image:
<table width="500" align="center" border="1">
<tr><td align="center">http://mypcclinic.com/files/rb/Linda/Lindas%20rose%20T.gif
</td></tr> </table>