B4Print.com

Web Development & Design => Design Applications => Topic started by: Aaron on September 01, 2009, 01:47:32 PM

Title: Interactive PDF
Post by: Aaron on September 01, 2009, 01:47:32 PM
Have you guys done something like this?

http://www.bluetoad.com/

We have a client that has requested this interactive PDF in addition to the print job. We've never had any request this on a bid before. Anyone making these and with what software?
Title: Re: Interactive PDF
Post by: Tracy on September 01, 2009, 01:58:45 PM
not sure how you would make it interactive, interesting tho.
Title: Re: Interactive PDF
Post by: G_Town on September 01, 2009, 02:01:10 PM
It just simulates page turning right?

I've seen that before on web sites.
Title: Re: Interactive PDF
Post by: Aaron on September 01, 2009, 02:03:34 PM
Well, it also has a table of contents with active links in them. And a search, share and some other functions along the top. But basically a pdf with a fancy page turner.
Title: Re: Interactive PDF
Post by: tapdn on September 01, 2009, 02:07:17 PM
We publish all our mags online like that. I create a multipage, optimized PDF with links embedded and we send it to a company (Zmag) who specializes much like the link you posted. Not sure what process they use however or what they charge.
Title: Re: Interactive PDF
Post by: gnubler on September 01, 2009, 02:25:21 PM
Our newspaper has something similar, but we don't do it here (the nerds at HQ do it).

There's another one made for Joomla websites that sells a license rather than charge per page.

http://page-flip-tools.com/Buy-Now/
Title: Re: Interactive PDF
Post by: Aaron on September 01, 2009, 03:07:50 PM
That's interesting. So it appears to not be soemthing I could just buy and do-it-yourself. Good to know. Thanks fellers.
Title: Re: Interactive PDF
Post by: gnubler on September 01, 2009, 03:10:55 PM
Quote from: Aaron on September 01, 2009, 03:07:50 PMThanks fellers.

Yes! This avatar is working as planned. Party on!
Title: Re: Interactive PDF
Post by: Aaron on September 01, 2009, 03:16:16 PM
haha. party on...

Title: Re: Interactive PDF
Post by: David on September 01, 2009, 06:02:19 PM
The page turner do-dad is available in Indesign CS4 as a script.
Free of charge, as long as you have CS4.


just FYI
Title: Re: Interactive PDF
Post by: Joe on September 01, 2009, 06:52:44 PM
Quote from: david on September 01, 2009, 06:02:19 PMThe page turner do-dad is available in Indesign CS4 as a script.
Free of charge, as long as you have CS4.


just FYI

Linky? Or is it already included with CS4 out of the box?
Title: Re: Interactive PDF
Post by: Aaron on September 02, 2009, 06:52:36 AM
Very cool! Looks like it has to be saved as a SWF. Now I just need to figure out how to create the buttons that are along the top. I see a button tool but I've never done it before. I create the button but it doesn't show up in the Shockwave file.

It's in the Window menu, interactive then page transitions.
Title: Re: Interactive PDF
Post by: David on September 02, 2009, 11:32:45 AM
it's in the page pallet fly out menu, called "page transitions", select "choose" and down in the bottom right corner is page flip. When it does it, it saves it as a swf file.

pretty slick
Title: Re: Interactive PDF
Post by: LoganBlade on September 02, 2009, 03:30:56 PM
Like I said in the where is B4Print going. I think this is covered in a Pod cast from the Idesigner. Michael Murphy. I know put videos was but I think it was the page turning thing as well. If i find it I will tell you the episode.

https://www.yousendit.com/download/YkxMa3ZIQVN0Ni92Wmc9PQ

you send it link to Quicktime Video (09/02) expires (09/08)
Title: Re: Interactive PDF
Post by: beermonster on June 22, 2010, 09:10:05 AM
i made an interactive pdf for a digital prepress job spec sheet - works well - was a pita especially if buttons and boxes need to be tabbable

ya know - i rekon if ya do a search here somewhere you'll get info - i know folks on here helped me

the page flip aint in my acrobat then again i'm using acro 8 n 7 - prolly a 9 and onwards feature - but its all there in acrobat for you
Title: Re: Interactive PDF
Post by: Aaron on June 22, 2010, 09:15:29 AM
Thanks beer. Yeah I was able to add a lot of "interaction" right in ID (buttons, transitions, etc). I didn't even know it was there. Although I prefer I didn't know. But you gots to do whats they tell ya to do's.
Title: Re: Interactive PDF
Post by: beermonster on June 22, 2010, 09:21:01 AM
yeah man - i found the set tabbing order really cumbersome - the automatic function sucked royally, and ended up drawing buttons etc in the tabbed sequence required and this then retained the order. i did faff about with the reset tab order thing - pita silly thing really.

