Nygen Dale
  Staff / Moderator
Topics: 68
Replies: 3617
Registered: 21.Jun.03 |
I know lots of people here are into graphics and stuff so maybe someone can help. I'm working on the redesign of my website right now and prepared a basic layout in Photoshop. Now I'm trying to cut it in pieces so I have little images which are supposed to display the desired layout when put together. However it seems that when I cut something out and save it as jpg Photoshop kinda smoothes the edges so that they become a little lighter. Now when I put together my little pieces I get an annoying line in between the graphics  What can I do about that? Here's a screenshot of that line 
< The Kids are gone 2004 |
|
Void Pointer
 Artist
Topics: 68
Replies: 5292
Registered: 08.Feb.03 |
I supose there is a function in the cutting called anti aliasing which you can turn on/off 
 (2541 hits) |
|
Atlantis
 Member
Topics: 84
Replies: 3227
Registered: 14.Jan.03 |
Don't use JPG format 
JPG is only good for high resolution photos, but for web graphics, PNG is generally much smaller and thus more desirable, and of course uses lossless compression.
Anyway, what you want to do is use the Slice Tool (K). Then, once you've cut your image up, press CTRL+SHIFT+ALT+S to save for web, and choose PNG 24 from the Preset menu (you can probably untick the Transparency box too). If you really have to go JPG, you can choose this here too.
Atlantis [Atlantean Records - digital audio mastering]
mastering engineer/mixing engineer/multiband professor/eq professor |
|
Nygen Dale
Staff / Moderator
Topics: 68
Replies: 3617
Registered: 21.Jun.03 |
 |
Atlantis wrote on 26 May. (23:58) :
Don't use JPG format
JPG is only good for high resolution photos, but for web graphics, PNG is generally much smaller and thus more desirable, and of course uses lossless compression.
Anyway, what you want to do is use the Slice Tool (K). Then, once you've cut your image up, press CTRL+SHIFT+ALT+S to save for web, and choose PNG 24 from the Preset menu (you can probably untick the Transparency box too). If you really have to go JPG, you can choose this here too.
|
Ahh, thanks I didn't even know what that cutting tool does until just now  Well, that first problem should be fixed. Now, is there any way - after having set the cut mask right to split up my layout - to save that mask and use it on a different image? Coz that "Main" you can see there is supposed to be a button which changes the color on roll-over. So I would set up the picture once with normal colors and once with roll-over colors and I would like to cut them just the same way so I get my roll-over buttons Didn't find an option for that yet Is it possible at all?
< The Kids are gone 2004 |
|
Nygen Dale
Staff / Moderator
Topics: 68
Replies: 3617
Registered: 21.Jun.03 |
Nevermind 
I could just copy the roll-over image over the other one and the slicer mask was still there and I could still use it 
< The Kids are gone 2004 |
|
Gopher
Member
Topics: 24
Replies: 1540
Registered: 05.Jan.03 |
Keep in mind that PNG might not always be smaller. Since it uses a different compression algo than JPG, size can vary quite widely. Photographic pictures which have constantly changing RGB values work better with jpg; Flat-filled or repetitive patterns work better with PNG.
http://www.dragonslay.co.uk/
http://www.ctgmusic.com/Gopher
http://www.dimlight.net/
More soon |
|
Atlantis
Member
Topics: 84
Replies: 3227
Registered: 14.Jan.03 |
Gopher wrote on 13 Jul. (11:16) :
Keep in mind that PNG might not always be smaller. |
But it certainly looks nicer. If the difference is only a hundred or so k, I'd still use PNG just for the quality. Actually, the only time I'd ever save as JPG is on high resolution photos. And no, that doesn't include ones that fit on your screen at a 1:1 ratio.
Atlantis [Atlantean Records - digital audio mastering]
mastering engineer/mixing engineer/multiband professor |
|
|
Latest Topics
![[212.65.23.162]](pics/ip.gif){kind=small}
