Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
|
|
Re: need help with unusual idea
Ok, I see now. It's white/light gray around the edges. To fix this:
• I'm guessing Photoshop probably has an image 'mode' selector. If it's set to indexed, change it to rgb.
• Make a second layer and put it below the dial and fill it with black.
• Zoom in on the image, then use a selector tool to select the area around the dial. Then invert the selection, and delete.
• Shrink the selection by one pixel, but don't shrink it away from the edge of the image.
• Next, either "sharpen" the selection, or switch the image mode back to 'indexed.'
• While you are on the all-black layer, delete the current selection. This should give you a black circle that is slightly larger than the dial. If you switched the image mode to 'indexed' and/or sharpened the selection, there should not be any faded pixels around the perimeter of the black circle.
• Finally, merge the two layers, then save.
This isn't the only way to do it, but it's one of my methods. Sometimes I like to 'feather' a selection when getting rid of a background. Other times, I get rid of the edges pixel by pixel. It all depends on the image I'm editing.
|
2/3/2006, 7:09 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
panther1
Citizen
Registered: 10-2005
Province: Sydney,Australia
Posts: 195
Karma: 4 (+4/-0)
|
|
|
Re: need help with unusual idea
OK well to be honest I think that method is a little beyond me with things such as adding a layer underneath and invert etc the way I did it was an easy 3 step process but I guess you pay the price in the end lol. Maybe show me another way if you dont mind? There is a little bit of confusion with some terms/tools too.
here is the way I did it
1. flood fill background with a colour not in the actual picture (as different as possible)
2. go to set palette transparency and select background colour for transparency
3. apply and save as a .GIF and its done, with speckles lol.
|
2/3/2006, 1:15 pm
|
Link to this post
PM panther1
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
|
|
Re: need help with unusual idea
There are other ways , but they also involve layers, lol. You should fiddle around with layers a bit, because I guarantee that it'll make most of your projects a whole lot easier.
Here are the new graphics and code, for the next time you add affiliate buttons:
_______________________________
<div style="position:relative; height: 139px; background: #000 url('http://img90.imageshack.us/img90/5585/transparenttunnel7dj.gif') bottom left no-repeat;">
<div style="position:relative;height:139px;background: url('http://img37.imageshack.us/img37/5251/cityback2iy7bq.gif') right -5px no-repeat;">
<div style="height:85px;"><br /></div><div style="background: url('http://img77.imageshack.us/img77/6742/track4jk.gif') bottom repeat-x; margin-left:67px; margin-right:2px;">
<marquee scrollamount="5">
<table style="width:1463px; margin-bottom:8px;" border="0" cellpadding="0" cellspacing="0"><tr>
<td style="vertical-align: bottom; width: 683px; height: 38px; background: url('http://img90.imageshack.us/img90/7754/trainfronttransprnt1kg.gif') bottom left no-repeat;"><br /></td>
<td style="padding: 0 0 8px 0; vertical-align: bottom; background: url('trainbed.gif') bottom left no-repeat; width:238px; height: 48px;"><a href="http://com2.runboard.com/beautifulpandemonium/">
<img alt="Beautiful Pandemonium" style="margin-left:25px;" width="90" height="33" src="http://img95.imageshack.us/img95/1964/cpban39do.gif" border="0" /></a>
<a href="http://com4.runboard.com/bhideousgreengunge"><img alt="Hideous Green Gunge" style="margin-left: 10px;" width="90" height="33" src="http://x12.putfile.com/11/32809100138.gif" border="0" /></a>
</td>
<td style="padding: 0 0 8px 0; vertical-align: bottom; background: url('trainbed.gif') bottom left no-repeat; width:238px; height: 48px;">
<a href="http://com5.runboard.com/bgraphicsaddicts"><img alt="Graphics Addicts" style="margin-left:25px;" width="90" height="33" src="http://img272.imageshack.us/img272/5783/graf0yt.gif" border="0" /></a>
<a href="http://com5.runboard.com/billusia"><img alt="Temple of Illusia" style="margin-left: 10px;" width="90" height="33" src="http://img76.imageshack.us/img76/5310/temple5wc.gif" border="0" /></a>
</td>
<td style="background: url('trainend.gif') bottom left no-repeat; width: 304px; height: 48px;">.</td>
</tr></table>
</marquee></div>
<div style="position: absolute; bottom: 3px; right: 0;"><img width="298" height="139" alt="" src="http://img300.imageshack.us/img300/448/cityfront4iq6uc.gif" /></div>
</div></div>
_______________________________
Each time you add a flatbed, you will need to add another <td>, and also add 238px to the total width of the table. For example, when you have 7 or 8 banners, the width of the table will be 1701px, and when you have 9 or 10 banners, the table will be 1939px wide.
For each <td>, you will need to copy and paste the following code, changing the links and images appropriately:
_______________________________
<td style="padding: 0 0 8px 0; vertical-align: bottom; background: url('trainbed.gif') bottom left no-repeat; width:238px; height: 48px;">
<a href="http://url_to_affiliate"><img alt="Name of Affiliate" style="margin-left:25px;" width="90" height="33" src="http://button_image" border="0" /></a>
<a href="http://url_to_affiliate"><img alt="Name of Affiliate" style="margin-left:10px;" width="90" height="33" src="http://button_image" border="0" /></a>
</td>
_______________________________
Note that the 1st and 2nd affiliate in each <td> has a different margin-left for spacing within each <td>, but the first one in each <td> is always 25px, and the 2nd one within each <td> is always 10px. For an odd number of affiliates (7, 9, etc), omit the 2nd link and button (the one with the 10px left margin).
I hope this makes sense.
• • • • • • • • • • • • • • •
New Topic and Add Reply Buttons:
Here are the buttons for you to upload:
New Topic • New Topic Hover
Add Reply • Add Reply Hover
I cleaned up the edges of their 'normal' state, so feel free to use those instead of the ones you already have.
I animated one of them so you can see the effect they will have once the images are uploaded and the code in place. [See preview]
|
2/3/2006, 11:57 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
panther1
Citizen
Registered: 10-2005
Province: Sydney,Australia
Posts: 195
Karma: 4 (+4/-0)
|
|
|
Re: need help with unusual idea
Lesigner Girl said:
There are other ways , but they also involve layers, lol. You should fiddle around with layers a bit, because I guarantee that it'll make most of your projects a whole lot easier.
Yeah I have things like merge layers, bring to top etc that I have used but I dont see a move to bottom one lol (always the one you need isnt it!)that combined with the fact I really wasnt in the mood for it at the time. I will keep mucking around with it though.
thanks for this the buttons look great and I have them saved
I may have a question or two when I add the new affiliate code but that can wait until im ready to add it.
|
2/4/2006, 5:59 am
|
Link to this post
PM panther1
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
|
|
Re: need help with unusual idea
See if Photoshop also has an arrow or something to move a layer one spot at a time. The Gimp allows this (up one, down one, move to top, or move to bottom). I guess your other option would be to move all the other layers to the top until the one you want at the bottom is at the bottom, lol, but I can't imagine Photoshop making it this difficult with as many versions (presumably better each time) as they've had.
You're welcome for the buttons. I'll delete them from my storage later.
I'm sure you'll have questions, lol, and I'll try to teach you how to figure out what to change when you're ready to change it, so you can be more self-sufficient.
Last revised by Lesigner Girl, 2/4/2006, 6:24 am
|
2/4/2006, 6:23 am
|
Link to this post
PM Lesigner Girl
Read Blog
|