Exporting graphic from InDesign for Web

Hi Everyone,
My goal is to create some large buttons for the web. I probably should have done this in another program, but since I'm a beginner to Adobe and still learning, I drew them in InDesign, the program I'm most educated on. I created an embossed box with rounded corners and added on some product photos and text.
I copied and pasted the boxes onto a transparent background in Photoshop, the exported them for Web as PNGs. They came out very pixelated. What am I doing wrong?
Thanks for any help!

Copying just takes a scrap of the actual data from InDesign to Photoshop in your workflow. Hence you're getting pixelated output. The best way is to work in Photoshop use Pen tool to make curve corners and then place Photos and add text layers.

Similar Messages

Exporting text from InDesign for web use

I am creating graphics in InDesign CS3 on a Mac running OSX. The graphics consist of a box containing explanatory. I do not have the option of doing the text part in another program - the "boss" wants the layout done in InDesign so I would have to do this twice if I use Illustrator or Photoshop (and I'm not sure how to put a lot of text in a box into Photoshop).
When I exported as a jpg using different resolution settings, put the graphic into Dreamweaver, and then put it onto the web, the text was fuzzy. I can't use the Cross Media Export because this needs to go onto the web as a graphic rather than as text. I can't export to a pdf because the person designing the website is insistent that this be a picture.
I'm not sure all the information needed to answer this is included - please let me know if more information is needed. Any help would be appreciated.
Thank you.

Jeffrey,
Thank you for your answer. I'm not quite sure what you mean by rasterize in Photoshop. I tried what I thought you meant and the screen and print quality both were worse than simply exporting the InDesign document as a jpg (and that quality is not good enough).
Here is what I did:
I exported the InDesign document as a pdf using Press Quality Print and all of the other settings as defaults. When I opened the pdf in Photoshop, anti-aliasing was checked. I used 300 dpi, RGB, and 8 bit - the defaults. I went into Save as for Web, jpg, and used all of the default settings except that I made the document smaller as it was way too large for the web. I did the same thing for gif - opened the pdf in Photoshop, anti-aliased was checked by default, went into Save as for Web, and kept all of the same settings except to decrease the size of the image.
I'm sure there is something I'm just not understanding, and I hope with this explanation you will be able to have an "ah-ha" moment and point me in the right direction.
Thanks,
Marcy

Exporting SWF from InDesign for presentation

I've exported a swf file for a presentation that uses .flv files. When I open the file in flash it works fine unless I put it in full screen mode. Doing this makes the videos huge/zoomed in. I need to get this done for Monday and I can't work out what I've done wrong. Only a few of the slides have a video on. The others with just a static image work perfectly fine.
Thanks for you help in advance

That´s unfortunate indesign "feature" which is quite hard to work-around.
Check this FAQ, Bugs&Fixes section / FullScreen view does not work properly if videos have been used:
http://www.edocker.fi/index.php/en/support/frequently-asked-questions/
It´s made for eDocker users but I think you may use it also without eDocker, with SWF files exported from InDesign

Custom Metadata panel to show linked graphics from InDesign files?

Hello all,
I'm looking to create a custom Metadata panel to show linked graphics from InDesign files. I'm not even sure if this is possible. Can someone please point me in the right direction? I figure if you can see the fonts used in an InDesign file, you should probably be able to pull the links, right?
Thanks for any and all help!

Have you tried trashing the prefs? See Replace Your Preferences
And of course it's essential that the links be up to date.

Exporting JPEGs from InDesign CS4

I've exported jpegs from InDesign CS4 for years and each time I get an Export JPEG dialog box that gives me the option to adjust the resolution. Suddenly, when I export to JPEG, I get no dialog box and it automatically creates a JPEG at 300 dpi. I've looked everywhere in Preferences to see if I inadvertently changed settings, but I find nothing. Help?

Try this forums.adobe.com/thread/526990

Export PDF from InDesign Book

Hi, I have a customer that has huge problems to export PDFs from InDesign Books. He has books with many documents with a total amount of 500-700 pages, when he try to export a PDF InDesign quit unexpectedly. I wrote a script for him that export the PDF from the book without the progress bar, and sometimes it solves the problem but sometimes not, and I have a "out of memory" message. He must export multiple PDF from the same book and then merge those PDF with Acrobat but he has also interactivity sometimes and it's a nightmare to merge PDFs with interactive objects and bookmarks. Someone of you have experienced the same problem (and maybe has a solution)? Thank you

It seems that InDesign saturate the available RAM during the operation of gathering information before start to export, if I restart InDesign each time and export a selection of documents it works. I'm exporting now two separate PDF and it seems to work, but again only if I close and restart InDesign before exporting, I'm working on an iMac with an Intel 2.93 GHz i7 and a total of 8 GB RAM.

Exporting Table from Indesign to tagged text.

Hi, all! I need to export table from InDesign to tagged text by the script. I found ExportAllStories.jsx in samples. It's good example but I have some questions 1. In my document more then one table and I need to export only some of them. So, how can I export only one of them? May be Tables have some "labels" or something other differential sign? 2. How can I ser encoding type of distanation file (by the default InDesing set <ASCII-WIN>, but I'm need to set <Unicode>).

