PDA

View Full Version : Indesign page layout



Pixel_Donkey
04-16-2007, 05:30 AM
Hello,

Can anyone please help me, I am trying to setup a page in indesign in pixels as I need to do some artwork for a website. I can't seem to find a way to do the page in pixels. Can anyone help me or point me in the right direction?

Thanks!

MacHeadCase
04-16-2007, 07:07 AM
Can't seem to do it and in the prefs, you can't choose pixels either as a measure unit (oh no the unit word!... *inside joke*). My guess is you would need to convert it in some kind of way. This would be very easy to do.

You could start in Photoshop, do your drawing there then send it to InDesign. You can surely calculate the size of the drawing and the space the type is going to take if it exceeds the drawing borders. It makes sense it doesn't accept pixels as units as it is based on layout and type.

Quark doesn't either.

Pixel_Donkey
04-16-2007, 09:29 AM
The only way I have found to do it so far is to paste in a background from Photoshop into indesign and use that for the size. Its strange how indesign can't cope with pixels in this modern time.

PunkRockTuba
04-16-2007, 10:36 AM
Alright I think I figured it out, you have to change a preference, but you can easily change it back:

In inDesign, click on InDesign and go to Preferences > Units & Increments.

Then under Ruler Units change the Horizontal and Vertical from inches to points. Points are the same as pixels as far as I know, so you should be fine. Just remember to change it back to inches when you aren't working for the web.

MacHeadCase
04-16-2007, 11:09 AM
Sorry but no, pixels aren't the same as points. There are 72 points (or 6 picas) in an inch. You can have an image at 300 pixels per inch, 150 pixels an inch. Etc. This is based on resolution while picas and points are fixed sizes and units.

PunkRockTuba
04-16-2007, 11:20 AM
We are talking about web, and computer screens only render at 72 dpi. So at 72 dpi does 1 pixel = 1 inch?

Brown Study
04-16-2007, 12:38 PM
So at 72 dpi does 1 pixel = 1 inch?Maybe, but it would only be by coincidence. From the linked site:
The image DISPLAYS based on the number of pixels (http://archives.hwg.org/hwg-graphics/199902011638.JAA02640@hwg.org), not dpi.

surfwax95
04-16-2007, 12:41 PM
I would recommend simply doing the work in Photoshop.

MacHeadCase
04-16-2007, 12:47 PM
InDesign for webpages? First of all I hadn't seen that in the OP's first post. And like Surf says, there are more suited apps for this.

And even if you do put your doc in InDesign at 72 ppi, what are you going to do with the PeeCee that sees at 92 ppi?

surfwax95
04-16-2007, 01:52 PM
InDesign = Print

Print does not involve pixels at all, which is why it's not an option.

Photoshop = Web and Screen graphics

The whole premise of Photoshop is pixel manipulation.

munna
04-16-2007, 02:26 PM
I would advise not using InDesign for webpage layouts. Instead i recomend using Illustrator seeing as it is better type-based than Photoshop and works in pixels. You can always place your banners from Photoshop to Illustrator.

Alexis
04-16-2007, 05:06 PM
There's no problem with using InDesign for web. Export as EPS and then import into Photoshop at 300dpi. Then resize to 72dpi and slice it up.

Pixel_Donkey
04-17-2007, 04:59 AM
I get the feeling that people are telling me not to use indesign. I know I can use something else, I have for years. Its strange how Freehand can support pixels and indesign can't. I just want the option, or a work around doing it inside Indesign.

In Freehand 10 pixels = 10 points
In Freehand 50 pixels = 50 points
In Freehand 100 pixels = 100 points

In Indesign 10 pixels (pasted from PS 72dpi) = 10 points
In Indesign 50 pixels (pasted from PS 72dpi) = 50 points
In Indesign 100 pixels (pasted from PS 72dpi) = 100 points

In Indesign 10 pixels (pasted from PS 300dpi) = 2 points
In Indesign 50 pixels (pasted from PS 300dpi) = 12 points
In Indesign 100 pixels (pasted from PS 300dpi) = 24 points

In Indesign 10 pixels (pasted from PS 400dpi) = 1 points
In Indesign 50 pixels (pasted from PS 400dpi) = 9 points
In Indesign 100 pixels (pasted from PS 400dpi) = 18 points

dtownley1
04-17-2007, 08:08 AM
I wouldn't recommend using inDesign for web graphics. As others have pointed out, it's not really suited. Though, this may change with CS3 - I checked out the Adobe site the other day, and the demo movies of CS3 inDesign are looking brilliant. I don't remember too clearly, but I think (I think) you can set pixels there, and maybe also export to Dreamweaver and Flash. I think that was inDesign...

In the meantime, I'd recommend using Illustrator as well, and exporting to photoshop. Illustrator has a handy pixel preview function, so you can retain all your vector work (if any, but there probably will be) and preview it pretty accurately before exporting. This way you can throw shapes about without caring about res, really focus on a nice layout, and always get a nice preview. Then, when you're ready, hand it over to photoshop to tidy it up, and slice it if need be.

So, I don't think inDesign is fully capable of web design just yet, but CS3 may change that. For now, I think illustrator and photoshop do a nice job - at least they have for me. There's also flash, but that's a whole different ball game.

On a side note, I think you can input the dimensions as pixels, but it would convert them to millimeters or your set measurement. I do this all the time in illustrator when I'm making icons or banners. Throw in the pixel dimensions you want, it converts them to millimeters, but the dimensions are still the same. This may also work in inDesign. You'll get the document size right, but you can probably forget about guides :P Hope that's of some help anyway.

Pixel_Donkey
04-17-2007, 09:22 AM
Thanks Dan,

I really need to look into CS3, I don't think the trials are online yet.

I am just looking at the Tour now.

CreativeGuy
04-18-2007, 12:14 AM
Its strange how Freehand can support pixels and indesign can't. I just want the option, or a work around doing it inside Indesign.You're comparing Apples to Oranges. Freehand is an illustration & web-based application, InDesign is a page layout/design for PRINT-based application.

If you want something similar to Freehand, you need to look at Adobe Illustrator, not InDesign. Illustrator will allow you to do pretty much everything Freehand did.