Fireworks CS4 Exporting to PDF

Keeping the client involved with the design process is very important. Jim Babbage discusses using Fireworks CS4 to export designs to interactive PDFs that can be shared with the client.

This video requires Adobe Flash Player.

Visitor Comments »

 

thank you,
good

 

Comment by hani | December 21, 2008 @ 5:34 pm

 

Thank you, very useful tutorial, much better and clear than the Adobe.

 

Comment by roberto casti | January 27, 2009 @ 7:22 am

 

Thank you both! :-)

 

Comment by Jim Babbage | January 27, 2009 @ 11:50 am

 

Thank you very much! not only i have learned about how to export file into PDF doc, i’ve also learned some other cool tricks!

 

Comment by Jeff L. | February 18, 2009 @ 7:31 pm

 

Fantastic tutorial, Jim.

I have a question for you, and apologize in advance if it’s a bit noobish.

If you were building a site which would have a top navigation menu with links hidden in drop-down panels, how would you go about demoing that for a client?

I guess I’m really asking several questions here:

1) Could you build such a menu in Fireworks at all?
2) If not, would you have to do it in Dreamweaver?
3) If so, what kind of prototype would permit the client to see it? Can it be demoed in an acrobat file? HTML+images? CSS+images? What if the menu isn’t CSS-only, but uses some javascript?

Sorry if these are dumb or inappropriate questions…thanks again for providing these resources.

 

Comment by Tom | February 23, 2009 @ 3:54 pm

 

@Tom: Thanks very much, Tom. Not sure if you’ve found your answers yet, but here are my suggestions:

1)You can’t do truly interactive drop down menus in an interactive PDF. You could create a separate page which has the expanded menu displayed. Not ideal, but this is really only for mock up purposes anyway.
2 & 3)While you can create pop up menus in Fireworks, they’re a little buggy, so I’d recommend doing this kind of thing using Dreamweaver. If I do build them in FW, I export as HTML and Images for the prototype. Note: I only do so for prototyping purposes, never for final production work.

They are not dumb questions. :-)

 

Comment by Jim Babbage | August 31, 2009 @ 8:01 pm

 

That’d be great, but I don’t get a pdf option when I save as.

 

Comment by Gahh | October 2, 2009 @ 7:43 am

 

@Gahh: You get that option when you choose File > Export. No where in the video does it say to choose File > Save As to create the PDF.

HTH

 

Comment by Jim Babbage | October 19, 2009 @ 6:28 pm

 

hi Jim,

thanks for posting the tutorial. I’ve been trying to do an interactive pdf in fireworks as well. However, in my export pdf, it seems that my hotspot (clickable already) will always has a black outline. Looking though google and adobe help. I don’t know how to turn it off.

If i convert to html files. that outline will not show up.

I was wondering if you know how to solve this problem

 

Comment by sophie | November 9, 2009 @ 5:26 pm

 

Thanks for the video

Does anyone know if there is there anyway to make stop the exported pdf from resizing every time a new page is clicked on?

It’s super annoying

 

Comment by Mike | November 22, 2009 @ 7:47 am

 

Dear Mr.Babbage, Jim
Hi, I recently started my production lines on FW CS4 and the designs look great, but…I have about 25 pages that needs to be posted as css and as main and sub on the web, when I export it in CSS none works ok. What am I doing wrong? I have followed every single video tut, and just when I open up in DW, or EW 2 the whole thnig looks like a flee market on the flight…..:) all navs are gone black and pages and picture within pages don’t even show, and when clicked on the explorer or firefox, can not show that page. the info bar on top keeps on saying 98 % non connected pages….but I did connect them…I know I am doing something wrong, what is it? is it the number of pages ( I could think this) but…
would you please respond to me through my e-mail also so I understand this better. Thank you beforehand.
Falkon

 

Comment by Falkon | November 30, 2009 @ 3:23 am

 

@Mike:

There’s nothing you can do in Fireworks to change this. I’m no Acrobat guru, but check out the Acrobat preferences and try setting the Zoom preference to a specific value rather than Automatic. Hopefully that helps.

@Sophie:
In Acrobat, try right-clicking on the hot area and selecting Properties. Change the Link Type to Invisible Rectangle.

@Falkon:
I replied to you off list, but as a summary, it sounds to me like you’re far exceeding the limits of the Fireworks CSS export engine.

 

Comment by Jim Babbage | February 15, 2010 @ 6:16 pm

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine