Armed Polite Society

Main Forums => The Roundtable => Topic started by: Bogie on September 10, 2007, 06:31:45 AM

Title: Stupid web graphics question
Post by: Bogie on September 10, 2007, 06:31:45 AM
One of my new sites is going to be a bit more graphic - how do people slice jpegs so that they'll seamlessly fit into the tables?
 
Basically, I'm going to take a juice drop clipart image, convert to 1024wide jpeg, and then overlay text for each area that I'm dealing with, with a table superimposed on another layer. Then I delete the table layer, and cut the thing into pieces to insert into the table in NVU... Each resulting piece of jpeg will have its own link...
 
Or am I doing this wrong?
Title: Re: Stupid web graphics question
Post by: GigaBuist on September 10, 2007, 06:43:49 AM
Just use an imagemap.
Title: Re: Stupid web graphics question
Post by: Manedwolf on September 10, 2007, 06:51:45 AM
The easiest program to do that with is Adobe ImageReady. Smiley That's how must people do it.

Just drag guides from the rulers, then "make slices from guides". Then save optimized as HTML with images.

And I wouldn't use imagemaps. That's an old and deprecated method. Sliced images with some of the slices being hotlinked are the way to go.

Title: Re: Stupid web graphics question
Post by: Bogie on September 10, 2007, 07:40:55 AM
Otay...

They've improved things. Imageready didn't ship with CS3... Any other ideas?

Title: Re: Stupid web graphics question
Post by: Harold Tuttle on September 10, 2007, 07:46:42 AM
imageready was part of CS2...

http://www.adobeforums.com/cgi-bin/webx/.3bc3b464


http://practicalmadness.com/2007/04/elegie_for_imag
But ImageReadys slicing interface was always way better than Photoshops. While I try to avoid using tables for structure in my web pages these days, Ive often found it useful to use slices when creating sets of similar images, like a set of icons or textual navs that needed a rollover. In ImageReady I would go ahead and create my rollover states, use the now-extinct Slices palette to quickly establish a logical naming scheme for the files, then export the images without the code. The best thing about this approach was that all of my rollover states and metadata could be saved in the PSD file, so I could come back and re-create one or all of my rollovers later on if I needed to.

Photoshop does have slicing, yes, as does Fireworks. But I dont care for Fireworkss inspector-heavy interface (just as I dont like dealing with Flash if I dont have to), and doing something as simple as renaming a slice in Photoshop requires a right-click and some quality time with a modal dialog. As for multiple image states (i.e., rollovers), forget it. The powers that be at Adobe have apparently decided we simply dont need them in Photoshop anymore, maybe not even considering that people might have been using that feature for something other than making a chintzy JavaScript nav bar.
Title: Re: Stupid web graphics question
Post by: Bogie on September 10, 2007, 10:28:25 AM
How's this?

www.pixtiva.com
 
Just have to figure out how to get the thing centered and the background dark to gradient...

Oh, and this was in the HTML...
 
<!-- End ImageReady Slices -->
 
Title: Re: Stupid web graphics question
Post by: Bogie on September 10, 2007, 10:30:30 AM
Well, it was working a minute ago...
 
"Hi, my name is Bogie, and I can't type to save my life..."
Title: Re: Stupid web graphics question
Post by: Brad Johnson on September 10, 2007, 10:45:11 AM

Quote
One of my new sites is going to be a bit more graphic

Oh?  Going over to the seedier side of society, are we?   grin

Brad
Title: Re: Stupid web graphics question
Post by: Bogie on September 10, 2007, 11:10:30 AM
Brad, tell ya what... Who's your buddy? Next time you need big printed banners for an open house, magnets for the side of a car, coro signs, something like that, who can print 'em, and send 'em to you, more than likely faster and cheaper than the guys you have locally? Do you REALLY wanna make snide comments about that person's night job as a chippendale dancer?
 
Title: Re: Stupid web graphics question
Post by: Brad Johnson on September 10, 2007, 11:16:04 AM

Quote
Do you REALLY wanna make snide comments about that person's night job as a chippendale dancer?

Oh, the temptation...

 grin

Brad
Title: Re: Stupid web graphics question
Post by: Monkeyleg on September 10, 2007, 12:08:47 PM
Bogie, I just create the layers in Photoshop, create layers in Dreamweaver, and just overlay the layers.

A couple of things about your site. I'm on a 21" monitor at 1024 x 768, and I have to scroll left and right to see the entire page. Also, it would help the search engines if you had plain text links at the bottom of your page, using the keywords as the anchor text. For example, <a href="lustre.html">Lustre Paper[/url].

Also, I'd suggest having Digital Photo Enlarging as the first three words in your page title. You could do Digital Photo Enlarging at its best from Pixtiva.

Just my .02.
Title: Re: Stupid web graphics question
Post by: Bogie on September 10, 2007, 12:20:59 PM
Hey, thanks! Anything to be saved from having to shake my bootay for the ravenous females...

Title: Re: Stupid web graphics question
Post by: Brad Johnson on September 10, 2007, 12:27:52 PM
Hey, thanks! Anything to be saved from having to shake my bootay for the ravenous females...

You want to be saved from that!?  Heck, I'll take your place and I work cheap...

Brad
Title: Re: Stupid web graphics question
Post by: Bogie on September 10, 2007, 01:26:30 PM
Problem is, about 30 seconds after I get on stage, they realize that it's not joke, and start looking for semi-sharp objects...

Semi-sharp RUSTY objects.

Title: Re: Stupid web graphics question
Post by: Brad Johnson on September 10, 2007, 01:41:34 PM
Semi-sharp RUSTY objects.

That's what Viagra is for.

Brad