Cart

Finishing Steps in Adobe’s Bridge – Preparing for Web

Thank you to Daniel Hurtubise for this great post on using Bridge as part of your editing workflow.

Hi everyone, as you are reading that post I’m boarding a floating Cessna to our first location, the bear shooting in the Alaskan Wild. I might get internet access in between location changes since will be back overnight at Jim’s house. If so I’ll try to send you a few pictures of those magnificent animals.

Now onto our last (maybe not) Bridge/Workflow tutorial. Technically at this point you should be able to organize your library and apply Camera Raw modifications. Now it’s time to create a gallery so our client can view and choose their photos for further “development”. To do so will use the Output function.

Click on the Output to Web or PDF.

image002 Finishing Steps in Adobes Bridge   Preparing for Web

Your screen will then switch to something like this.

image003 Finishing Steps in Adobes Bridge   Preparing for Web

First option is to choose which output; PDF or WEB. For this tutorial I will choose Web Gallery.

image004 Finishing Steps in Adobes Bridge   Preparing for Web

Then you need to select a template from the list.

image005 Finishing Steps in Adobes Bridge   Preparing for Web

By clicking the Refresh Preview Button.

image006 Finishing Steps in Adobes Bridge   Preparing for Web

You will get a preview of the template in the main window.

image007 Finishing Steps in Adobes Bridge   Preparing for Web

You can also try a preview in the browser.

image008 Finishing Steps in Adobes Bridge   Preparing for Web

Note that the preview will be created with the amount of pictures selected. So if you select 3 you will get that.

image009 Finishing Steps in Adobes Bridge   Preparing for Web

I suggest you stick to something like 3 to 5 to speed up the preview process.  Some Templates will have different Styles available.

image010 Finishing Steps in Adobes Bridge   Preparing for Web

Then you can fill the Site Info information.

image011 Finishing Steps in Adobes Bridge   Preparing for Web

If you refresh the Preview you will see your changes applied.

image012 Finishing Steps in Adobes Bridge   Preparing for Web

You can tell modify the display of the Gallery by changing the color for.

image013 Finishing Steps in Adobes Bridge   Preparing for Web

And finally you can modify the layout.

image014 Finishing Steps in Adobes Bridge   Preparing for Web

All you have left is to create it.

image015 Finishing Steps in Adobes Bridge   Preparing for Web

Pick a name(try to avoid spaces for Web Galley since some server are not too kind about it) and save it to your hard drive.  And click the save button.  Once completed you will get a folder that contains the index.html file and a folder resources. This is your new web page.

image016 Finishing Steps in Adobes Bridge   Preparing for Web

Upload it to your website and it’s done.

Here’s the sample : http://www.danielhurtubise.com/transfer/Pamela_Brisson/ (I only selected a few from the shooting)

And here are the final images: http://www.danielhurtubise.com/photos/portrait/pamela/pamela.php

So on that final note I’m gonna go get my bear repellent and try not to get eaten by one. Have a good time and I will see you soon.

6 Comments

  1. 1

    [...] 1 votes vote Finishing Steps in Adobe’s Bridge – Preparing for Web Thank you to Daniel Hurtubise for this great post on using Bridge as part of your editing [...]

  2. 2

    [...] Thank you to Daniel Hurtubise for this great post on using Bridge as part of your editing workflow. Hi everyone, as you are reading that post I’m boarding a floating Cessna to our first location, the bear shooting in the Alaskan Wild. I might get internet access in between location changes since will be back overnight at Jim’s house. View original here: Finishing Steps in Adobe’s Bridge – Preparing for Web [...]

  3. 3
    MCP Actions says:

    Great info Daniel – have a great trip!!!

  4. 4
    amy little says:

    Hi Daniel,

    Great info! I have a question, I use CS3 and in my Bridge, I could not see the “output to web or pdf” opton. is it not available in CS3 Bridge?

  5. 5
    JM says:

    The tutorial was great but next time can you please use family-friendly images?! ;)

  6. 6
    JM says:

    Great tutorial, but next time could you please use family-friendly images? Pretty please?! ;)

  7. 7
    JC says:

    great info….but…i am still learning…how do you upload it to your website?

  8. 8

    thanks for the tips, i think these really help out alot.

  9. 9

    [...] Finishing Steps in Adobe's Bridge – Preparing for Web | MCP … [...]

Trackbacks/Pingbacks

  1. Finishing Steps in Adobe’s Bridge - Preparing for Web - [...] 1 votes vote …
  2. Finishing Steps in Adobe’s Bridge – Preparing for Web | Adobe Tutorials - [...] Thank you to Daniel Hurtubise for this great post on using Bridge as part of your editing workflow. Hi …
  3. Adobe’s next Lightroom to forsake PowerPC Macs | SataByte.com - [...] Finishing Steps in Adobe's Bridge - Preparing for Web | MCP … [...]
Add Comment Register



Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *

Optionally add an image (JPEG only)

Show & Tell

Explore before and after photos from photographers who use MCP.

1photoshop actions and lightroom presets number 2 See More