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

Your screen will then switch to something like this.

image003

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

image004

Then you need to select a template from the list.

image005

By clicking the Refresh Preview Button.

image006

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

image007

You can also try a preview in the browser.

image008

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

image009

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

image010

Then you can fill the Site Info information.

image011

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

image012

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

image013

And finally you can modify the layout.

image014

All you have left is to create it.

image015

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

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.

Jodi Friedman, MCP Actions

Jodi Friedman is the founder of MCP Actions. She designs popular Photoshop actions and Lightroom presets that make editing faster, easier and more fun.

More Posts - Website

Follow Me:
TwitterFacebookPinterestGoogle Plus

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>

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