Edit>InCopy>Export All Strories.
Open the INDD in InCopy.
This assumes everyone involved has access to the files.

Font issue in exported PDF from indesign

Font issue in exported PDF from indesign:
In Indesign file we have kept a sentence in “Univers LT Std” (San serif font) with all caps style that was orginally in lower case. Refer below
When we selected the sentence in exported PDF some of the characters are not selected. Refer below.
If we enable “create tagged PDF“ in export PDF setting, then the problem is solved. Refer below.
Can you please check why this problem happened? In another project also we have faced this same problem but different font “Frutiger LT Std” with all caps style. Here also same San serif font. Please check and advise to solve this issue permanently.

Without tags a PDF is a silly amount of letters, images and lines, with tags all itams a kept in their semantic context. So work with tags as it is the only way to get correct selections and export to other file types like Word DOCX.
Without tags InDesign reads from left to right from top to bottom and the font geometry might influence the correct order of letters.
Why should anyone work without tags today? If you open a tagged PDF in Acrobat DC it is much faster than without tags.

Size & Quality - Exporting Pix from iPhoto for Display and Printing?

I would like to export pictures from iPhoto for use in PowerPoint.
If the pictures are in 4x3 format, exporting them using the "Custom" size option and specifying 1024 as the maximum pixels results in nice 1024 x 768 photos that fill the screen on most projectors. This is good.
The exported photos are also at 72 pixels/inch. This is OK for onscreen display, but not so good for printing.
Oddly, the results are the SAME (1024 x 768, 72 pixels/inch) whether one specifies Low, Med, High or Max quality in the iPhoto export panel -- though the file sizes ARE different (higher quality = larger sizes). (I used Photoshop Elements to identify the sizes of the exported photos).
What gives? I would have thought higher quality files would have been associated with higher resolution (more pixels/inch) but this doesn't seem to be the case, and I don't understand why the file sizes are larger.
Can someone recommend a way to export a batch of photos from iPhoto at a specific size (1024 x 768) and perhaps 300 pixels/inch) that I might use in PowerPoint for both display and printing? And perhaps explain the bloated file sizes with no apparent quality increase?
Many thanks!

Luxesto
Welcome to the Apple user to user assistance forums
If the pictures are in 4x3 format, exporting them using the "Custom" size option and specifying 1024 as the maximum pixels results in nice 1024 x 768 photos that fill the screen on most projectors. This is good.
The exported photos are also at 72 pixels/inch. This is OK for onscreen display, but not so good for printing.
DPI is meaningless for a digital photo until you display it - Dots Per Inch are just a meaningless number - the displayed DPI is the size of the photo in dots (pixels) divided by the inches of the display measures in inches - the DPI setting in the photo means nothing - see The Myth of DPI for a longer discussion on this.
Oddly, the results are the SAME (1024 x 768, 72 pixels/inch) whether one specifies Low, Med, High or Max quality in the iPhoto export panel -- though the file sizes ARE different (higher quality = larger sizes). (I used Photoshop Elements to identify the sizes of the exported photos).
What's odd? you said export with the largest dimension 1024 - that occurred just as you specified - what would be odd would be that the export were different form your specification
What gives? I would have thought higher quality files would have been associated with higher resolution (more pixels/inch) but this doesn't seem to be the case, and I don't understand why the file sizes are larger.
Higher quality means less compression (and therefore larger file size) - it does not mean a difference in compression - JPEGs have a compression from 1 to 12 available - iPhoto does 4 steps - small, medium, large and highest. I've not see the compression documented but I think of it as like 3, 6, 9 and 12
Can someone recommend a way to export a batch of photos from iPhoto at a specific size (1024 x 768) and perhaps 300 pixels/inch) that I might use in PowerPoint for both display and printing? And perhaps explain the bloated file sizes with no apparent quality increase?
Forget the DPI - just be sure the pixel sizes are correct - for printing you should have at least 150 dpi and 300 dpi is better - so at 150 DPI printing your 1024x768 photo can be printed at 6.8" x 5.12 " -- at 300 dpi it would only 3.4" x 2.55"
LN

