| 00:00 | To create our gallery, we're
going to move over to Adobe Bridge.
|
| 00:03 | You can follow along with
the Adobe Bridge CS4 or later.
|
| 00:06 | So the first thing we're going to do
inside of Bridge is come up to the Window
|
| 00:08 | menu, come down to Workspace, and
activate the workspace called Output.
|
| 00:12 | That's going to bring up the Output
panel in the upper right-hand area,
|
| 00:16 | and it's also going to give us a Folder
and Favorites view on the left-hand side.
|
| 00:20 | So, over here in the left-hand
side, let's go up to Desktop.
|
| 00:23 | Let's open our Exercise Files, and we
basically want to locate the Photos directory.
|
| 00:28 | So, you can use the Photos directory
with the Exercise Files or again, you
|
| 00:31 | can use your own set of photos or any
folder that contain files that Bridge supports.
|
| 00:36 | Now with the Photos folder selected,
I can see the Content panel down here.
|
| 00:39 | Clicking on any individual item will then
show me a larger view inside of the Preview pane.
|
| 00:44 | So with any one of these photos selected,
let's come up t the Edit menu and come
|
| 00:48 | down and choose Select All.
|
| 00:49 | That will select all of the images in
the Content directory and then show me a
|
| 00:53 | preview of all of these in the Preview area.
|
| 00:56 | Next, we'll come over to the Output panel.
|
| 00:58 | Let's select Web Gallery.
|
| 01:00 | The first thing we want
to do is pick a template.
|
| 01:02 | Inside of this dropdown menu here are
a series of templates that are all Flash-
|
| 01:05 | based, with the exception of the HTML gallery.
|
| 01:08 | So, we can basically use any one of these
templates and embed them into a PDF file.
|
| 01:12 | The only reason we can't use the HTML
gallery is there is no way to natively
|
| 01:16 | embed HTML inside of Acrobat right now.
|
| 01:19 | So, I'm going to come up
and choose Left Filmstrip.
|
| 01:21 | This is the one we looked
at in the introduction video.
|
| 01:23 | There's also some panels under
here that allow you to customize your
|
| 01:26 | particular gallery.
|
| 01:27 | We can do things like change the titles,
we can change the colors of the
|
| 01:31 | individual text, we can even
come in and change the appearance.
|
| 01:34 | So, we'll take a look at some of
these settings in a moment. In order to see
|
| 01:37 | what we're going to though, what we're going to
come up and click on the Refresh Preview here.
|
| 01:40 | What this is going to do is Bridge
is going to take all of these settings
|
| 01:45 | and compile a Flash application and
show us the entire finished project
|
| 01:49 | inside of the Output Preview.
|
| 01:50 | So, this is interactive inside of
here. I can scroll through, click on
|
| 01:54 | individual photos, see the crossfade,
turn on and off the slideshow, and even go
|
| 01:58 | into the Full Screen or a Thumbnail view.
|
| 02:01 | So again, this is a fully interactive
version showing right inside of the Output Preview.
|
| 02:04 | Then you'll notice in the upper
left-hand corner we see things like My Gallery,
|
| 02:08 | and in the upper-right My
Photographs and Contact Name.
|
| 02:12 | If we come down to Site Info, all of
that data is coming from this particular
|
| 02:15 | panel inside of Bridge. So you can
come in here and add your name, add your
|
| 02:18 | email, put in a description.
|
| 02:21 | Under Color Palette, we can come in here and
change information about the color palette.
|
| 02:25 | So a text, for example, I might want to click and
make this maybe a dark blue. Refresh Preview.
|
| 02:33 | And then when we re-compile a new zip, we'll actually
see those settings showing up here as well.
|
| 02:38 | So, I don't actually like the blue, so
let's get back and change it back to white.
|
| 02:41 | Once you have the gallery
working exactly the way you want,
|
| 02:49 | let's come down to Appearance. In here we
can set settings such as duration, the
|
| 02:53 | crossfade transition effect.
|
| 02:54 | We can even set the quality of JPEGs
and the thumbnail and gallery image size.
|
| 02:57 | Then when we're complete,
let's come down to Create Gallery.
|
| 03:03 | Under Gallery Name, you can
give your gallery a specific name.
|
| 03:06 | Under Location, let's choose Browse.
|
| 03:08 | I'm going to select the Desktop, click
Open, and then I'm going to click Save.
|
| 03:14 | Now, what Bridge is going to do is
basically re-create that same gallery.
|
| 03:17 | But instead of bringing it to the
Output Preview, it's actually going to rate
|
| 03:19 | the entire project to a folder
on the Desktop. Let's click OK.
|
| 03:24 | Minimize Bridge. Then let's go out to My Gallery.
|
| 03:27 | Let's open this up. And we can see
inside of the folder now, we have an index.html
|
| 03:32 | file and a folder called Resources.
|
| 03:34 | If I double-click the index.html,
open this up in the browser, I can see
|
| 03:37 | the exactly same user experience
running inside of a web browser that we saw
|
| 03:40 | on the introduction video embedded
inside of a PDF. Same interactivity,
|
| 03:45 | same clickable thumbnails, same slideshow
settings, and same Full Screen and Thumbnail view.
|
| 03:52 | So this entire experience is running
inside of the browser. I'm going to close out of
|
| 03:55 | the browser. Let's come back
out to the My Gallery folder.
|
| 03:57 | So inside of this Resources Directory,
what Bridge did is created a series
|
| 04:02 | of JavaScript files,
|
| 04:04 | a SWF file which is interpreted by
Flash player, and an XML file, and in images
|
| 04:08 | directory which has the large, medium, and
small graphics that were created from Adobe Bridge.
|
| 04:13 | So basically what's happening here is this
SWF file is getting loaded by Flash player,
|
| 04:18 | and then the Flash player, in turn, is
looking at this XML file, which informs the
|
| 04:22 | Flash player of all of these individual
images and all of the text and data for
|
| 04:26 | our Flash application.
|
| 04:27 | So now that we have the entire gallery
working, in the next movie we'll take
|
| 04:30 | that SWF file, we'll create a PDF from
the SWF, and then embed all of these resources
|
| 04:35 | so we can have that full interactive
experience embedded into a PDF file.
|
| Collapse this transcript |