then formatting each one! i tried to be sneaky and copy paste but i found when the button was clicked it applied "whatever affect" to ALL the copied buttons! haaa that was fun

all in all i got reasonable results considering i'm crap :laugh: and its good enuff for our csr's and other "sundry" staff to fill in :grin:
Title: Re: Interactive PDF
Post by: Aaron on June 22, 2010, 10:19:33 AM
I'm just glad they don't sell the "bonus interactive file with your next print order!!" that often...
Title: Re: Interactive PDF
Post by: Slappy on June 22, 2010, 12:28:45 PM
Quote from: beermonster on June 22, 2010, 09:21:01 AMthen formatting each one! i tried to be sneaky and copy paste but i found when the button was clicked it applied "whatever affect" to ALL the copied buttons! haaa that was fun
You can do that, you just have to go back & rename them in the Text Field Properties under General. I did the same thing, it was moderately easier to copy-paste and then rename, if there are a ton of like-sized field areas at least.

I looked around for some kind of friendlier form creation tool, even on the Windows side there wasn't anything. Not that was either Free or Cheap. I guess if you were doing a lot of these it would be worth investing in a standalone or Plug-In.
Title: Re: Interactive PDF
Post by: Syphon on June 22, 2010, 05:19:24 PM
I have "played" with the interactive stuff in InDesign CS4 and more recently InDesign CS5. The "page flip" is strictly a flash (swf) effect. When you export to SWF, just make sure the "Include Page Curl" is clicked on. As for interactive buttons, go to Window>Interactive>Buttons and click on the flyout menu in the upper right corner, you will find a Sample Buttons menu. Great if you don't want to create buttons from scratch. If you planning to get into interactive publications, the new InDesign CS5 adds a few new interactive features including animation without coding. But to get into serious interactive publications, you definitely will need to get into Adobe Flash Pro and Dreamweaver, in other words, you need to know coding.

BTW, for inspiration, check out the WIRED magazine on the iPad video. It was first laid out in InDesign CS5.
http://tv.adobe.com/watch/xd-inspire/introducing-wired-on-ipad (http://tv.adobe.com/watch/xd-inspire/introducing-wired-on-ipad)
Title: Re: Interactive PDF
Post by: David on June 23, 2010, 07:06:55 AM
Quote from: Syphon on June 22, 2010, 05:19:24 PMBut to get into serious interactive publications, you definitely will need to get into Adobe Flash Pro and Dreamweaver, in other words, you need to know coding.
I just upgraded to the CS5 suite and the new Dreamweaver is so friggen easy, it's weird.
You can build web pages just like you're working in Indesign, it does all the coding for you.
Flash on the other hand, you will need to have some creativity and a working knowledge of animation and stuff to get the ball rolling.
Title: Re: Interactive PDF
Post by: Syphon on June 23, 2010, 07:17:54 AM
Quote from: david on June 23, 2010, 07:06:55 AM
Quote from: Syphon on June 22, 2010, 05:19:24 PMBut to get into serious interactive publications, you definitely will need to get into Adobe Flash Pro and Dreamweaver, in other words, you need to know coding.
I just upgraded to the CS5 suite and the new Dreamweaver is so friggen easy, it's weird.
You can build web pages just like you're working in Indesign, it does all the coding for you.
Flash on the other hand, you will need to have some creativity and a working knowledge of animation and stuff to get the ball rolling.

Wow! Maybe I need to take a look at Dreamweaver CS5 then since I now have CS5. I love doing things that don't require knowing any coding. If you have the Design Premium CS5, take a look at Flash Catalyst, it doesn't require any coding knowledge either.
Title: Re: Interactive PDF
Post by: David on June 23, 2010, 07:30:37 AM
That's the one I got.
I've been hanging out at Lynda.com now for almost 3 months trying to get up to speed on some of the new stuff.
(after recently upgrading 3 Macs with Adobe products, I claimed the free 30 day trial at Lynda.com for three times, hence the 3 months worth of training)
WOOT!
Title: Re: Interactive PDF
Post by: youston on June 23, 2010, 08:28:30 AM
Quote from: Syphon on June 23, 2010, 07:17:54 AM
Quote from: david on June 23, 2010, 07:06:55 AM
Quote from: Syphon on June 22, 2010, 05:19:24 PMBut to get into serious interactive publications, you definitely will need to get into Adobe Flash Pro and Dreamweaver, in other words, you need to know coding.
I just upgraded to the CS5 suite and the new Dreamweaver is so friggen easy, it's weird.
You can build web pages just like you're working in Indesign, it does all the coding for you.
Flash on the other hand, you will need to have some creativity and a working knowledge of animation and stuff to get the ball rolling.