PDFs from InDesign for print then web?

The workflow is supposed to be: we simply take the PDF files which were created from InDesign and then sent to our printer, and give them to our web service company who has our online edition finished by morning. But we're upgrading our photo processing for the print edition, which results in overly bright photos for printing on newsprint. With a 48 page tiny-town newspaper, it would be a major problem to replace all of the photos in the layout with specially processed ones for web. But we need to have PDFs for our web service company that contain, richer, higher contrast photos for web.
Is there some trick other than manually processing new photos for every page and manually re-linking each one on every page? Maybe CS4 has some feature that makes this easy, i.e., automated web version of an InDesign layout, i.e., links to an alternate folder of photos just for a web version?
CS2 / Mac OS 10.4.11 / various Mac hardware

RGB-workflow is just a way to do things... You can do it in at least CS2, CS3 and CS4 softwares, propably with earlier versions too. It basically means that you adjust your images in some wide RGB gamut, like AdobeRGB, then save them without making CMYK conversion and place them to indesign layout as RGB images. When you export your PDF, you make that RGB-CMYK conversion to all images at once.
Normally people can use same adjustments for both web- and print images. When image is adjusted well, icc-profile that will be used for RGB-CMYK converion will take care of fine tuning like compensating midtones and Total Ink Limits...
In InDesign CS4 you can use Photoshop PSD images with adjustment layers. If you really have to make some adjustment that would be nice to get rid off in indesign, you may toggle visibility of those adjustment layers in InDesigns Object Layer Options tool.
I still suggest that you try to fix your workflow so that you don´t have to make any extra adjustments to images for printing after you have once placed them to indesign layout. It should be possible, millions of publishers do that every day...

Exporting a PDF X:3 from indesign for Blurb

Ok, I can't seem to get around this problem at all and I'm really getting frustrated. I have an indesign file that I want to export to a PDF X:3 file for blurb. From indesign I click on file>adobe pdf presents> blurb template. Then it asks me to name it, I do, then I click 'save' and the next box comes up with the 'export' button at the bottom. When I click 'export' the box goes away but then nothing at all happens- no status/ progress bar, no other messages, nothing. Then when I click on the PDF file on the desktop (or wherever I saved it) nothing opens, and the file size is listed as 0 bytes, so clearly it is not exporting.
Can someone please tell me what step I am missing to correctly export a PDF X:3 file? Like I said, I'm completely at a loss on this one. Thanks!

It's helpful to check the box to open the PDF when export is complete so you know it's finished. The progress bar, as Manish mentioned, is in the Background tasks panel on CS5 and later, but there is also a little scrolling horizontal lines icon that appears in the menu bar when a background task is working.

How do I USE the slices I generate in Illustrator from "Save for Web"?

I am having trouble understanding slices. I want to save a raster graphic from Illustrator that takes advantage of "slices" to put hyperlinks to certain labels. I am working on a map with about 20 links to a website describing recreation sites shown on the map.
I am able to do this by bringing my map as a graphic into InDesign, and setting up links to text or picture boxes there. I can export an interactive PDF of the map, and the PDF has live links.
but the client's web host can't post the PDF with active links. (client would have to link from a static image to a copy of the PDF on a separate website). We may do this as an interim measure.
So I'd like to go back and figure out how to use slices in Illustrator to do the same thing. I've seen web pages that have a series of sliced-up graphics; I wouldn't wish that on anyone but it's the solution I want to get to.
Illustrator tutorials and help describe how to set up slices, how to type in links in the "slice options" dialogue box (in objects/slices... pulldown menu). And describe how to "save for web" to generate JPEGs or GIFs of the individual slices.
My available options in AI CC 2014 (I checked in CS6 too) are to save the slices as images. (Helpful articles which say to save as HTML and Images...aren't helpful if I don't have that option).
I get a folder called images, that contains about 74 sliced JPEGs of various sizes and shapes. I don't see, nor see an option where I can ask to make...a file that pulls all these together into a single image, with clickable links. There's no HTML file (or way to create one that I can see).
What am I missing? What application would I use to toss this folder's contents together. Or how would I create the HTML or envelope file within Illustrator?
I have entered URLs for links in three or four different places but haven't found a way to export them in such a way that they are actually useful.
Thanks for your help.
Ben PEase

Thanks, I am a print guy, mostly. I've almost figured out CSS for my did-it-myself website, so buttons, actions, slices, etc. are new angles for me. I am hip to the general concept that Adobe likes certain applications to do certain things. It was certainly easier to set up links from InDesign.
In what application would you suggest I DO foolishly create my interactions (raster graphic with multiple links? Does it work any better in Photoshop? The client's web host does the web design (some sort of template thing) so I don't believe I have the option of drawing hot-spots like is (was?) possible in Dreamweaver.
(That may be a question for the web host).
One of the problems with "discontinuing this functionality" is there are about half a dozen how-to guides online that suggest it is still possible to kluge a solution in AI (sometimes in older versions) and it's hard to tell well-executed funtionality from abandoned functionality since Adobe hides instructions in multiple, random dialogue boxes, and left so many of the pieces strewn about the current versions of AI.... How would we really know? But I am not all that surprised they did.

Why exporting eps from InDesign isn't working?

I'm trying to export a brochure cover from InDesign as an eps to open in PhotoShop (to create web image). The eps won't open in PhotoShop. I've also tried exporting the cover page as a jpeg. This will not open in PhotoShop either. The message says it's not the right kind of document. My InDesign updates are current and I've rebooted to see if that would help. Any ideas?

I believe I have the problem solved (thanks to forums!). I had a couple of
images that needed to be relinked within the brochure. Once that was done,
the brochure cover exported just fine. In PhotoShop I just clicked open >
.eps file and it did it's thing.
THANKS SO MUCH for trying to help me out!
Robin Maxon
Maxon Graphics
982-4050

Exporting files from InDesign to correct size

Hi,
Hope someone can help. I create multiple ads for many publications and have joboptions set up for each. Brill, saves loads of time!
However, some require the ad to be cropped to bleed size but still include crop marks. How can I export a PDF to the correct size (trimmed to the bleed size with crop marks but without the white space you always get?!). For instance, can you specify the length of the crop marks to make them shorter or just specify the correct trimmed size without the white space?
At the moment I have to specify a bleed of 10mm when exporting from InDesign and then crop 7mm off all round to leave 3mm of bleed in Acrobat with the crop marks (albeit small) remaining on the document.
The ads are delivered via adsend so if they don't pass the specs, they are automatically rejected (gone are the days when someone REAL checked them over – sigh!)
Please, please, has anyone got a solution?!!
I'm using CS5 and Acrobat 9 Pro.
Oh, and I can't seem to print a postscript file or PDF anymore since we got a new crappy printer!

You cannot export from Pages to ID, though you could export to RTF and use File > Place... to import the thext, but you'd need to rebuild the layout.
Placed PDF is essentially a graphic, so your pixelation may just be the default preview quality. Try View > Display Performance > High Quality Display (and you can set this as the default in the prefs). Keep in mind, though, that the imported PDF is not editable in ID.

Fireworks or Indesign for web page layout?

Hi, I've currently ordered CS3 Web Premium and it won't ship
until tomarrow, and I don't know whether I should cancel it and get
the Design Premium instead.
It all depends on whether Fireworks is a must have for web
page design. Does it offer anything invaluable that I need that
Photoshop Cs3 won't already fill? I saw the tour for InDesign and
was impressed how you can create amazing page layouts and how you
can export them to XHTML.
I probably won't be using Adobe Contribute as I prefer making
my own WYSIWYG editor in asp.net for my webpages, because I don't
want to buy a new license of Contribute for every web page I make
for a different client, so the choice of whether I should leave Web
Premium and get Design Premium rest on whether Fireworks is more
useful for webpage design and whether creating web page layouts
with InDesign is worth paying the extra money for (I don't mind
using it to create computer software manuals as well).
I appreciate any input on this matter. :)