Wow! Maybe I need to take a look at Dreamweaver CS5 then since I now have CS5. I love doing things that don't require knowing any coding. If you have the Design Premium CS5, take a look at Flash Catalyst, it doesn't require any coding knowledge either.

We do a lot of Dreamweaver work here ... don't think you'll be able to design any but the most simple website in DW. 100% of the PURL jobs we do involve doing a lot of the work in Dreamweaver, and then correcting by hand the coding mistakes that DW makes. I don't really foresee web design ever becoming 100% coding-free.
Title: Re: Interactive PDF
Post by: gnubler on June 23, 2010, 09:10:36 AM
Quote from: david on June 23, 2010, 07:06:55 AMYou can build web pages just like you're working in Indesign, it does all the coding for you.

You realize there are web development purists who would twitch at that statement.

:tongue:

Nobody should be allowed to build serious websites without knowing, at the minimum, HTML & CSS.
Title: Re: Interactive PDF
Post by: David on June 23, 2010, 09:25:02 AM
yeah, I tend to agree, but you have to see it in CS5, I was amazed.

I will qualify that with, depending on what you want to achieve, there is some coding, but, it's way easier to see it and realize the results faster.
...and it has the built in browser tester for all your favorite browsers.
Title: Re: Interactive PDF
Post by: gnubler on June 23, 2010, 09:28:49 AM
SHOW ME THE CODE!

(Isn't that a movie quote or something?) :laugh:
Title: Re: Interactive PDF
Post by: David on June 23, 2010, 09:35:28 AM
show you mine if you show me yours...


not sure if that's a movie quote, but it should be


 :laugh:
Title: Re: Interactive PDF
Post by: gnubler on June 23, 2010, 09:45:48 AM
Quote from: david on June 23, 2010, 09:35:28 AMshow you mine if you show me yours...

I'm sorry, that's classified.

Get yer own code!
Title: Re: Interactive PDF
Post by: youston on June 23, 2010, 09:57:51 AM
Quote from: gnubler on June 23, 2010, 09:28:49 AMSHOW ME THE CODE!


String.noLC = new Object
  ({the:1, a:1, an:1, and:1, or:1, but:1, aboard:1,
    about:1, above:1, across:1, after:1, against:1,
    along:1, amid:1, among:1, around:1, as:1, at:1,
    before:1, behind:1, below:1, beneath:1, beside:1,
    besides:1, between:1, beyond:1, but:1, by:1, 'for':1,
    from:1, 'in':1, inside:1, into:1, like:1, minus:1,
    near:1, of:1, off:1, on:1, onto:1, opposite:1,
    outside:1, over:1, past:1, per:1, plus:1,
    regarding:1, since:1, than:1, through:1, to:1,
    toward:1, towards:1, under:1, underneath:1, unlike:1,
    until:1, up:1, upon:1, versus:1, via:1, 'with':1,
    within:1, without:1});
String.prototype.titleCase = function () {
  var parts = this.split(' ');
  if ( parts.length == 0 ) return '';
  var fixed = new Array();
  for ( var i in parts ) {
    var fix = '';
    if ( String.noLC[parts] )
    {
      fix = parts.toLowerCase();
    }
    else if ( parts.match(/^([A-Z]\.)+$/i) )
    { // will mess up "i.e." and like
      fix = parts.toUpperCase();
    }
    else if ( parts.match(/^[^aeiouy]+$/i) )
    { // voweless words are almost always acronyms
      fix = parts.toUpperCase();
    }
    else
    {
      fix = parts.substr(0,1).toUpperCase() +
                 parts.substr(1,parts.length);
    }
    fixed.push(fix);
  }
  fixed[0] = fixed[0].substr(0,1).toUpperCase() +
                 fixed[0].substr(1,fixed[0].length);
  return fixed.join(' ');
}
Title: Re: Interactive PDF
Post by: David on June 23, 2010, 10:27:06 AM
noticed there is no unicorn in there...

 :huh:
Title: Re: Interactive PDF
Post by: youston on June 23, 2010, 10:29:17 AM
Quote from: david on June 23, 2010, 10:27:06 AMnoticed there is no unicorn in there...

 :huh:

You just haven't compiled it yet.  :wink:
Title: Re: Interactive PDF
Post by: David on June 23, 2010, 10:48:01 AM
oh shit, I'm new at this, I always forget about compiling...

need to go back to lynda.com and re-view that video.