Excellent clarifications, DWD.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver
Deaf Web Designer wrote:
> Hi TheStrangerSome,
>
> If I may chime in and add to Jim Babbage's advice or
suggestion.
>
> Please note that there is no such a thing as "WYSIWYG"
editor. It is more
> accurate of putting "HTML" as HTML editing app.
> In addition to this aspect of discussion about web
authoring app issue, it
> should be addressed in either general discussion forums
either at Dreamweaver
> or Contribute for that matter.
>
> As for "changing the order" from Web Premium to Design
Premium, it is BEST if
> you talk to Adobe customer service department
immediately. Though, I believe
> that their business hours are based on Pacific Standard
Time Monday through
> Friday. Please refer to Contact as appeared on top of
Adobe systemwide website,
> including this forum. If you roll your browser up to the
top of webpage, you'll
> notice the term "Contact". use that link for further
details.
>
> I think you might be mistaken for term "layout" used in
InDesign or Fireworks.
> Please note that InDesign is specifically designed for
high-end
> professional-quality print layout such as magazine
articles, newspapers and PDF
> documentations (export as PDF format) straight out of
InDesign application.
> That might confuse you or led you into thinking that
InDesign is ideally a
> layout design for web. Actually, it is not.
>
> Perhaps that you stick to the fundamentals of Fireworks
or Photoshop and use
> them as layout structure and then transfer them into
Dreamweaver CS3. Please
> try to keep this as simple as much as you can when you
produce a layout design
> in Fireworks (or Photoshop). If you are good at HTML and
CSS editing, then all
> you have to do is put in image files into Dreamweaver
and code away by linking
> or referencing image files to HTML.
>
> By the sound of your a bit of confusion or don't
understand the primary
> difference between Fireworks, Photoshop or InDesign, you
ought to keep it
> simple and take it easy. Becuase you will probably feel
overwhelemed with all
> of these powerful applications and not knowing the
primary functionality or the
> main purposes of these applications and what they are
for, etc.
>
> So, hopefully this helps you better understand and try
to figure this out
> yourself, because you know what's the best for you.
>
> Hope that helps, no?
>
>
> P.S. Please note that Adobe forums are based on
"volunteer-basis", which means
> it is not monitored or run by full-time Adobe staff or
team from Adobe.
> Although, there are times, that some people from Adobe
chime in and offer some
> tips or suggestion or pointers. In other words, there
are thousand of forum
> participants, like you, helping each other. Hopefully
that helps, too.
>
>
quote:
Originally posted by:
TheStrangerSome
> Hi, I've currently ordered CS3 Web Premium and it won't
ship until tomarrow,
> and I don't know whether I should cancel it and get the
Design Premium instead.
>
> It all depends on whether Fireworks is a must have for
web page design. Does
> it offer anything invaluable that I need that Photoshop
Cs3 won't already fill?
> I saw the tour for InDesign and was impressed how you
can create amazing page
> layouts and how you can export them to XHTML.
>
> I probably won't be using Adobe Contribute as I prefer
making my own WYSIWYG
> editor in asp.net for my webpages, because I don't want
to buy a new license of
> Contribute for every web page I make for a different
client, so the choice of
> whether I should leave Web Premium and get Design
Premium rest on whether
> Fireworks is more useful for webpage design and whether
creating web page
> layouts with InDesign is worth paying the extra money
for (I don't mind using
> it to create computer software manuals as well).
>
> I appreciate any input on this matter. :)
>
>
>
Excellent clarifications, DWD.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver

Exporting graphic from InDesign for Web

Similar Messages

Maybe you are looking for