IntroductionWelcome| 00:04 | Hi! My name is Chris Orwig. Welcome to another
course in the Lightroom 4 Essential series.
| | 00:10 | In this course, we're going to focus
in on two output modules, the Web and
| | 00:14 | the Slideshow module.
| | 00:16 | We'll take a look at how we can use the
Web module in order to create web galleries.
| | 00:20 | We'll start off by looking at how we
can use templates, and then how we can
| | 00:23 | customize those templates and
eventually upload our online gallery, so that we
| | 00:28 | can share our photographs with others.
| | 00:30 | We'll also explore how we can
work with the Slideshow module.
| | 00:33 | The Slideshow module gives you the
ability to design a custom Slideshow layout.
| | 00:38 | We'll also look at how we can export
our slideshows to different file formats
| | 00:42 | whether that's JPEG, PDF, or video.
| | 00:45 | We're going to cover all of these
topics and more, so without further
| | 00:48 | delay let's begin.
| | Collapse this transcript |
| Using the exercise files| 00:00 | If you're a Premium member of the Lynda.
com Online Training Library or if you're
| | 00:04 | watching these movies on a disc,
you have access to the exercise files.
| | 00:09 | You'll find your exercise files folder;
then what you want to do is import those
| | 00:13 | images into Lightroom.
| | 00:15 | In order to do that navigate to Lightroom,
and go ahead and click on the Import button.
| | 00:19 | This will open up the Import dialog, and
then select the exercise files folder.
| | 00:25 | Make sure you turn on this option to
include subfolders so that you can view all
| | 00:29 | the images inside of the exercise files folder.
| | 00:32 | Next you want to choose to add these
to your Lightroom catalog. Then finally
| | 00:37 | for File Handling, choose a
Render Preview like Standard or 1:1.
| | 00:42 | Next, once you've dialed in those
options, go ahead and click Import.
| | 00:46 | This will then bring the images into Lightroom.
| | 00:49 | When these come into Lightroom, you
notice that these images are divided up
| | 00:52 | into various folders.
| | 00:54 | You can click on the folders in order
to view the files, and then you can scroll
| | 00:58 | through these folders in order to
view these pictures that we'll be working
| | 01:01 | with in this course.
| | 01:03 | Now if you don't have access to the
exercise files, no big deal, you can always
| | 01:07 | simply follow along or, of course, use
your own images. All right. Let's begin.
| | Collapse this transcript |
|
|
1. Getting Started with Web GalleriesIntroducing web galleries| 00:00 | The Lightroom Web module allows us to
quickly and creatively build online web
| | 00:05 | galleries, and the beauty of working
with the Lightroom Web module is that it's
| | 00:09 | integrated into the overall Lightroom workflow.
| | 00:12 | In other words, you can take advantage of all
of that organizational work that you've done.
| | 00:16 | You can take advantage of all of those
hours that you've put in processing your
| | 00:20 | photographs, and then you can bring all
of those images into the web gallery and
| | 00:25 | quickly create these online galleries.
| | 00:27 | All that you need to do is to select
the images, and then select the type of web
| | 00:32 | gallery that you want to use, and here
in this initial movie, I just want to
| | 00:35 | introduce you to the topic of working
with these web galleries, so we can start
| | 00:39 | to think about how we might want to
integrate this into our own workflow.
| | 00:43 | In order to take a look at some of these
galleries, I'm going to navigate out of
| | 00:46 | Lightroom for a moment, and open up
my Web browser and talk about a few
| | 00:51 | different web galleries that I've created.
| | 00:52 | Well, here you can see I
have my web browser open.
| | 00:56 | This web gallery, well it's just kind of fun.
| | 00:58 | These are some pictures that I
captured in Mexico, and then to navigate
| | 01:02 | through these photographs,
| | 01:03 | I can go ahead and click on an image to zoom in.
| | 01:06 | Click again to zoom out.
| | 01:07 | Or you can select another photograph,
clicking on it to zoom in or using the
| | 01:12 | arrow keys to navigate around these pictures.
| | 01:15 | Now the beauty of using a web gallery
like this is that it kind of combines
| | 01:19 | these photographs in an interesting way.
| | 01:21 | In a sense they're all together.
| | 01:23 | They're all part of an experience.
| | 01:25 | Now there're so many
different types of web galleries.
| | 01:28 | Again, this one is just one of many.
| | 01:30 | Let's take a look at another.
| | 01:32 | Here's another web gallery, which is
a little bit more simple and clean.
| | 01:36 | I'll use these web galleries all the time.
| | 01:39 | I use them to communicate with clients.
| | 01:42 | There was one publication that wanted a
photograph of this particular person, so
| | 01:46 | after the shoot, I uploaded all of these photos.
| | 01:50 | They could then click through the pictures.
| | 01:52 | As they click through the pictures
they would take notes, and eventually would
| | 01:55 | say okay, Chris, you know what, we want
to have image number 5 and we want that
| | 02:00 | at these dimensions.
| | 02:02 | I could then send that client the
full resolution file, based on that web
| | 02:07 | gallery viewing and experience.
| | 02:08 | Again, it's a great way to share your
work with people, whether it's just for fun
| | 02:12 | like those Mexico photographs or
for a specific publication like this.
| | 02:17 | In other situations, these Web
galleries can help out as well.
| | 02:20 | Here are some other photographs.
| | 02:22 | This was from an event, a world premiere of
a movie featuring the musician Jack Johnson.
| | 02:28 | Now I shot these photographs, and then
I uploaded them, and people were able to
| | 02:32 | click through these pictures and see
some of the pictures from that event.
| | 02:35 | And you can click forward or
you can click backward with this
| | 02:38 | particular gallery.
| | 02:40 | Now it just so happened that some people
saw these pictures and eventually a few
| | 02:43 | of them were picked up by Rolling Stone
magazine, and what's great about that is
| | 02:47 | that these galleries just help you get
your work out there, and you can get your
| | 02:52 | work out there in different ways,
whether you prefer a clean gallery like this,
| | 02:57 | or perhaps something a little bit more
vibrant or creative or alive like this.
| | 03:01 | And what's great about working with
the Web module is that it isn't very
| | 03:05 | difficult at all. As you're about to
discover it will give you real quick and
| | 03:09 | creative way to get your work online.
| | Collapse this transcript |
| Overview of domain names and hosting| 00:00 | In order to be able to build and
eventually upload your own online web gallery,
| | 00:05 | using the Lightroom Web module, you
will need to have a few things set up.
| | 00:08 | In particular, you will need to have
a domain name and also a host plan.
| | 00:13 | And that's true with any
web site like with my portfolio here.
| | 00:17 | I needed to purchase the domain name
chrisorwig.com and also a hosting plan.
| | 00:23 | And by having those two things
together, well, someone can then go to
| | 00:27 | chrisorwig.com and view my work.
| | 00:30 | And this is also true if you want to
upload some sort of an online web gallery.
| | 00:34 | We need somewhere for this web gallery to live.
| | 00:37 | Like with this one here.
| | 00:39 | It lives inside of a folder on my server.
| | 00:42 | The folder name, well, it's colors.
| | 00:44 | Therefore, you can navigate to
chrisorwig.com/colors, the name of that folder,
| | 00:50 | and you can view these images.
| | 00:52 | You can view this web gallery.
| | 00:54 | Therefore, for you to be able to
eventually upload your own pictures to your
| | 00:58 | online gallery, you'll need to have a
domain name and also a posting Plan.
| | 01:03 | Now I find that this whole topic of
domain names and hosting, well, sometimes it
| | 01:07 | can be a bit intimidating or confusing or vague.
| | 01:11 | Because of this, I think it's helpful
to try to talk about this by way of a
| | 01:15 | comparison, because it's really helpful
to have a good handle on what this whole
| | 01:19 | thing means, or what does this mean
to have a domain name and a host plan.
| | 01:23 | So let's see if we can
try an analogy on for size.
| | 01:27 | In order to get a better working
understanding of how to work with these concepts.
| | 01:31 | Well, I like to compare a
domain name to a cell phone.
| | 01:35 | A cell phone or domain name by itself,
well, it isn't really worth that much.
| | 01:40 | It's not that functional.
| | 01:42 | In order for a cell phone to be active
what we need to do is have something else.
| | 01:46 | We need to activate it, and
have some sort of a service plan.
| | 01:50 | Now it's these two things
together, which really make this work.
| | 01:54 | And the same thing is true
with domain names and hosting.
| | 01:57 | And in my own experience, what I've
discovered is that typically it's best to
| | 02:01 | purchase these two things at one spot.
| | 02:04 | In other words, if you are going to
pick up a new cell phone, it doesn't really
| | 02:08 | make sense to drive across town to one
shop to buy the phone, and then to drive
| | 02:12 | somewhere else to activate it
and to pick up a service plan.
| | 02:16 | Typically it's a best to purchase both
of those things at one store, at one spot.
| | 02:22 | Now with domain names and
hosting, you don't have to do this.
| | 02:25 | You can't do these at different locations.
| | 02:28 | Yet in order to keep things simple,
again I find it's best to just purchase
| | 02:32 | these items at one place, and typically
the place that you purchase these things
| | 02:37 | at or at a hosting company's site.
| | 02:39 | Now there are a huge range of
different types of companies that provide
| | 02:43 | hosting -- everything from really
elaborate and expensive to that which is dirt
| | 02:47 | cheap and not quite so good.
| | 02:50 | So what I found is that you want to
typically pick something which is in the middle.
| | 02:54 | Something which provides good service
based on its cost and you can do a little
| | 02:58 | bit of research, and you'll find
a number of different options.
| | 03:01 | You don't want to throw out one.
| | 03:02 | I want to give you one
recommendation -- if you need a place to look,
| | 03:06 | you can navigate to chrisorwig.com/hosting.
| | 03:10 | And there you will see
this small page on my site.
| | 03:13 | And if you click on this link it will
take you to the host company Bluehost.
| | 03:17 | And in my experience as a teacher,
over the last half a dozen years, I've
| | 03:22 | recommended this particular host
company to a wide range of people, and I've
| | 03:26 | used it myself and based on its overall
cost and also the services that you get
| | 03:31 | from it, well I have just found it to
be a really good fit and also to be a
| | 03:34 | really good service.
| | 03:36 | So what you will want to do if you're
interested in picking up a domain name is
| | 03:40 | go to a site like this and buy
your domain name and hosting.
| | 03:44 | And then once you have both of those
things, you will be ready to start working
| | 03:48 | with this Web module, in order to
create your own web gallery so that you can
| | 03:52 | upload that web gallery for others to enjoy.
| | Collapse this transcript |
| Using collections to group images| 00:00 | Before you begin your work in the Web
module, typically it's a good idea to do
| | 00:04 | some organizational work in a Library module.
| | 00:07 | Now here I'm going to assume you
have a good working understanding of
| | 00:10 | the Library module.
| | 00:11 | Yet what I want to do is focus in on
how we can group together some pictures.
| | 00:16 | If you take a look at the exercise
files folder there are a few subfolders, but
| | 00:20 | in this main folder if you scroll
through the images, you'll notice that
| | 00:24 | they're all kind of just mashed
together, and this is really typical, right.
| | 00:28 | We'll have folders of pictures but
inside of that there are some photographs
| | 00:32 | that somehow we need to
separate or pull out of those folders.
| | 00:36 | This is especially true when
it comes to online web galleries.
| | 00:40 | Well, let's take a look at how we
can do that here using Collections.
| | 00:44 | First though, in your toolbar below make
sure you have the Sort option turned on.
| | 00:49 | You can access this by clicking on
this icon here and choose Sorting, and then
| | 00:53 | from the pulldown menu, choosing File Name.
| | 00:56 | That way we can sort all of
our images in the same way.
| | 00:59 | Let's go ahead and scroll back to the top and
start up with the first group or set of images.
| | 01:05 | Well, here we have some pictures of some
family friends that I captured down at the beach.
| | 01:09 | I want to take these images which are
in this folder and somehow set them apart,
| | 01:13 | and we'll do that by creating a collection.
| | 01:16 | So click on the first image, then
hold down the Shift key and click on the
| | 01:19 | last image in this set; the last image in
this group of pictures that we want to separate.
| | 01:25 | Next we'll go to the Collections panel.
| | 01:27 | We'll click on the Plus (+)
icon and choose Create Collection.
| | 01:31 | I'll name this Butterfly Beach, which
was the beach where these photographs were
| | 01:35 | captured. Place this at a Top
level. Include these pictures.
| | 01:40 | No need to make virtual copies just yet,
but we'll talk about that a little bit
| | 01:43 | later and having this collection will
actually give us some great flexibility
| | 01:48 | when it comes to creating
different types of web galleries.
| | 01:51 | So for now though, we'll leave that off.
| | 01:53 | Next we'll click Create and this
will create this collection, grouping
| | 01:57 | those pictures together.
| | 01:59 | Now it hasn't moved the pictures, it
hasn't changed anything, it just built
| | 02:02 | this new way to kind of organize or
group these pictures in this little set,
| | 02:06 | in this collection.
| | 02:08 | Let's do this with a few more sets of pictures.
| | 02:10 | Back to exercise files, we'll scroll down.
| | 02:13 | The next set are these
pictures which were captured in Mexico.
| | 02:17 | They're really colorful; easy to identify there.
| | 02:19 | Click on one, and then hold down the Shift
key. Click on the last one and once again
| | 02:24 | create another collection.
| | 02:26 | I will name this one Mexico,
with those same exact settings.
| | 02:29 | So we'll just click Create, and then
one more. Back to exercise files, and
| | 02:35 | then down to this last one
here we'll click on this image.
| | 02:38 | Hold down the Shift key. Click on the
last one in this set; these photographs of
| | 02:42 | this guy here, Jeff Johnson.
| | 02:44 | Let's create a collection.
| | 02:46 | Click on the Plus (+) icon,
and choose Create Collection.
| | 02:49 | Now this work that we're doing here,
it's really essential because it's setting
| | 02:54 | the stage for the rest of our work, and
what it will do is it will give us some
| | 02:58 | flexibility in regard to reordering
our photographs or renaming those pictures,
| | 03:02 | and having these collections set up this
way just gives us kind of organizational
| | 03:07 | structure, which eventually will lead to
creating more effective web galleries.
| | 03:12 |
| | Collapse this transcript |
| Renaming and reordering images| 00:00 | Building or designing effective online
web galleries is about more than learning
| | 00:05 | about how to use the controls.
| | 00:07 | It's about having a vision or a
strategy for what type of story you want to
| | 00:11 | tell, and many times this means
selecting or deleting pictures or reordering
| | 00:16 | your photographs or possibly even
renaming them, and here we are inside of the
| | 00:20 | exercise files folder, and we noticed
that our images are just out of sequence.
| | 00:26 | Well, if we want to change that sequence,
we'll try to click and drag, but when
| | 00:29 | we do that we'll get this dialogue,
| | 00:32 | custom order, well, it's not
supported on this folder because it
| | 00:35 | contains subfolders.
| | 00:37 | Well, our work around is to use a collection.
| | 00:39 | If we click on the Collection,
we can then reorder these images.
| | 00:43 | It's as simple as clicking and dragging,
and as we do this, I'm just going to
| | 00:47 | reorder these so that they're kind of
similar in regard to the type of content
| | 00:51 | or the way that the subject looks, or
the color palette in the photographs.
| | 00:55 | So I'll move through this collection,
dragging these pictures around, just
| | 00:59 | trying to group them again by their
color or tone, and once I've done that what
| | 01:04 | I might want to do is embed
this new order in these files.
| | 01:09 | Let me talk about that in a little bit.
| | 01:10 | What's great about this user order
is that Lightroom will remember this.
| | 01:15 | If I navigate away from the Collection
here and then come back, well, it will
| | 01:19 | remember my custom User Order.
| | 01:21 | I can choose that from the
pulldown menu here in the toolbar.
| | 01:25 | I can go ahead and select File Name in order to
change the sorting or go back to my User Order.
| | 01:31 | One of the problems with my User Order
is that my images or the image or file
| | 01:36 | name is out of sequence, and I might want to
use that file name in my online web gallery.
| | 01:42 | There some web galleries that
allow you to include that in them.
| | 01:46 | Well, in this case, it just would be strange
because image number 4, say would be photo-7.
| | 01:53 | Again, in situations like
this, we want to correct that.
| | 01:57 | We can do that by renaming these pictures.
| | 02:00 | To rename a set of photographs, we
would press Command+A on a Mac, Ctrl+A on
| | 02:04 | Windows, and then the F2 key.
| | 02:07 | This will open up our Rename dialog,
and I'm going to go ahead and rename this
| | 02:11 | jeff_johnson, and then a sequence.
| | 02:14 | You can choose different File Naming
options from this pulldown menu here.
| | 02:18 | In this case, Custom Name
and Sequence will work well.
| | 02:21 | We'll go ahead and click OK.
| | 02:23 | Well now I visually kind of like this.
| | 02:25 | It starts off with sepia tones, black-
and-whites, and then moves to these color
| | 02:29 | images here, and then down the line.
| | 02:32 | It is as I get down the line I notice a problem.
| | 02:35 | If we double-click this image to go to
the Loop view, you may notice that the
| | 02:39 | photo right next-door to it;
well, it's the exact same picture.
| | 02:43 | In other words, I have a duplicate of this.
| | 02:46 | I don't want to have that in my slideshow.
| | 02:48 | In order to remove this picture from
this collection, the good news is, is that
| | 02:53 | all you have to do is to press the
Delete or the Backspace key and it's gone.
| | 02:58 | We can also do this with pictures say
that we don't really like that much,
| | 03:02 | perhaps this is one of those
that we don't want to include.
| | 03:05 | We can delete it in the Loop, or if we
go back to the Grid view, we can delete
| | 03:10 | it there as well, again, by
simply pressing Delete or Backspace.
| | 03:15 | Other times you may have
pictures which are similar.
| | 03:17 | Let's look at these two.
| | 03:19 | Here is one where the eyes are out of focus,
and then another one where the eyes are in focus.
| | 03:24 | Now with these pictures, I actually like
the one where it's out of focus a little more;
| | 03:28 | it just kind of has a different mood or feeling.
| | 03:31 | So I'm going to delete this
picture by pressing Delete or Backspace.
| | 03:35 | Next, I'll go back to the Grid.
| | 03:37 | Well, I've kind of created a
problem for myself, haven't I?
| | 03:40 | The problem is that these images or
the image name is now out of sequence
| | 03:46 | because I deleted some of these
photographs from this collection.
| | 03:50 | I should also point out if you aren't
familiar with collections that I haven't
| | 03:54 | actually deleted the files from the hard drive.
| | 03:57 | They still exist in that main folder.
| | 04:00 | We could go back to the exercise files folder.
| | 04:03 | You can see that those two files
with the glasses; well, they're there.
| | 04:06 | They're just not part of the collection.
| | 04:08 | So the collection gives us this really
nimble flexibility, which is important;
| | 04:13 | especially when it comes to designing
effective online web galleries, right? All right!
| | 04:17 | Well, back to my problem;
| | 04:20 | my problem of renaming.
| | 04:22 | What I need to do is I need to
once again rename these files.
| | 04:25 | So let's go ahead and Select All.
Do you remember the shortcut?
| | 04:29 | Command+A or Ctrl+A. Then we'll press the
shortcut to open up the rename dialog. That's F2.
| | 04:36 | Here I'm just going to name these jeff.
I'll shorten my name, and then dash (-)
| | 04:40 | and a number and click OK.
| | 04:41 | Well now all of these files have this
order built into their file name, and in
| | 04:47 | a sense, I have this tighter or more
selective group of pictures, which I'm now
| | 04:53 | ready to turn into an online web gallery.
| | Collapse this transcript |
| Creating collections of virtual copies| 00:00 | Now that we've taken some time to talk
about some of those standard steps and
| | 00:04 | procedures for working with
collections or for renaming or reordering our
| | 00:08 | images, here what I want
to do is take it up a notch.
| | 00:12 | I want to take a look at how we can
create a collection of virtual copies.
| | 00:16 | In other words, I want to take a look
at how we can have a set of photographs
| | 00:19 | like this, so that we can then take
these photographs and create two different
| | 00:24 | or two distinct online web
galleries, and this is pretty typical.
| | 00:28 | Let's say for example with these
pictures that what I want to do is I want to
| | 00:31 | upload an online web gallery
with all of these images in color.
| | 00:36 | I also want to upload another online
web gallery, but this time I want all of
| | 00:41 | the images to be in black and white.
| | 00:43 | Well in order to do that we need to
first create two different collections.
| | 00:48 | And we can create a collection of
virtual copies of these pictures and convert
| | 00:51 | those to black and white.
| | 00:53 | Let's take a look at how we can do this.
| | 00:55 | Well, the first step of
course is to select the images.
| | 00:58 | So here on a Mac press Command+A, on
Windows that's Ctrl+A. Next step we'll
| | 01:04 | navigate to the Plus icon (+) in the
Collections panel, and we'll click on that
| | 01:08 | and choose Create Collection.
| | 01:10 | We'll name this one Butterfly Beach - BW.
| | 01:15 | Next for our Collection Options we want
to turn this option on. This is a really
| | 01:19 | important step here:
| | 01:20 | Make new virtual copies.
| | 01:23 | This will create a whole set of virtual
copies of all of these pictures that we
| | 01:27 | have selected because we have this
option turned on: Include selected photos.
| | 01:32 | Okay, we'll go ahead and click Create.
| | 01:35 | When you first do that you'll see the
collection and it won't look any different at all.
| | 01:39 | That's because we haven't made
any changes to these pictures.
| | 01:43 | The next step of course is to make the changes.
| | 01:45 | So once again let's select
all of these photographs.
| | 01:49 | Remember how to do that, press
Command+A on a Mac, Ctrl+A on Windows.
| | 01:54 | Next navigate to the Develop module, and
in the Develop module we're going to go
| | 01:58 | ahead and synchronize all of these
pictures and apply this black-and-white
| | 02:02 | setting at one time.
| | 02:03 | So what you want to do is click on
this Sync button here, Sync... and then I
| | 02:09 | am going to choose Check All. I want
to synchronize all of my settings all
| | 02:12 | across these photographs.
| | 02:14 | Or I could get more specific. Choose
Check None and then just synchronize
| | 02:19 | say the Basic Tone adjustments and
maybe that Color Treatment or Color
| | 02:22 | Saturation here and Vibrance.
| | 02:25 | So again you can choose the
options which you want to synchronize.
| | 02:28 | In this case I'll just do Basic Tone and
Treatment in Color and then click Synchronize.
| | 02:33 | Now nothing is going to happen just yet,
because I haven't made any changes.
| | 02:37 | And all that I was doing by opening
up that dialog was just dialing in what
| | 02:41 | exactly I want to sync.
| | 02:43 | The next step is to flip the
Synchronize switch; turn that to Auto Sync.
| | 02:48 | Then from here we can
convert to black and white.
| | 02:50 | We could do this a number of different
ways. We could click on the Black & White
| | 02:54 | button or we could go
down and simply desaturate.
| | 02:57 | And once we've converted to black and
white, we may want to add a little bit of
| | 03:01 | clarity here or perhaps a touch of contrast.
| | 03:04 | Perhaps we want to open up
those shadows a little bit.
| | 03:06 | And by making these adjustments you can
see they're applied to all of the photographs.
| | 03:11 | Okay, well let's take a look at
these back in the Library module.
| | 03:15 | Back in the Library module you'll
notice that we now have this collection.
| | 03:19 | A black-and-white collection of all of
these pictures, which is great. We have
| | 03:23 | two sets of these images.
| | 03:25 | One set they're all in color; another set or
collection, they are all in black and white.
| | 03:31 | Now when we go to the Web module,
we can then use these two different
| | 03:35 | collections in order to create two
distinct or two different online web galleries.
| | 03:41 | And there's one more thing that have
to point out here, which has to do with
| | 03:44 | managing all of these images.
| | 03:46 | One of the things that will happen is
when you do this, all of a sudden if you
| | 03:50 | go back to your folder, you'll notice
that you have these images side by side.
| | 03:55 | Well, the virtual copy it sits right next
to the color version of the photograph.
| | 04:00 | So if we're to view say one of the
color images, and then press the next arrow
| | 04:04 | key or click on the next image; that
next one will be in black and white.
| | 04:08 | Well, this can become say a
little bit kind of tedious.
| | 04:11 | As you click through these,
you're just like, gosh,
| | 04:14 | I don't really like this view of color
to black and white, or maybe in the Grid
| | 04:17 | view this is just kind of
cluttering everything up here.
| | 04:20 | I want to get rid of these
virtual copies from this view.
| | 04:24 | In order to do that it's really easy.
| | 04:26 | All you need to do is some basic filtering.
| | 04:29 | So in the Library module press the backslash
key (\); that's a slash which leans to the left.
| | 04:35 | Next, go up to Attribute and under the
Attribute filtering on the far right you
| | 04:40 | can say to filter based on a
certain kind of photograph.
| | 04:44 | We can turn on the options say for the
Virtual Copies so we can see those, or we
| | 04:49 | can click to turn that off and just turn
on the option for the Master Photograph
| | 04:53 | or for that main original photograph.
| | 04:55 | So then in this situation we
won't see any of those virtual copies.
| | 05:00 | Or other times you may just
want to see the virtual copies.
| | 05:03 | In situations like that we'll just
click on the Virtual Copies icon, and then
| | 05:08 | you'll just have access to those images.
| | 05:10 | So again I just wanted to point that
out, because if we're going to create those
| | 05:14 | virtual copies here in collections, we
also have to know how to deal with them
| | 05:18 | or manage them back in our main folder.
| | 05:21 | Yet most importantly here, the real
point of this is working with collections so
| | 05:25 | that we can have two
versions of these photographs.
| | 05:28 | So that ultimately we can
upload two online web galleries.
| | Collapse this transcript |
|
|
2. Customizing Web GalleriesUsing web gallery templates| 00:00 | One of the ways that you can speed up
your overall Web module workflow is by
| | 00:04 | working with the web gallery templates.
| | 00:07 | Let's take a look at how we can work
with these templates, and let's also explore
| | 00:11 | some of the options when working with them.
| | 00:13 | Well, first we need to make a
selection of pictures because we need something
| | 00:17 | to populate the templates, so that
we can evaluate or determine if one
| | 00:22 | template will work for us.
| | 00:23 | Well, let's go ahead and select these
pictures, which we have in a collection.
| | 00:27 | To do that, we can press Command+A on
the Mac, Ctrl+A on Windows, and then next
| | 00:33 | let's navigate to the Web module.
| | 00:35 | Well, once in the Web module, you may
notice that there is a Template Browser
| | 00:40 | over here on the left-hand side.
| | 00:42 | You maybe tempted to think, well,
that would be a great place to start for
| | 00:45 | working with templates.
| | 00:47 | Well, actually it isn't the
best place to start, and here's why:
| | 00:50 | The best place is the panel on the right.
| | 00:53 | It's the Layout Style panel
and here you have five options.
| | 00:57 | These options give you a
really nice starting point.
| | 01:00 | You notice by default the Lightroom
HTML Gallery is selected, and here I can
| | 01:05 | view that gallery and actually click through it.
| | 01:08 | I could click on an image in order to
see it bigger, click Next or Previous in
| | 01:11 | order to work with this.
| | 01:13 | In other words, the view that we
have here in this web gallery, it's
| | 01:16 | completely functional.
| | 01:18 | Now this isn't online or live, it's
just demoing this for us, so that we can
| | 01:23 | get familiar with it.
| | 01:24 | We could also click on an option, say,
like this one here Lightroom Flash Gallery.
| | 01:29 | One of the things that's great about
these now, which is new in this version of
| | 01:33 | Lightroom, is that these are now
color manage the Flash galleries.
| | 01:37 | In other words, it will give you more
accurate color representation of your files.
| | 01:41 | And again, here we can click through
the images, we could use the thumbnails or
| | 01:45 | the scrollbar in order to see how this
particular gallery works, and all of these
| | 01:50 | buttons, well, they're active and that's
a great thing about viewing the images
| | 01:54 | or viewing these templates in any way.
| | 01:56 | Well, next we have three Airtight templates.
| | 02:00 | These are much more creative.
| | 02:02 | The Lightroom, Flash, and HTML, while
those are pretty typical. These they're
| | 02:07 | anything but typical.
| | 02:08 | Let's try this SimpleViewer on for size.
| | 02:11 | This one gives us this really
kind of sparse and clean and kind of
| | 02:15 | modern looking layout.
| | 02:16 | We can click through the pictures and
then use these arrow keys in order to
| | 02:20 | select the next set of thumbnails.
| | 02:22 | And again, this is why we want to have
all of these images selected, so that we
| | 02:26 | can start to see how these
templates actually operate.
| | 02:30 | Let's take a look at another.
| | 02:31 | What about the Airtight PostcardViewer?
| | 02:34 | Well, this gives us a
different view of our images.
| | 02:36 | We've seen this one before clicking in and out
on the photographs in order to evaluate those.
| | 02:42 | And then the last one I want to
highlight here from this panel is the
| | 02:45 | Airtight AutoViewer.
| | 02:47 | This is again another really nice
and clean version of a template.
| | 02:51 | We can click through the photographs one by
one or do a slideshow and it will auto advance.
| | 02:56 | Now with all of these templates,
we can always customize things.
| | 03:00 | In other words, later we'll look at
how we can change the background color or
| | 03:04 | the thickness of the border or
the edge around the pictures.
| | 03:08 | Yet initially, what you're thinking
about is how can I find a template which
| | 03:11 | kind of fits what I'm going for.
| | 03:14 | You can also go back to say
something more simple.
| | 03:17 | Let's go back to the Lightroom HTML
Gallery, and then start to think about what
| | 03:22 | are some of the other options.
| | 03:24 | Let's say I want to go for something
that is HTML, but I want to see what else
| | 03:28 | I can do with this.
| | 03:29 | Well, that's when you're going
to go to the Template Browser.
| | 03:32 | When you open up the Template Browser,
you'll notice you can scroll through a
| | 03:36 | huge range of different types of templates.
| | 03:39 | We could choose something like
this one here, Pure Black-HTML.
| | 03:43 | As I hover over it, the preview
appears in the Preview window above.
| | 03:47 | If I like the way that looks, well, I
can click on it in order to choose that
| | 03:51 | option, and they're different
options that we can choose here, and we can
| | 03:54 | click through these options in this
Template Browser panel. And again, you can
| | 03:59 | see these various options that I'm
selecting, or perhaps we could go for
| | 04:03 | something which is Flash.
| | 04:04 | Now at first glance, it might be a
little difficult to kind of figure out, well,
| | 04:09 | what is Flash and what is HTML.
| | 04:11 | Yet as you make that selection, you'll
notice that the Layout Style will change.
| | 04:16 | It's now highlighting Lightroom Flash Gallery.
| | 04:19 | As I make these choices, it will stick with
that until I choose an option which is HTML.
| | 04:25 | So in other words if you don't
see -HTML, you know it's Flash.
| | 04:29 | You can click on that, and then you can
evaluate this and of course, it's active
| | 04:33 | and you can go through it
to see how it functions.
| | 04:36 | Now why would you want to
choose Flash versus HTML?
| | 04:39 | Well, sometimes Flash, it
just has really nice transitions.
| | 04:43 | It also does this thing
which is called queue loading.
| | 04:46 | So if we click on the option, say for
Slideshow, what will happen is it will
| | 04:51 | load in the first image, and then as you
click through the images all of those
| | 04:55 | will already have been loaded in so
there is no wait time for the photographs.
| | 05:00 | So Flash just has some technology
which can deliver images really well.
| | 05:05 | What's the downside?
| | 05:06 | Well, the downside, of course, is
that Flash, it's not supported on mobile
| | 05:10 | phones and smartphones or
on tablets like the iPad.
| | 05:14 | So you want to think about these
different templates and also who's going to
| | 05:17 | view your images, and then try to
decide which one will work best.
| | 05:21 | And initially, it's just about
experimenting; it's about seeing how do your
| | 05:25 | images look in different environments.
Say like with this environment here,
| | 05:29 | well, in my opinion it's just way too
cluttered and it's way too colorful.
| | 05:35 | If I have colorful pictures, I
can't surround those with other colors.
| | 05:40 | Sometimes removing color or going to
something darker with these tones might
| | 05:44 | look a little bit better, but again
those numbers, well, they're too
| | 05:47 | distracting if I want to showcase work.
| | 05:50 | Yet if I'm looking to create a web
gallery, which is functional, it just gives
| | 05:54 | someone a glance to kind of scroll
through images quickly, and then say you know
| | 05:57 | what this is the one that I like, and
they can go back and forth between that
| | 06:01 | view; well, then that template might work.
| | 06:04 | Of course, these scenarios, well,
they're endless, but my hope here is that by
| | 06:09 | taking a look at these different
templates, it can give you some insight how you
| | 06:13 | can use these templates
to speed up your workflow.
| | Collapse this transcript |
| Selecting images with flags| 00:00 | An important step in designing an
effective online web gallery is determining
| | 00:04 | which specific photographs you want to
include in that gallery, and here in our
| | 00:09 | collection, we currently have 23 pictures.
| | 00:12 | Let's say we want to include all 23.
| | 00:14 | Well, if you navigate down in the
toolbar, you'll notice there is a Use option.
| | 00:19 | This is a menu. If you click on
it, there are three options here.
| | 00:23 | We could select Use: All the Filmstrip Photos.
| | 00:26 | All those photographs, well, they would
then populate that online web gallery,
| | 00:30 | or we could choose to be a
little bit more particular.
| | 00:33 | We could select the option for
just using the Selected Photos.
| | 00:37 | Currently, I only have one picture selected.
| | 00:40 | Well, how do we add more to this?
| | 00:42 | On a Mac, you press the
Command key and hold that down;
| | 00:45 | on Windows it's Ctrl, and then you
just click on your images in the
| | 00:48 | Filmstrip, and the great thing about
this is that we can be really specific
| | 00:52 | about using these images.
| | 00:54 | And let's say we decide we don't want an image.
| | 00:57 | Well, just on the Filmstrip, click on
that image again with that Command or Ctrl
| | 01:01 | key held down, and you can remove or
add those pictures to that gallery.
| | 01:06 | Now the downside of this, of course,
is that there is no built-in memory.
| | 01:11 | In other words, Lightroom is going
to forget these six images that I've
| | 01:15 | selected, if I'd leave this collection.
| | 01:18 | So if I go to the other collections; say,
the other one in black-and-white, and
| | 01:22 | then come back to the original
collection, the one with the color photographs.
| | 01:26 | Well, all of those images have been
removed and I'd have to click through them
| | 01:30 | again and try to reselect those pictures.
| | 01:32 | So of course, there has to
be some sort of a better way.
| | 01:36 | There has to be a way that we can do
this where there is built-in memory.
| | 01:39 | There is, and it requires using flagging.
| | 01:42 | Adding flags to your photographs is a
way to pick or to select pictures which
| | 01:47 | you can then use inside of your web gallery.
| | 01:50 | In order to add flags, the best place to
do that, well, it's the Library module.
| | 01:54 | So let's navigate to the Library module
and look at how we can do this and learn
| | 01:58 | a few shortcuts along the way.
| | 02:00 | So here we'll click on the Library
module, and then I'll double-click on my first
| | 02:04 | image to take this to the Loop view.
| | 02:06 | Now you may notice down below,
I have multiple images selected.
| | 02:11 | I can deselect all of those pictures by
way of a great shortcut, so a really handy one.
| | 02:17 | It's Shift+Command+D on a Mac, Shift+Ctrl+D
on Windows, or you don't prefer use shortcuts;
| | 02:24 | you can always just click on another
image and it will deselect those other ones
| | 02:28 | so that you can then just target
or select one picture. All right!
| | 02:31 | Well, how then do we add
flags to our photographs?
| | 02:35 | How do we pick these pictures?
| | 02:36 | Well, what you can do is you can
click on an image and then use these icons
| | 02:41 | here in the toolbar.
| | 02:42 | If those icons aren't visible, on the
right-hand side, you can choose the option
| | 02:47 | to have them visible, by choosing
this option right here, Flagging.
| | 02:50 | That will then turn those on or off.
| | 02:53 | In order to flag an image as pit, just
click on it, and then it will have that
| | 02:57 | white flag attached to it.
| | 02:59 | You can also use shortcuts.
| | 03:01 | Shortcuts are really helpful when it
comes to flagging and here they are.
| | 03:04 | If I press my right arrow key,
I'll move to a new image.
| | 03:08 | I can then pick this image by
pressing the P key, flag as pick.
| | 03:13 | Keep going through your images;
| | 03:14 | again, right arrow key, and then I'll
press P again, right arrow key. I'll press
| | 03:19 | P again, and then I decide, you
know what, I don't like this picture.
| | 03:23 | Well, how do I unpick this image?
| | 03:26 | To unpick an image, you press the U key
that will then remove the flag or unpick.
| | 03:32 | So then P for pick, and then U for
unpick, and then again, right arrow key and
| | 03:38 | just select a few images here so we
have some that populate this gallery, and
| | 03:44 | I'm just going to go quickly through
these, pressing my right arrow key until
| | 03:47 | I see some photographs that I think are kind of
fun and would be nice to have in this gallery.
| | 03:53 | Okay, well, I think that
makes a good set of photographs.
| | 03:56 | Once I've made my selection, the next
step is to go back to the Web module.
| | 04:01 | We can do that by clicking on
the button in the module picker.
| | 04:05 | Here in the Web module, what we'll
need to do is change the option to Use
| | 04:10 | those Flagged Photos.
| | 04:12 | These photos will now populate this
online gallery, and this is a two-page gallery.
| | 04:17 | I have nine pictures here.
| | 04:19 | Then I can click Next and view the
second page, and when I get there, doesn't
| | 04:23 | look so good, because all of a
sudden 15, 16, 17, 18; they're blank.
| | 04:29 | It looks like something is missing.
| | 04:32 | So I might want to add some pictures to
this set to kind of balance things out.
| | 04:36 | Well, how can I do that here in the Web module?
| | 04:39 | That's really simple.
| | 04:40 | You can simply go to an image, say,
like this one here, click on it, and
| | 04:45 | then press the P key.
| | 04:45 | You'll notice that that will
then show up here in our gallery.
| | 04:49 | I can also go to other photographs, say,
like this one and press the P key to add that.
| | 04:54 | It's going to add these
sequentially in this order.
| | 04:56 | So I'm just going to see that
populate as those images come into play here
| | 05:00 | and show up in this gallery, and then I'll
select one more; press the P Key to add that one.
| | 05:06 | If ever I add a picture that I don't
like, well, you remember the shortcut, right?
| | 05:10 | It's the U key that will remove that flag
or the P key that will bring that one back.
| | 05:16 | And here you can see having these
flags, well, it can be really handy.
| | 05:20 | It can be a way to kind of target or
earmark those images that you want to
| | 05:24 | include in your online web gallery.
| | Collapse this transcript |
| Creating web gallery collections| 00:00 | When it comes to setting apart or
grouping our photographs together in the
| | 00:03 | collections, typically we start off
doing this just creating general collections
| | 00:08 | in the Library module.
| | 00:10 | And that's what we have done here.
| | 00:11 | Yet as our workflow progresses and
as we make our way to the different
| | 00:15 | modules in Lightroom, it becomes
helpful to create collections which are
| | 00:19 | specific to those modules.
| | 00:21 | Like here in the Web module, we can
create a collection which is specific
| | 00:25 | to this module and the benefit of doing
this is that it will set these images apart.
| | 00:31 | And really to see the full benefit
what we need to do is create one of these
| | 00:34 | collections so that you can see how this works.
| | 00:37 | Well, let's go ahead and do that.
| | 00:39 | You notice that I have my general
collection here Butterfly Beach.
| | 00:42 | I want to select all of the
images in this collection.
| | 00:45 | To do that, press Command+A
on a Mac, Ctrl+A on Windows.
| | 00:49 | The next thing that we are going
to do is click on our Plus icon.
| | 00:53 | When you click on the Plus icon, you notice
you have the option to Create a Web Gallery.
| | 00:57 | Now actually what you're creating
here is a web gallery collection.
| | 01:01 | It's a collection which is
specific to this particular module.
| | 01:05 | So let's click on that option and
open up our Create Web Gallery dialog.
| | 01:10 | Here I will go ahead and
name this Butterfly Beach - Web.
| | 01:14 | Next I'll place this in that same
area next to the other collections there.
| | 01:19 | No need to turn on virtual copies.
| | 01:20 | I will just use these images as they
are, and then simply click on Create.
| | 01:25 | Now once you've done this, you notice that
you have a new collection here in your panel.
| | 01:30 | At first glance, well, it's the
same images. What's the big deal?
| | 01:35 | What's interesting about
this is we have a new icon.
| | 01:38 | And this little visual icon,
well, it can help us out.
| | 01:41 | And also there's a little bit of
functionality built into this collection.
| | 01:45 | Let me show you what I mean.
| | 01:47 | If we navigate to another module, say
the Library module or the Develop module,
| | 01:51 | you'll notice we have our Collections panel.
| | 01:54 | And as we click on those collections,
we can then target those photographs.
| | 01:58 | Yet when we get to this collection
down here, something different happens.
| | 02:03 | On the far right, you'll
notice there's an arrow.
| | 02:06 | And this arrow shows up regardless
of the collection that you are in.
| | 02:10 | And that arrow tells us
that we can go somewhere.
| | 02:13 | So not only do we have this small visual
cue, this icon which tells us this is a
| | 02:19 | web gallery collection, we
also have some functionality here.
| | 02:23 | If I click on this arrow, what it will
do is it will take me to the Web module
| | 02:27 | and target that collection.
| | 02:30 | So the reason to do this really is
because what will happen in your own
| | 02:33 | workflow, is you will have
all of these collections.
| | 02:36 | You will start to have more and more.
| | 02:38 | And by having these collections with
different icons, it can be a cue, it can be
| | 02:42 | a trigger, kind of an earmark to say,
oh yeah, that's a collection that I'm
| | 02:47 | using for a web gallery.
| | 02:49 | It also adds that little extra
functionality which allows you to quickly
| | 02:53 | navigate to the module for
which that collection was created.
| | 02:58 | There's also another way to
create collections like this.
| | 03:01 | For example, if we click on one of
our normal collections here, in this
| | 03:05 | case this Mexico one.
| | 03:07 | We can actually convert this to a web
gallery collection by using a button up
| | 03:11 | here above the gallery.
| | 03:13 | Notice this one is Unsaved.
| | 03:15 | You can Save this or Create a Web
Gallery collection by simply clicking on this
| | 03:21 | button and I will go ahead and name
this Mexico - Web, and then click on Create.
| | 03:26 | You'll notice that will then show up
down below with all of those images
| | 03:30 | active in that collection, and once
again if we were to go back to the
| | 03:34 | Library module or any of the other
modules, we would see that that arrow would
| | 03:38 | show up, and as we go through these
collections, we could then click on that
| | 03:42 | arrow, it would then jump to the
Web module and populate our online web
| | 03:47 | gallery with those photographs.
| | Collapse this transcript |
| Customizing web gallery site info| 00:00 | Let's explore how we can customize a
web gallery layout, and we'll start off by
| | 00:04 | working with this web gallery here.
| | 00:07 | What you'll notice is that once you
customize one web gallery, well, you'll
| | 00:10 | learn how to be able to
customize the others as well.
| | 00:13 | You want to start off in the panels on
the right and just work your way down.
| | 00:18 | Here you'll notice I have
the option for Site Title.
| | 00:20 | I'm going to go ahead and type out Chris
Orwig, and then I'm going to press Enter
| | 00:24 | or Return in order to apply that.
| | 00:27 | We can see we have a new title up top.
| | 00:29 | Well, I decide I want to add the word
"photography" in there as well, and I'll go
| | 00:33 | ahead and type out Photography, and then
press Enter or Return and that appears
| | 00:38 | now as the Site Title in this gallery.
| | 00:40 | What's great about this is each of
these fields has some built-in memory.
| | 00:45 | In other words, if you go to the Site
Title, you'll notice there's a triangle
| | 00:49 | icon, you can click on that.
| | 00:51 | This will remember all of the
various site titles that you've chosen.
| | 00:54 | So you can enter these in, and then
select the one which is appropriate for the
| | 01:00 | gallery that you're creating.
| | 01:01 | The same thing could be
true with the Collection Title.
| | 01:04 | For example, these could be
photographs for a particular client.
| | 01:07 | So I could say, Client X, Enter, and
then I could make another client.
| | 01:11 | I'll go ahead and call this Client
Z, and then press Enter or Return.
| | 01:15 | From this pulldown menu, we could then
choose those options and you can see them here.
| | 01:20 | If ever you don't want to include a
field, well, you can simply click in that
| | 01:24 | field area and hit the Delete key in
order to remove that, and you can see that
| | 01:28 | what will happen is it will auto-
resize or reposition that gallery.
| | 01:33 | So, again, you can either choose to
use these fields or not. All right!
| | 01:37 | Well, let's make our way down.
| | 01:39 | We have an important field here
which has to do with contact information.
| | 01:44 | For this gallery, the Contact
Info shows up at the base down here.
| | 01:48 | It's a little bit tricky to see,
so let me scroll down to it.
| | 01:50 | There it is, Contact Name.
| | 01:52 | I'm going to go ahead and type out
Email Chris Orwig, and then below, you notice
| | 01:58 | we have the ability to add this email link.
| | 02:00 | And in this field, what you want to do
is keep the syntax as it is, just change
| | 02:05 | it to your information.
| | 02:06 | So I'll change it to chris@chrisorwig
.com in order to add my email address there,
| | 02:12 | and then you can see here
it says, Email Chris Orwig.
| | 02:15 | They could click on that link and it
would open up their email client. All right!
| | 02:19 | Well, let's scroll back to the top for a moment.
| | 02:22 | We can also change the Site
Title to an Identity Plate.
| | 02:26 | If you click on this option, you can
create an Identity Plate, and you can do
| | 02:29 | that by then going to clicking
in this area and choosing Edit.
| | 02:33 | Here we have the option to use
a styled text identity plate.
| | 02:37 | I could go ahead and type
out Chris Orwig Photography.
| | 02:40 | I could then change the
font here and the font size.
| | 02:43 | Let's say, for example, we want to
choose something a little bit different.
| | 02:47 | So I'll go ahead and scroll up till I find a font
that I think might look good. Select that font,
| | 02:52 | select the font size, and
then also the overall color.
| | 02:56 | I'll make that choice there and
then click OK in order to apply that.
| | 03:00 | Well, now here we can see we have
that new Identity Plate up top, and we can
| | 03:05 | customize this even further, right.
| | 03:08 | Click on the icon in this field and go
to Edit, and then you could say, well, what
| | 03:12 | I really want to have is part of
this white and part of it orange.
| | 03:17 | Select the text you want to change the
color to. Click on the color chip, and in
| | 03:22 | this case, we'll just go to this nice
white color here and then apply that and
| | 03:26 | click OK, and again you'll
see it updates that up above.
| | 03:30 | Now here's where you get to a
situation where you may want to remove one of
| | 03:34 | these fields and that's why I
was showing you this earlier.
| | 03:38 | It doesn't make sense to have this twice.
| | 03:40 | So I'll go ahead and delete the Site
Title, pressing Delete or Backspace and
| | 03:45 | then just clicking off of that field.
| | 03:47 | So I now have a little bit more
of a clean or an elegant layout.
| | 03:51 | We can also use custom
graphics for the Identity Plate.
| | 03:55 | Let's take a look at that.
| | 03:56 | Well, here, if we go ahead and click
on this icon and go back to Edit, you'll
| | 04:00 | notice there's an option
for a graphical identity plate.
| | 04:04 | We can paste or drag an image into this space.
| | 04:08 | Images can contain transparency.
| | 04:10 | Well, I've created a small identity plate and
I want to show you that inside of Photoshop.
| | 04:15 | So here in Photoshop you can see I have
a few images, some small thumbnails and
| | 04:20 | then some typography.
| | 04:21 | It's just two layers.
| | 04:23 | You can get as elaborate or be as
simple as you want creating these identity
| | 04:27 | plates, and this one is
titled identity_plate.psd.
| | 04:32 | You can find this in your exercise files folder.
| | 04:35 | Well, to add this all that we need
to do then is to locate the file.
| | 04:40 | So we'll go ahead and locate that, in
this case in the exercise files folder, and
| | 04:45 | I'll scroll down there till I can find
that, and once I've selected that I'll
| | 04:48 | click Choose, and then go ahead and click OK.
| | 04:52 | This will then show or bring that
identity plate up at the top of the image.
| | 04:57 | Next we want to create some sort of a link.
| | 04:59 | This can either be a link to our
web site or we could use a mail link.
| | 05:04 | If we wanted this to open up their
email program, well, then highlight the Web
| | 05:09 | or Mail link, copy it, and then go ahead and
paste it down here or you can type out your URL.
| | 05:15 | For example, you could add something
like this, chrisorwig.com, so that when the
| | 05:19 | user clicks on this it will then
take them to that particular site.
| | 05:23 | It's actually a good idea to
type out the full URL string.
| | 05:27 | So I'll go ahead and do
that http://www.chrisorwig.com.
| | 05:34 | Okay, well, our customization is going well.
We've made it through our Site Info panel.
| | 05:40 | We have more customization to do.
| | 05:42 | Let's continue to do that in the next movie.
| | Collapse this transcript |
| Changing the gallery's color and appearance| 00:00 | Let's take a look at how we can
customize our layout using the Color Palette and
| | 00:04 | the Appearance panels.
| | 00:06 | Well, I have created this custom
identity plate here, and it has a black
| | 00:09 | background, and I have a problem with
this, right, because my web gallery has a
| | 00:14 | dark gray background.
| | 00:15 | Therefore, this identity plate it
just looks kind of squished or awkward.
| | 00:20 | So in order to fix this, I want to
change the background color of my gallery.
| | 00:24 | We can make changes like
that in our Color Palette panel.
| | 00:27 | Well, notice we have a number of
different options. I will go down to Background
| | 00:31 | and I will go ahead and
just select a black background.
| | 00:34 | Now that I do that, this looks a
little bit more fitting, a bit more open.
| | 00:39 | We can also change other elements here.
| | 00:42 | You can see that you can
change the Cell color background.
| | 00:45 | If you wanted to remove that, say go
to black or you could just choose that
| | 00:49 | option. Here I am going to
choose my same background color.
| | 00:52 | Now it looks like that has disappeared.
| | 00:54 | I can always undo any of these changes
by pressing Command+Z or Ctrl+Z; that
| | 01:00 | will undo my last change and
bring it back to the way that it was.
| | 01:05 | There are other elements as well.
| | 01:06 | You will want to scroll around it
a little bit so you can see those.
| | 01:09 | Let's say that we want to bring a little
color into the text, perhaps a nice blue.
| | 01:14 | We will click on that color chip and
then go ahead and make a selection of a
| | 01:18 | color, perhaps something like this,
adding a little bit of a nice hue down there
| | 01:22 | to that to try to highlight those
elements, so people notice them.
| | 01:27 | Well, next let's see what else we can
do in regards to making changes here.
| | 01:31 | We could of course use any of these
fields to make changes, or we can make more
| | 01:35 | drastic changes by going
to the Appearance panel.
| | 01:38 | Now the Appearance panel
is actually kind of fun.
| | 01:41 | Let's take a look at some of these settings.
| | 01:43 | We can choose to have Drop
Shadows behind our photos with this
| | 01:46 | particular gallery;
| | 01:48 | we can turn that option on or off.
| | 01:50 | We can change the borders here;
we could remove those borders.
| | 01:53 | We can also change this overall
grid; we can make this grid bigger.
| | 01:58 | Here as I do that, you can see I have
more images or we can make it taller, and
| | 02:03 | you can change this based on your own
needs or the desire that you have, the way
| | 02:07 | that you want to display this.
| | 02:08 | If the numbers are distracting there,
we will get rid of them by clicking on
| | 02:13 | the Show Numbers icon.
| | 02:14 | You could change the Photo Borders as well.
| | 02:17 | And then for the Image Pages you will
notice there is a little Warning icon.
| | 02:22 | If I make a change here, say to my
photo borders, and I increase the width,
| | 02:26 | I don't see anything.
| | 02:28 | Well this Warning icon is telling us
that in order to make that change we have
| | 02:32 | to go to a different view, and so in
order to go to that other view, let's go
| | 02:36 | ahead and select an image, and then
click on it, and it will take us to this page
| | 02:41 | View where we can see one image at a time.
| | 02:44 | Now as I change the width of the border,
we are going to see that is updated here.
| | 02:48 | I can also change the width of these
pages making it smaller or increasing the
| | 02:53 | size making it larger.
| | 02:54 | You can see that we can customize that
and then click through our photographs
| | 02:58 | to see how this looks.
| | 03:00 | Now as we see this in this large
view, what we are seeing is this big
| | 03:04 | gray background color.
| | 03:06 | Perhaps we have decided we want to darken that.
| | 03:09 | No big deal, you know where to go, right?
| | 03:11 | You go back to your Color Palette panel,
and then make the change for this Detail
| | 03:16 | Matte color, and here we'll just darken
this up a little bit to a darker gray.
| | 03:21 | Make something a little bit more dense
there, and perhaps this edge, well, we
| | 03:26 | don't really like that; we
don't like that grid line.
| | 03:29 | Well, we can change that or remove that.
| | 03:31 | We could go ahead and choose
something that is nice and dark, perhaps
| | 03:34 | something deep and black, and we could take
that off in its entirety, so that now it's gone.
| | 03:40 | If we go back to the Index view, we will
see that those gridlines are gone as well.
| | 03:45 | Just goes to that background color.
| | 03:48 | So as you can see, you can use these
Color Palette and Appearance panels in
| | 03:52 | order to have a lot of freedom and
flexibility to customize your web gallery so
| | 03:57 | that it suits your own
visual aesthetic and needs.
| | Collapse this transcript |
| Adding captions and titles| 00:00 | As you begin to work more with the web
galleries, you'll notice that there are
| | 00:03 | some web galleries like this one here
which allow you to take advantage of and
| | 00:08 | display valuable image info.
| | 00:10 | In this case, what we can do is we can
display the image title or a caption, and
| | 00:15 | this can be really helpful with pictures.
| | 00:17 | Let's say if we click on one of these
photographs, we can see this image and
| | 00:21 | it's a little bit more big.
| | 00:23 | Yet you'll notice that there isn't
anything displayed above in regards to say a
| | 00:27 | title or maybe a caption, either
above or below, or why is that?
| | 00:32 | We have these boxes checked on.
| | 00:34 | Well, the reason why nothing is being
displayed is because we haven't added
| | 00:38 | anything in our Metadata panel
to this image or these images.
| | 00:42 | In order to do that we'll go to the
Library module. So here let's click on the
| | 00:46 | Library module button, and then in panels
on the right we're going to expand our
| | 00:51 | Metadata panel, and we can just leave
this on the default setting here because
| | 00:56 | this gives us access to
the Title and Caption fields.
| | 01:00 | Let's go ahead and add a title here,
and I'll go ahead and type out Barton
| | 01:03 | Family/Santa Barbara.
| | 01:08 | Next for the caption, I'm going to
type out a caption here: the Barton family
| | 01:14 | enjoys the sunset at Butterfly
Beach in Santa Barbara California.
| | 01:24 | Next I'm going to go back to the Web module.
| | 01:27 | Here in the Web module we'll all of a sudden
notice that this information is now displayed.
| | 01:31 | We have the title up top, Barton
Family/Santa Barbara, and we have the
| | 01:35 | caption down below: The Barton family
enjoys the sunset at Butterfly Beach in
| | 01:39 | Santa Barbara California.
| | 01:41 | We can also change the way
this information is displayed.
| | 01:44 | If the title, well, say it's a
little bit distracting, we can go ahead and
| | 01:48 | remove that by simply clicking on this
button in order to deselect that option,
| | 01:53 | or we can change the
information which is displayed.
| | 01:57 | Let's say for example that this web
gallery, well, it's a little bit more about a
| | 02:00 | gallery which is instructive;
it's for other photographers.
| | 02:04 | Well, from this Title menu we could
change that to display say our equipment
| | 02:09 | so that people could know how this image was
captured with the 5D Mark II, the 70-200 F/2.8 lens.
| | 02:16 | So we could display that there, and again
there are various fields that we can choose here.
| | 02:21 | And we can then go back to Title also
to just select that Title field there.
| | 02:26 | So what this allows us to do is to
display metadata along with our images, which
| | 02:31 | in certain scenarios can be incredibly helpful.
| | Collapse this transcript |
| Saving custom templates| 00:00 | After you've invested all of this time
and effort into customizing your own web
| | 00:04 | gallery, it may be a good
idea to save these changes.
| | 00:08 | You can save all of these settings by
creating your own custom user template.
| | 00:12 | Now the first step, of course, is to
make changes to your panels, as we've done
| | 00:16 | here, and you can make changes to
one or to every one of those panels.
| | 00:21 | The next step is to go to the Template
Browser panel, which is located on the left.
| | 00:26 | To do that you can simply open up this
browser over here. You'll notice we have
| | 00:30 | different templates,
| | 00:32 | those preinstalled Lightroom
Templates, or you can create your own.
| | 00:36 | To create your own, you go to the
Plus (+) icon. This will open up our
| | 00:39 | New Template dialog.
| | 00:41 | Here I will type out the name of
this one, I am going to call this CO, my
| | 00:44 | initials, and an HTML Basic. I'll save
this to the Folder User Templates, and
| | 00:50 | then Click on Create.
| | 00:52 | This will then remember all of those
settings that we've customized in the
| | 00:57 | panels on the right.
| | 00:58 | And the great thing about this is that
if ever we are not sure if we like this
| | 01:02 | layout, we could go and choose another
one, say like the Lightroom Flash Gallery,
| | 01:07 | and then decide yourself, you know
what, actually I don't like the Flash
| | 01:11 | Gallery, I want to go back to my
Custom Template, my custom layout.
| | 01:15 | Well, we can then reselect that in it
will apply that to our images, and it will
| | 01:20 | remember all of those settings that we
had previously dialed in and that we had
| | 01:24 | saved and kind of bait into this template.
| | 01:27 | We can also choose different images;
for example, I will go ahead and choose
| | 01:31 | this folder or this collection Mexico.
| | 01:34 | Well, this is then going to show me
these images with this template selected, and
| | 01:38 | the great thing about this is again
it's going to remember those settings; also
| | 01:42 | our identity plate and all of the
information that we've added to this
| | 01:46 | particular template, including our
email address and the way that this looks.
| | 01:51 | And so as you can imagine creating
custom templates, well, it can really speed
| | 01:55 | up your overall workflow.
| | 01:57 | It also can help you create some sort
of a visual and also functional cohesion
| | 02:02 | with your online galleries.
| | 02:04 | Rather than having your online
galleries always look different, you can create
| | 02:09 | some which look similar or the same.
| | 02:11 | This can help with your overall
branding efforts, so that when people look at
| | 02:15 | your images they are not necessarily
thinking about the web gallery; they are
| | 02:19 | not thinking about the visual aesthetics.
| | 02:22 | Those kind of fade to the background;
rather they are focused on the photograph.
| | 02:26 | So they can really get to those
pictures and evaluate and enjoy those
| | 02:31 | pictures in a nice way.
| | 02:32 | So if you haven't ever experimented
with customizing your own web galleries,
| | 02:36 | you will definitely want to do that and
then near the end of the process, make
| | 02:40 | sure that you save all those settings
out by simply saving your own custom user
| | 02:45 | template.
| | Collapse this transcript |
|
|
3. Output and Upload SettingsWorking with JPEG compression using the Quality slider| 00:00 | Before you upload your online web
gallery, you will want to navigate to the
| | 00:04 | Output Settings panel, because here we
can dial in some important settings in
| | 00:08 | regards to our image quality.
| | 00:11 | We could add a watermark to our
photographs, and also select the amount of
| | 00:15 | sharpening that we want to
have applied to our photographs.
| | 00:17 | Well, let's start off by taking a look
at image quality, you'll notice that for
| | 00:22 | this gallery it has to do with the
large images, so let's go ahead and click on
| | 00:26 | one of these images so that we can
see this a little bit more clearly.
| | 00:30 | Now if we decrease the quality, while
the image will fall apart; increase the
| | 00:34 | quality the image will look better.
| | 00:36 | So what then is an appropriate quality amount?
| | 00:40 | Well, this is JPEG compression you
don't want to go up to 100 because what that
| | 00:45 | will do is it will increase your file
size in your web gallery. Well, it will
| | 00:50 | lag; it will run a little bit too slow.
| | 00:53 | So therefore you want to find that
optimum spot where you lower the quality
| | 00:58 | amount but where the image doesn't
fall apart, where it looks the best.
| | 01:03 | Typically this is right around 70
or 75, so again that may be a good
| | 01:08 | starting point for you.
| | 01:09 | Of course, though this will vary with
the type of photograph that you have, but
| | 01:14 | again right around 70 is a
pretty good spot for that.
| | 01:17 | Next we can include some
metadata with these images.
| | 01:20 | In this case, these images already have my
copyright on them, and it's picking that up.
| | 01:25 | It can include that with the
photographs or if I have other metadata that I've
| | 01:30 | added in the Library module
I can choose that as well.
| | 01:33 | Well, here I'll just select the Copyright info.
| | Collapse this transcript |
| Adding watermarks and sharpening photos| 00:00 | Next we have the option of adding a watermark.
| | 00:03 | We can use watermarks to protect our
photographs and this really opens up a
| | 00:08 | whole new world, and what you can do
here is you can click on this little menu
| | 00:12 | here and open up the menu or the
dialog for editing or creating watermarks.
| | 00:17 | You notice that it picked up my
copyright info. You can create your own if you
| | 00:22 | don't see that there by simply adding that.
| | 00:24 | On a Mac you press Option+G, on
Windows you press Ctrl+Alt+C to create that
| | 00:30 | little Copyright icon, and then
go ahead and type out your name.
| | 00:34 | Next, on the right-hand side
we have a few Text Options.
| | 00:37 | We could change the Font of this. We
could go ahead and select something
| | 00:40 | different there, and you can
see how it updates that here.
| | 00:44 | We can also go back say to something a
bit more simple, if you want to do that,
| | 00:48 | and then it will update that in this field.
| | 00:50 | We can also align this text different
ways. Choose Color, choose Drop Shadow
| | 00:55 | behind it, and then if you scroll
down you actually have some really
| | 00:59 | powerful controls over this.
| | 01:01 | You can choose to change its size by
clicking and dragging this slider or by
| | 01:06 | hovering over it and
dragging these corner points.
| | 01:09 | You can then anchor this in one of
the different corners, or in one of the
| | 01:13 | different positions on top of the image.
| | 01:16 | You can choose to increase its size to
fill the entirety of the image, or you
| | 01:20 | can go all the way so that this
watermark, well, it goes top to bottom it just
| | 01:25 | fills the entire image.
| | 01:27 | Again, you want to make the choice
based on your own watermark in regards to
| | 01:31 | what you think will work best.
| | 01:33 | You can also rotate this so that
it goes in different directions.
| | 01:36 | All right. Well, what else
can we do with our watermarks?
| | 01:40 | Well, if you navigate back to the top of
this menu, you may have noticed that you
| | 01:44 | can also choose a file.
| | 01:46 | You can choose to include
a PNG file or a JPEG image.
| | 01:50 | Why would you want PNG versus JPEG?
| | 01:53 | Well, you may want to choose JPEG if
you have a little logo file you want to
| | 01:57 | include on the bottom corner of your
image, or maybe you'll choose PNG because
| | 02:02 | you want transparency.
| | 02:04 | Well, let's take a look at how we
could work with a PNG watermark.
| | 02:07 | In order to do that I'll open up
Photoshop here briefly and show you a
| | 02:11 | watermark that I created.
| | 02:13 | It's this copyright symbol.
| | 02:15 | You can see this is a two-layered file.
| | 02:17 | We have the background and then the watermark.
| | 02:19 | Let me go to Full Screen mode for a second
so that we can hide everything else here.
| | 02:23 | Well, here you can see
that this is really simple.
| | 02:26 | You can get more elaborate than this,
or you can just keep things simple.
| | 02:30 | Next, when you save this out, you go
to File and then choose Save As, and when
| | 02:35 | you save this, you are
going to go to this PNG option.
| | 02:38 | And in this case I've already saved
this watermark to our exercise files folder.
| | 02:43 | So I am just going to click Cancel but
typically in your own workflow you would
| | 02:47 | save it to a location that you want to remember.
| | 02:50 | Next you'll go back to Lightroom.
| | 02:52 | Back inside of Lightroom what we will
do then is we will choose this file.
| | 02:56 | We will navigate to where this file
lives, in this case exercise files, and
| | 03:01 | we will click Choose.
| | 03:02 | This will then bring in this watermark.
| | 03:04 | You will notice that our Text
Options were grayed out; that makes sense
| | 03:09 | because this isn't text.
| | 03:10 | We can then customize this watermark.
We can go ahead and fill the entirety of
| | 03:15 | the image with this, or fit this to
extend to those edges, control the overall
| | 03:20 | opacity, and what this can do for
you is really protect your photographs.
| | 03:25 | Because as you can imagine it would be
pretty difficult to steal and reuse this
| | 03:30 | image with this big symbol on top of it.
| | 03:33 | Yet you want to make sure that you are
using a watermark which is appropriate
| | 03:37 | for your web gallery.
| | 03:38 | In other words, this web gallery, well,
it's just for these family friends to
| | 03:42 | view these pictures.
| | 03:43 | I'm not worried about them stealing
these images. So this watermark, this symbol,
| | 03:48 | well, it would just be over
the top, kind of obnoxious.
| | 03:52 | So in this case I may want to go back
to something really simple like this text
| | 03:56 | watermark, and maybe what I'll do is
put it in the lower left-hand corner and
| | 04:01 | just make this nice and small, and it
kind of tucks it away down there. It's
| | 04:04 | there. It's visible.
| | 04:06 | I am covering my bases
but it's not over the top.
| | 04:09 | I will just push this out and up a little
bit as well, just push that away from the edge.
| | 04:14 | Well, once you've dialed in that
watermark, what you will want to do is save
| | 04:19 | this out as a preset.
| | 04:20 | To do that you click Save.
| | 04:22 | I will go ahead and name this one, my
copyright, (c) Chris Orwig, and then click Create.
| | 04:29 | Now back in Lightroom it will apply
that watermark, and you can see that as we
| | 04:33 | click through these images, it's on
all of those photographs in the lower
| | 04:37 | left-hand corner, and then in the future
you can select this from this pulldown menu.
| | 04:42 | So in the future you'll simply be able
to make that selection, apply that to
| | 04:46 | your photographs, and voila, it will be
there included in your web gallery. All right!
| | 04:51 | Well, our final output setting
decision here has to do with sharpening.
| | 04:56 | All images need a certain amount of
sharpening, especially images that are
| | 05:00 | going to go online.
| | 05:02 | When a photograph is a little teeny
JPEG file, it needs a specific type of
| | 05:06 | sharpening because it's kind of delicate.
| | 05:09 | It's not this big, giant, Raw file
rather, it's the small little thin file.
| | 05:14 | Well the Web module Sharpening is
really good, and we have three options:
| | 05:18 | Low, Standard, or High.
| | 05:20 | What I've found is that in almost
all scenarios, Standard has been great.
| | 05:25 | That is been the option that I've
used most frequently, 90% of the time.
| | 05:29 | So most likely you will want to
choose that option, and with choosing that
| | 05:33 | option that wraps up our
conversation about our output settings.
| | Collapse this transcript |
| Uploading HTML galleries| 00:00 | We're now just about ready to take our final
step and to upload this gallery to our server.
| | 00:05 | Yet before we actually dial in our
Upload Settings and go through the process of
| | 00:09 | uploading, what you want to do is click
on this button on the bottom left-hand
| | 00:13 | corner; it's Preview and Browser.
| | 00:15 | What this will do is it will open up a
local version of this in your web browser.
| | 00:20 | In other words, this won't upload it
to the web, but it will show you these
| | 00:24 | files just pulling them off of your
hard drive here and show you them inside
| | 00:28 | of this web browser.
| | 00:30 | We could then click through
this and see how this functions.
| | 00:32 | You just take a look at how this gallery
actually is going to look inside of a browser.
| | 00:37 | Well, seeing it here as far as the
demo goes, I think it looks fine.
| | 00:41 | So I'll close this window and
go back to my Upload Settings.
| | 00:45 | What we need to do is to dial
in some Custom Settings here.
| | 00:49 | So we'll go to this menu and choose Edit.
| | 00:52 | In this dialog we are looking
to enter in some values here.
| | 00:55 | First of all is the Server name. In this
case, I'm uploading it to chrisorwig.com.
| | 01:00 | Next my username. This is a username
that I got from the host company, and then
| | 01:05 | finally my password.
| | 01:07 | Go ahead and enter in those values.
| | 01:10 | The next thing that you are going
to want to do is to click on Browse.
| | 01:13 | This will tell you a couple of things. One,
| | 01:15 | it will tell you if you entered
in the correct information, and two,
| | 01:19 | what it will do is it
will take you to your server.
| | 01:21 | You want to go to the correct folder.
| | 01:24 | In this case the folder is html.
| | 01:26 | Depending on your host company, this can
be either public_html or public htt docs.
| | 01:33 | Again, the Server Path, this will be
given to you by your host company, and will
| | 01:38 | vary based on who your
hosting company actually is.
| | 01:42 | Now that we have dialed in all of
this, I am going to go ahead and click
| | 01:46 | to store my password in preset; this will
remember this password inside of Lightroom.
| | 01:51 | And then I'll go ahead and click OK.
| | 01:54 | Next I need to determine a subfolder.
| | 01:56 | Where do I want this to exist?
| | 01:59 | How do I want someone to navigate to the site?
| | 02:01 | In other words, chrisorwig.com/what.
| | 02:06 | In this case, I'll go ahead and just
name this demo-color, and then I am going
| | 02:10 | to click on Upload.
| | 02:12 | This will then upload these
files to the server in this folder.
| | 02:16 | While this is taking place, while it's
exporting and uploading this, I am going
| | 02:20 | to go to my black-and-white folder.
| | 02:22 | This is the same set of
images but now in black and white.
| | 02:25 | I want to put these in a folder demo-bw
for black and white, and then click Upload.
| | 02:32 | And again the great thing about this
upload feature is that all of this is going
| | 02:37 | to happen behind the scenes.
| | 02:39 | You can do whatever else
you need to do in Lightroom.
| | 02:42 | It doesn't hang up Lightroom.
| | 02:44 | It just happens in the background.
| | 02:46 | Well, next what I need to do
is I need to open up my browser.
| | 02:49 | And in my browser I am going to
go ahead and navigate to the site.
| | 02:52 | It's chrisorwig.com/demo-color.
| | 02:56 | Let's look at that first
web gallery. Here it is.
| | 02:59 | We can see this because we went to that
folder name, and I am just going to pull
| | 03:04 | this way down here for a second to
illustrate that whatever we include here in
| | 03:08 | this folder name, well that's going to
be how you'll pull this up on the web.
| | 03:13 | If I want to see the black-and-
white images, well, in this case, it's
| | 03:16 | chrisorwig.com/demo-bw, and then I can
see that web gallery here and you can see
| | 03:24 | how those images appear.
| | 03:26 | They appear inside of this folder which
is titled demo-bw and navigating to that
| | 03:31 | folder is really simple.
| | 03:33 | Again, it's just the full URL/the folder name.
| | 03:37 | Therefore, if you wanted to email out
a link to someone in order to see these
| | 03:41 | pictures, then you would just then
email this full URL string.
| | 03:45 | That entire address that you can see
in the address bar, which in this case is
| | 03:49 | chrisorwig.com/demo-bw.
| | Collapse this transcript |
| Uploading Flash galleries| 00:00 | So far we've taken a look at how we
could upload a custom HTML gallery.
| | 00:04 | Well here let's explore how we could
upload a gallery of photographs but use one
| | 00:08 | of those Flash galleries.
| | 00:10 | The first collection that I want to
work with is this one here is Jeff Johnson,
| | 00:14 | and in my own workflow I
typically don't use galleries like this.
| | 00:18 | I think they're just a
little bit too cumbersome.
| | 00:21 | Typically, what I like to do is
to use the Flash Slideshow gallery.
| | 00:25 | So I will scroll down to
that and click on Slideshow.
| | 00:28 | This one is really simple and clean,
it's really focused on the images, you can
| | 00:33 | click through it and see the photographs here.
| | 00:35 | Well, now that we can see this,
let's go ahead and upload this one.
| | 00:39 | In order to do that, it's really as
simple as making the selection of the
| | 00:43 | template here and then dialing in any
settings that we may want to change, but
| | 00:47 | here I think it looks fine, and
then determining our subfolder.
| | 00:51 | I will name the subfolder jeff
_johnson so it's going to be
| | 00:55 | chrisorwig.com/jeffjohnson, and then I
will simple click Upload. This will then
| | 01:01 | upload these files to the server.
| | 01:04 | Let's do one more Flash gallery just
so we have something to compare this to.
| | 01:08 | This time we will click on Mexico,
and we will go to another layout style.
| | 01:13 | Let's choose a fun layout style. How
about something like the PostcardViewer,
| | 01:17 | which gives us this little grid
of all of these different pictures.
| | 01:21 | For this grid I may want to change this,
so we can go to Appearance and change
| | 01:25 | the number of Columns; I
am going to crank this up.
| | 01:28 | As you will start to work with these
different web galleries, you will notice
| | 01:31 | that each web gallery it will have
different options in these panels, depending
| | 01:35 | on the type of gallery that it is, and
here I am just looking for one that might
| | 01:39 | work, and I think this one works pretty
well and this is kind of interesting.
| | 01:43 | So I am going to zoom in and then go
ahead and just navigate through this, and
| | 01:47 | just look at how this
appears here in this window.
| | 01:50 | Okay, well, perfect, I like it. I have
dialed in my settings there. I will go
| | 01:54 | down to my Upload Settings.
| | 01:57 | I will go ahead and type out the
name of the town where these images were
| | 02:00 | captured, sayulita, and
then I will click on Upload.
| | 02:04 | This will then upload those photographs.
| | 02:06 | Well, next what we will need to do is
we'll need to navigate to our browser and
| | 02:11 | open up a new web browser and we know
how this works already. We simply navigate
| | 02:16 | to the domain name and
then the name of the folder.
| | 02:18 | For example, we could go to that
folder which was called jeff_johnson and it
| | 02:23 | will take us to the images, and with
this Flash gallery the beauty of it is
| | 02:28 | that there is Q loading.
| | 02:29 | In other words, if I click really
faster these images you see that there is
| | 02:33 | really no lag time at all because all
of the loading, well, it's taking place
| | 02:38 | behind the scenes, and that's a wonder
of working with a gallery like this is it
| | 02:43 | speeds up the way someone
can view those pictures.
| | 02:46 | Let's look at another gallery which
was that one which was in a folder titled
| | 02:50 | sayulita, and when we go to that URL
address we can see this and what's fun
| | 02:55 | about this one is that it populates
this with all of these different images and
| | 03:00 | it also will change.
| | 03:01 | If we change the size of our browser it
kind of hides or changes the view here.
| | 03:06 | If you refresh this, you notice that it
will distribute the images differently,
| | 03:11 | and it distributes them differently
every time you click Refresh, and we already
| | 03:15 | know how this one works, so we can
click to zoom in. Use our arrow keys to
| | 03:19 | navigate around the images in
order to view those pictures.
| | 03:23 | And again, you can click to zoom out.
| | 03:25 | So let's say with the sayulita
one, I don't like the layout.
| | 03:30 | I go ahead and expand this, and I notice
that based on my grid I kind of have one
| | 03:36 | orphaned photograph that doesn't work.
| | 03:40 | I need to change this web gallery.
| | 03:42 | Well, what do you do when you want
to change a Flash or an HTML gallery?
| | 03:46 | Well, what you do is you
navigate back to Lightroom.
| | 03:49 | Back in Lightroom, you can
change the way that this is displayed.
| | 03:53 | Here what I am going to do is go ahead
and choose Use the Selected Photos, and
| | 03:57 | then I am going to select the
pictures that I want to use for this gallery.
| | 04:01 | Clicking on one, holding on the Shift
key, and then going all the way down the
| | 04:05 | line to select the pictures, all of
them except for this last photograph, or
| | 04:11 | to make this a little bit more simple I will go
ahead and remove a whole row of pictures here.
| | 04:15 | You can see that it will update my view.
| | 04:17 | Now all of these fit in this space.
| | 04:20 | I have fewer pictures and I think that works.
| | 04:24 | So again make whatever changes you
want in this gallery using the panels or
| | 04:28 | selecting images whatever it is.
| | 04:30 | Next what you will want to
do is re-upload these images.
| | 04:34 | To do that you click Upload.
| | 04:36 | It will give you this warning message.
| | 04:38 | It says, The specific destination,
already exists on the server.
| | 04:43 | What do you want to do?
| | 04:44 | Do you want to overwrite what's there?
| | 04:46 | Well in my case I do, so I will click Continue.
| | 04:50 | This will then re-upload all of these
images. It will take what's there and
| | 04:54 | replace it with this new web gallery,
and once this is complete we can then pull
| | 05:00 | up our web browser and we will wait for
that to be complete up here, and then now
| | 05:04 | we will click on Refresh and refresh
this gallery, and what we will see is
| | 05:09 | something which is new.
| | 05:10 | It has less images, less rows.
| | 05:13 | This one fits more effectively in this space.
| | 05:16 | So the process of making changes to
your web gallery is really as simple as
| | 05:20 | going back to Lightroom, dialing in
those changes, and then re-uploading.
| | 05:25 | And then finally I want to highlight
here again that in order to share these
| | 05:30 | pictures, you're just going to
highlight this full URL string.
| | 05:33 | Highlight everything there, and then
go ahead and send that link in an email
| | 05:38 | to your client or friend, and in that
way you can share this web gallery with
| | 05:43 | others.
| | Collapse this transcript |
| Exploring online web gallery resources| 00:00 | If these movies on the Lightroom web
galleries have piqued your interest and if
| | 00:04 | you're interested in learning how
to work with these perhaps even more
| | 00:07 | effectively or if you're interested in
kind of creating web galleries that are
| | 00:11 | even stronger, you may find these
resources helpful here, and what I want to do
| | 00:16 | is just share with you four
different sites where you can find some more
| | 00:20 | information about working
with Lightroom web galleries.
| | 00:24 | The first site is the Adobe Exchange
site. You can navigate to Adobe Exchange
| | 00:28 | and then the Lightroom Exchange, and
you can do this by doing a simple Google
| | 00:32 | search for Adobe Lightroom Exchange.
| | 00:36 | Once you get to the URL, simply
click on Web Gallery, and it will show you
| | 00:40 | different web gallery plug-ins, some which
are free; others which you have to purchase.
| | 00:46 | Some of these plug-ins are really
powerful and strong like this one here. If
| | 00:50 | you click on this information for this one
it can take you to this site The Turning Gate.
| | 00:55 | This allows you to take some of these
Lightroom Web Galleries, and rather than
| | 00:59 | just having a gallery, you can
actually create a fully functioning web site.
| | 01:04 | So again this extends its reach, you
still work right inside of Lightroom but
| | 01:09 | now you can do more.
| | 01:11 | Another site that I want to
highlight is this one here.
| | 01:14 | It's lightroom-blog.com/lrbportfolio,
and here you can find other plug-ins which
| | 01:21 | allow you to create portfolio web sites
while using Lightroom. Click through the
| | 01:26 | Sample Gallery section in order to
see if this one might be a fit for you.
| | 01:31 | The last resource site that I want to
highlight or share with you is this one;
| | 01:34 | it's slideshowpro.net.
| | 01:37 | This one provides perhaps the
most powerful and flexible option.
| | 01:41 | Again, it allows you to work with
Lightroom in order to create functioning
| | 01:45 | slideshows, galleries, or sites.
| | 01:48 | Well, what you want to do is navigate
to this site, and look at the various
| | 01:51 | examples to see how this works,
and then explore how you can use the
| | 01:55 | SlideShowPro Director in the
Lightroom plug-in in order to design and build
| | 02:00 | slideshows, galleries, and web sites.
| | 02:03 | Now this one, again, it costs something,
yet there is a free trial, which might be
| | 02:06 | worthwhile to tinker with.
| | 02:08 | Perhaps most importantly, I want to
share with you these various resource
| | 02:12 | sites just to get you thinking about
how you might extend Lightroom's reach,
| | 02:17 | how you might take this even farther
in order to make even more effective
| | 02:21 | Lightroom galleries.
| | Collapse this transcript |
|
|
4. Working with SlideshowsCreating an impromptu slideshow| 00:00 | As you and I both know, Lightroom,
it's an incredibly effective and
| | 00:03 | creative workflow tool.
| | 00:05 | We can do so much in Lightroom, we
can rate, rank, sort and filter, add
| | 00:09 | metadata, develop process,
and do so much with our images.
| | 00:13 | Yet sometimes, we can get caught up in
our own workflow, we can kind of be taken
| | 00:18 | away by what we're doing, and you know
every once in a while it's helpful just
| | 00:22 | to step back from working on our
images to just enjoin those pictures.
| | 00:27 | Well that's where creating an
impromptu slideshow really comes into play.
| | 00:31 | Let's say like with this set of
photographs here; these are some pictures of
| | 00:35 | Keith Carter, who is a fine art
photographer, his home and studio.
| | 00:39 | And let's say that as we're working on
them in the Library module, we go ahead
| | 00:44 | and double-click on one of the images
to take it to this Loop View mode and we
| | 00:48 | decide rather than trying to analyze
the images or figure out what's wrong with
| | 00:53 | these pictures, or to process these
photographs I just want to enjoy them.
| | 00:58 | In those situations, we can create
what's called an impromptu slideshow and we
| | 01:02 | do this by way of a shortcut.
| | 01:04 | The shortcut on a Mac is Command+
Return, on Windows that's Ctrl+Enter.
| | 01:10 | This will then trigger and then play a
slideshow based on whatever settings we
| | 01:14 | used previously, and here we can see
these images are slowly passing by.
| | 01:19 | I find in my own photographic
workflow as an artist every once in a while I
| | 01:24 | just need to do this; rather than
having the control and clicking and moving
| | 01:29 | fast and again working, I need to just enjoy,
and so this impromptu, it allows me to do that.
| | 01:36 | Now if ever you are ready to exit the
slideshow, all that you need to do is to
| | 01:40 | press the Escape key or to simply
click on one of the images, and then it will
| | 01:45 | go back to Lightroom.
| | 01:46 | And the advantage of doing this is it gives
you a different perspective on your photographs.
| | 01:52 | Sometimes it's helpful to even
increase your distance from your pictures, you
| | 01:56 | know when you view your images on a
computer you're really close and not
| | 02:00 | everyone's going to look
at your pictures that way.
| | 02:03 | Sometimes it's helpful to stand up,
step back, and just create a little quick
| | 02:07 | impromptu slideshow, and view
your photographs in a new way.
| | 02:11 | And I should also point out that you
can create these impromptu slideshows from
| | 02:14 | any of your modules; regardless of the
module you're in you can go ahead and press
| | 02:19 | that shortcut and it will trigger
or create that impromptu slideshow.
| | Collapse this transcript |
| Creating collections in the Slideshow module| 00:00 | In one of the previous chapters we've
already talked about using collections to
| | 00:04 | group images and also how we can
rename or reorder our photographs, so I am
| | 00:09 | going to skip all of that here.
| | 00:11 | Yet, what I do want to focus in on is
how we can create collections which are
| | 00:14 | specific to a particular module,
in this case, the Slideshow module.
| | 00:18 | Well here, you can see I have two
folders of images, the first one is titled
| | 00:23 | Keith Carter, the second one is Keith
Home. What I want to do is I want to
| | 00:27 | create a collection, a slideshow
collection of both of these folders of images
| | 00:32 | because I want to showcase these images
or share them with someone, or perhaps
| | 00:36 | give a lecture and talk about
these different photographs.
| | 00:39 | These pictures were all captured when
I was creating one of my other training
| | 00:42 | courses on the lynda.com library.
It's called Narrative Photography, and we
| | 00:47 | focused in on this fine art photographer and
one of my friends and mentors Keith Carter.
| | 00:52 | So how then, can I select both
of these folders and create a
| | 00:55 | slideshow collection.
| | 00:57 | I am going to click on the first folder
and then hold down the Command key on a
| | 01:01 | Mac, Ctrl key on Windows, and
then click on the second folder.
| | 01:05 | This now shows me all of these
images. We can see them here in the film
| | 01:09 | strip; the photographs that were
captured of his home and studio and also a
| | 01:12 | few portraits of Keith.
| | 01:14 | Next, I'll go to the Slideshow module
by clicking on the button in the Module
| | 01:18 | Picker here, and then in the
Collections Panel, I will click the Plus (+) icon,
| | 01:23 | and I'll choose Create Slideshow. Now
whenever you see this in modules, you know
| | 01:27 | that it's really good to create a
slideshow collection; not a slideshow but a
| | 01:31 | slideshow collection.
| | 01:33 | I will go ahead and call this one Keith
Carter. I want to place this at the top
| | 01:37 | level. No need to have a virtual copies.
I will just use all of those images,
| | 01:41 | and then click Create.
| | 01:43 | Well, now we can see that we have all
of these images selected here, and we can
| | 01:47 | then go back to the Library module,
because back in the Library module I want to
| | 01:51 | evaluate these pictures. Well, here as
I look at them, I notice that my sort
| | 01:56 | order, well, it's a little bit off, it's
capture time, that's not what I want.
| | 02:00 | What I really want is -- I want filename;
| | 02:03 | so I am going to go ahead
and choose Filename here.
| | 02:05 | It will then reorder those images
starting off with these portraits here, and
| | 02:09 | then eventually going to these
pictures that were captured at Keith's house.
| | 02:13 | You also will notice that this
collection, well, it has a different icon and
| | 02:17 | that makes sense because
it's a slideshow collection.
| | 02:20 | The beauty of creating collections
which are particular to different modules is
| | 02:25 | that they have this icon which
triggers something. It reminds you, okay, this
| | 02:28 | was created in the Slideshow
module, and also it's functional.
| | 02:32 | You will notice the arrow on the right-
hand side. Well, if you click on that
| | 02:36 | in any of the other modules, it will
then take you to the module into which
| | 02:41 | this one was created.
| | 02:42 | In this case the Slideshow module.
| | Collapse this transcript |
| Using slideshow templates and customizing the layout| 00:00 |
Now that we are here inside of the
Slideshow module, let's take a look at how we
| | 00:04 |
can use the Template Browser, in order
to select a template, and also how we can
| | 00:08 |
start to customize and work with our slideshow.
| | 00:11 |
Well, if you open up the Template
Browser panel on the left, you will notice we
| | 00:15 |
just have a few templates.
| | 00:16 |
Hover over them you can see the
preview above or click on them in order to
| | 00:21 |
apply that to the images.
| | 00:23 |
Let's say that we want to
select this one here Widescreen.
| | 00:26 |
We can then click through the images
and we can do that by simply clicking on
| | 00:29 |
them here in the filmstrip
or by using our arrow keys.
| | 00:33 |
Now when you do that, you'll notice a few
things about how the images will be displayed.
| | 00:37 |
In this case I notice there is a little bit
of a black space on each side of the image.
| | 00:42 |
We also can make some selections in
regards to what photographs we want to
| | 00:46 |
include in the slideshow.
| | 00:47 |
In other words, do we want to simply
use all the filmstrip photos or maybe just
| | 00:52 |
the Selected Photos.
| | 00:53 |
If we just select it, hold down the
Command key on a Mac, Ctrl key on Windows,
| | 00:58 |
and then click on those images.
| | 01:00 |
Once you do that, you can then use the arrow
keys in order to go through those photographs.
| | 01:05 |
If you want to use photos that are
flagged, you can choose this option.
| | 01:09 |
We have already talked about how to add
flags to our photographs in the Web module.
| | 01:13 |
So if you're unfamiliar with that
process, you may want to go back and watch
| | 01:16 |
that movie if you haven't already seen it.
| | 01:18 |
Well, for now let's say we want
to just use all of the photos.
| | 01:22 |
So we will click on this
option for All Filmstrip Photos.
| | 01:25 |
Next, one of the things that you will notice
is that it shows me I am on Slide 11 of 36.
| | 01:30 |
This slideshow is going
to last for four minutes.
| | 01:33 |
What you can do is you can click through
the images in order to move back and forth.
| | 01:38 |
You can use the arrow keys, right or
left arrow key, or you can hover over the
| | 01:43 |
slide picker here and I can drag
really far, one way or the other.
| | 01:47 |
And this gives me really quick access
to move to these slides which are way
| | 01:51 |
down the line over here, which I might
not be able to click on unless I had to
| | 01:55 |
scroll all the way down the line.
| | 01:57 |
So again, this just gives us the
ability to really quickly toggle around or to
| | 02:01 |
slide around to view the
different slides here in the slideshow.
| | 02:05 |
Okay, well let's go back towards the
beginning of the slideshow and let's click
| | 02:08 |
on one of our images.
| | 02:10 |
I am going to click on this one, and then
I want to start to look at some options.
| | 02:14 |
If we go over to the panel on the
right, we can open up the Options panel.
| | 02:18 |
This gives us the ability to zoom this image
in so that I don't have any of that black space.
| | 02:23 |
Then when I click on one of the
vertical images, well, it crops it.
| | 02:26 |
So again it's zooming this to fill.
| | 02:29 |
Take a look at how this looks
here when I turn this option off.
| | 02:32 |
Okay, well that's not
going to work for us right.
| | 02:35 |
That crop, it's just too intense.
| | 02:37 |
It worked with the
horizontal layout not the vertical.
| | 02:41 |
So you will need to make the decision
based on what you're doing or how you're
| | 02:44 |
working on your images.
| | 02:45 |
We can also choose to add a
brushstroke around the images;
| | 02:48 |
in this case I'll have a white line or
white border or edge around the pictures.
| | 02:53 |
We could cast a shadow, we won't
be able to see this here because the
| | 02:56 |
background is black, but if we were to
change our background, we could see a
| | 02:59 |
drop shadow on those images.
| | 03:01 |
All right. Well, let's get to the layout.
| | 03:03 |
This is where things get interesting.
| | 03:05 |
In the Layout panel we can Show the Guides.
| | 03:08 |
Yet here you can't really see them
because they are all the way at the top and
| | 03:11 |
bottom, and also the right- and left-hand side.
| | 03:14 |
Yet if you hover over those guides,
they are really thin white lines.
| | 03:18 |
You can click and drag.
| | 03:19 |
As you do that, you can
change the way this is displayed.
| | 03:23 |
You notice that these
controls are working in unison.
| | 03:26 |
I can also use these
sliders to make changes here.
| | 03:29 |
And you want to see how your verticals
as well as your horizontal images fit
| | 03:33 |
inside of the space.
| | 03:35 |
If you don't want them all to work at
the same time, you can click on this
| | 03:39 |
option to unlink those.
| | 03:41 |
Now that they're not linked, I could
have this move a little bit more from the
| | 03:44 |
top down or I could have it moved
closer to the top of the image, so that
| | 03:48 |
they're a little bit more optically centered.
| | 03:50 |
So again, you can customize these based
on how you use these sliders, or by how
| | 03:55 |
you hover over these edges and
then change the way this layout works.
| | 04:00 |
| | Collapse this transcript |
| Adding slideshow overlays| 00:00 | Next, let's take us a look how we can
use the Overlays panel and in order to
| | 00:03 | further customize our slideshow.
| | 00:05 | In order to do that though first we
want to close the Options and the Layout
| | 00:09 | panel, because the Overlays
panel, well it's gigantic.
| | 00:13 | There are a number of different options here.
| | 00:15 | The first one is Identity Plate.
| | 00:17 | You can turn this on and then
click in this dialog and choose Edit.
| | 00:21 | This allows you to open up
the Identity Plate Editor.
| | 00:24 | I am going to go ahead and type out
the words CHRIS ORWING PHOTOGRAPHY.
| | 00:27 | Perhaps you want to include
your brand in this slideshow.
| | 00:30 | Well again in order to do that just
type out a few words, and then simply click
| | 00:34 | OK and it will bring that into your Image.
| | 00:37 | Now what I need to do here actually is
I'm going to go ahead and go back to this
| | 00:41 | Edit, and I am going to choose the
color here because it's showing default by
| | 00:45 | black. I'll go ahead and
choose red and then click OK.
| | 00:48 | And we can see that showing up here in the
top left-hand corner, kind of an awkward spot.
| | 00:53 | Well, I could change that by clicking
and dragging this to a new location.
| | 00:58 | If ever you want to change the
contents of what are inside of this Identity
| | 01:02 | Plate, well you can just go back to that Editor.
| | 01:05 | Click on this Menu here. Here I'll
choose Edit, and I am going to type
| | 01:08 | something else out.
| | 01:09 | Because these pictures were all
captured as part of this narrative photography
| | 01:13 | course, I am going to type out
NARRATIVE PHOTOGRAPHY/KEITH CARTER.
| | 01:17 | And I want to customize the way this looks.
| | 01:20 | So the first half of this, I am going
to go ahead and change to a gray tone,
| | 01:25 | something like a nice gray there, and
then click OK in order to apply that.
| | 01:29 | We can see how that shows up now down below.
| | 01:32 | We can click and drag to reposition,
in regards to the scale, grab one of the
| | 01:36 | corner points, you can make this a
bigger or smaller and really get this
| | 01:40 | exactly how you want it.
| | 01:42 | You can also change the opacity by
dialing this back if you want it to be more
| | 01:46 | faint, not quite so prominent, so that
the viewer can focus in on the pictures.
| | 01:51 | Whenever you create an Identity Plate,
you most always want to scroll through
| | 01:55 | your photographs and just see how it
works or fits with different types of
| | 01:59 | images, color, or black and white and also the
different Images that are part of the slideshow.
| | 02:04 | Well, in this case I think
this is working just fine.
| | 02:07 | All right. What else can we do?
| | 02:09 | We can also add a watermark.
| | 02:11 | If you click on this option, you can
go to the watermark menu and choose a
| | 02:15 | watermark that you've already
created or go to Edit Watermarks.
| | 02:19 | Now we've have actually already
talked about watermarks, when we talked
| | 02:22 | about the web gallery.
| | 02:24 | So if you're unfamiliar with working
with them, you may want to go back to the
| | 02:28 | web gallery movie on watermarks and watch that.
| | 02:31 | There you can learn all that you
need to know about using watermarks.
| | 02:35 | Yet here I don't think we need to rehash it.
| | 02:37 | Except to say that typically with
slideshows, it's about showcasing your work.
| | 02:42 | So in most scenarios you're just
going to turn that option off, because you
| | 02:46 | really want it to be about the images.
| | 02:49 | There is another option which allows you
to show Rating or Stars, in other words
| | 02:53 | four- or five-star rating. If you want
to include that click on this Check Box.
| | 02:57 | The next one is Text
Overlay. Well, what's that about?
| | 03:01 | If you click this on, what you can then
do is click on this text button ABC in
| | 03:06 | the toolbar and this will
then open up a Custom Text field.
| | 03:10 | Here I'll go ahead and type something out.
| | 03:11 | I am just going to type out Demo
Text, and then press Enter or Return.
| | 03:16 | You can see that that shows up in a
very similar way to our watermark.
| | 03:20 | I could reposition this the
same way that we've done before.
| | 03:23 | Resizing, well that's just the
same -- we can move that around.
| | 03:27 | We can also change its opacity
or its font size or its color.
| | 03:31 | Again this works in similar ways to
what we've seen before as we worked with
| | 03:35 | different types of text, in
particular those Identity Plates above.
| | 03:40 | So why use a Text Overlay?
| | 03:42 | Well, you might use a Text Overlay because
it's just another way to add text to your image.
| | 03:47 | You could do this as Identity Plate or
you could use it as a Text Overlay; both
| | 03:52 | function really the same way.
| | 03:54 | You can also add a little bit of
a drop shadow to the text field.
| | 03:57 | So if I have this over here,
we can then add a shadow.
| | 04:00 | And, little bit tricky to see, let me
see if I can go to a white area here and
| | 04:05 | make this really big so you can see that.
| | 04:07 | We can have that drop shadow behind
the text field, so it gives us just some
| | 04:12 | controls here to start to
customize things even a little bit more.
| | 04:16 | If you want that customization, well
by all means use the Text Overlays.
| | 04:20 | If you don't need it, well just use
like I did here an Identity Plate, which I
| | 04:25 | think works well for a slideshow like this.
| | Collapse this transcript |
| Customizing the background| 00:00 | Another way that you can modify your
slideshow is by customizing the backdrop.
| | 00:04 | Yet before I customize the backdrop
and make a really significant or bold
| | 00:08 | change, what I want to do is save the
settings that I've dialed in so far.
| | 00:13 | And I want to do that by
creating a custom template.
| | 00:15 | So in the Template Browser panel, if you open
that up we have Lightroom and User Templates.
| | 00:21 | I want to create my own User Template.
| | 00:23 | To do so, click on the Plus icon,
and I will go ahead and just name this
| | 00:27 | CO - Simple, this is kind of
a simple slideshow layout.
| | 00:31 | And then click Create.
| | 00:32 | Well now that I have this template
here, what I can do then is make some
| | 00:36 | significant background changes.
| | 00:38 | If I don't like them, I can always go
back to the default that I have here or
| | 00:43 | the template that I've created here.
| | 00:45 | Let me show you what I mean.
| | 00:46 | Well, first we can add a Color Wash.
| | 00:48 | This shows us how this goes from
gray to black and we can change this.
| | 00:52 | I will go ahead and choose a different
color and you can see how that spreads
| | 00:55 | across the background.
| | 00:56 | We can change the angle. Is that
top to bottom or bottom to top?
| | 01:00 | We can also dial in the opacity. How
strong is that effect on the background?
| | 01:05 | Another thing that we can do
is work with a background image.
| | 01:09 | For example, let's say that you had a
background image which was a lot more
| | 01:12 | like say a texture.
| | 01:14 | Let me see if I can find one here.
| | 01:16 | How about this picture here?
| | 01:17 | I will go ahead and click
and drag this to this icon.
| | 01:20 | As I do that you can see
that that's now my background.
| | 01:23 | And again, what's tricky about this is you
want something that isn't very complicated.
| | 01:28 | Now this is just too complicated.
| | 01:30 | It's a texture but it's
kind of overpowering the image.
| | 01:33 | To minimize that, well you can always
drop the Opacity here so that this kind
| | 01:37 | of falls back and becomes much
more like a texture than like something
| | 01:41 | prominent or dominant.
| | 01:42 | And so now all these different pictures well
they kind of hold up with this in the background.
| | 01:47 | Another thing that you might want to
try is something like this -- drag an image
| | 01:51 | in that perhaps has some open or negative space.
| | 01:55 | You could then use the slideshow
controls in order to change the layout and to
| | 01:59 | display your images over
this open space right here.
| | 02:02 | For example, let's see if we can't get
something that might look good in this way.
| | 02:06 | So I will go ahead and bring these
images up; really just taking advantage of
| | 02:10 | this small little rectangle right here.
| | 02:13 | I'll dial the opacity of my
background back. But now as I go through
| | 02:17 | these images, what we can see is
that those images are kind of fitting
| | 02:20 | into this backdrop.
| | 02:22 | They are now part of
something completely different.
| | 02:25 | Well, my identity plate it's misplaced now.
| | 02:28 | So I am going to go ahead and change that.
| | 02:29 | I'll bring that up top.
| | 02:31 | I'm also going to decrease it size.
| | 02:33 | It's too big relative to
what else I'm seeing here.
| | 02:37 | And for that matter, perhaps I will
bring it down even lower, kind of get it out
| | 02:40 | of the way somewhere over
here might be kind of nice.
| | 02:44 | Now as you make these changes, you
will probably want to evaluate them by
| | 02:48 | scrolling through your film strip down
below, clicking on images, see how they look.
| | 02:53 | You also may want to play the slideshow.
| | 02:56 | To play it, you can click the Play
button inside of the toolbar here, or you
| | 03:00 | can click the Play button underneath the panels,
either way, go ahead and play your slideshow.
| | 03:05 | This will take it to this full screen
view and start going through your images
| | 03:10 | with these settings.
| | 03:11 | So you can just get a feel for it.
| | 03:13 | Does this actually work?
| | 03:15 | To get out of this, all that we need to
do is to click on this and it will take
| | 03:20 | it back to this view or we have all of
our panels and the rest of Lightroom.
| | 03:25 | Now in my opinion, this is just,
well, it's a little bit too cluttered.
| | 03:28 | It kind of makes the pictures too small,
minimizes those, the background is too big.
| | 03:34 | I don't really like it.
| | 03:35 | Well, that's why I saved my Template Browser.
| | 03:38 | I can always go back to what I had
before by just clicking on that option there,
| | 03:43 | and now it's kind of back to this
really clean perspective, which I think will
| | 03:47 | work better for these pictures.
| | 03:49 | It will work better for showing these
images and talking about them, say in a
| | 03:53 | lecture format, or maybe just in regards
to sharing these pictures with a friend.
| | Collapse this transcript |
| Adding beginning and ending title slides| 00:00 | In this brief movie, we'll talk a
little bit about the Titles panel in
| | 00:03 | the Slideshow module.
| | 00:05 | This panel, it allows you to
create an initial or beginning and also
| | 00:09 | closing title screen.
| | 00:11 | You can do this by simply clicking on
the checkbox here to create an Intro
| | 00:15 | Screen that will show you a demo of that.
| | 00:18 | This may be helpful to say black
everything out before your slideshow begins or
| | 00:23 | perhaps you want to add some copy there.
| | 00:25 | You could add an Identity
Plate and then go in and edit it.
| | 00:28 | I could type out something like
Narrative Photography by Chris Orwig, and
| | 00:33 | then press Enter or Return in order
to apply that and have that show up
| | 00:37 | before the slideshow begins.
| | 00:39 | The same thing can be
done with our Ending Screen.
| | 00:42 | Perhaps we wanted just to end with a
black screen or we could always add a
| | 00:47 | message there or some text. Here we
will go again and edit this. Type out Chris
| | 00:51 | Orwig Photography, and then click
OK. And you could see how you could have
| | 00:56 | some sort of message there at the end;
something like Thanks or Chris Orwig
| | 00:59 | Photography or The End,
something which closes things off.
| | 01:03 | In my own experience, what I've found
is it typically works best just to have a
| | 01:08 | black intro and outro screen; in
other words a beginning and ending screen.
| | 01:13 | It's just kind of a nice a book end,
because whenever you're showing images on a
| | 01:17 | monitor or projector, that black
screen will it's just nothing.
| | 01:21 | It can be a really clean way to
start and begin your slideshows.
| | 01:25 | Yet of course, this is just a
preference, you don't have to include those,
| | 01:29 | slideshows will work well without those
if you don't want to use these options.
| | Collapse this transcript |
| Working with a soundtrack and using the playback options| 00:00 | The combination of still images and
music can be a really powerful combo,
| | 00:04 | and you can add music or add a soundtrack to
your slideshow by using the Playback panel.
| | 00:09 | At the top of the Playback panel,
you'll notice there's a Soundtrack button,
| | 00:12 | click it, and then next all that you
need to do is to select an Audio file.
| | 00:17 | You'll go ahead and click on Select
Music, and I'm going to click on a demo MP3
| | 00:21 | file, and then click Choose.
| | 00:23 | This shows me that this audio file
is 4 minutes and 33 seconds long.
| | 00:28 | What you can do is you can fit
your slideshow to this music file.
| | 00:32 | So here if I click Fit to Music,
you notice that will increase my
| | 00:36 | overall slideshow length.
| | 00:38 | In other words, it increased the
length that the slides were visible, so that
| | 00:42 | each side would be visible.
| | 00:43 | It would go through the entirety of
the song and eventually once we saw the
| | 00:47 | slides, the song would end at the same time.
| | 00:50 | Or on the other hand, if you don't want
this synched to the length of that audio
| | 00:54 | file, you can just change your slide duration.
| | 00:57 | You can do this with or without music.
| | 01:00 | So say for example, if we turn
Soundtrack off, we can always change the
| | 01:04 | Slides, Fades, and this is true
whether or not we have audio included with
| | 01:08 | these particular slides.
| | 01:10 | Well, let's take a look at how we can
start to preview our slide duration.
| | 01:15 | So far, I've really short brief slide
duration, one second approximately, a quick fade.
| | 01:21 | Well, here I'm going to back to
the beginning of this slideshow.
| | 01:24 | Click on the first image
and I want to preview this.
| | 01:28 | To preview this without leaving
Lightroom, you click on the Preview button.
| | 01:31 | This will then show you the
slideshow, inside of this window.
| | 01:35 | So we can still kind of stay
within the Lightroom space so to speak.
| | 01:39 | Now as we look at this. We may decide you
know what this slideshow, it's just way too fast.
| | 01:44 | We'll, just click on this in order to
exit your preview, and then increase your
| | 01:48 | Slide time and also perhaps increase your Fades.
| | 01:52 | Try Preview once again. It will pick up where
you left off and it will build that slideshow.
| | 01:58 | Here it's a bit more slow, a bit more
of a quiet slideshow, and you can keep
| | 02:03 | going back and forth until you get the right
length of those slides and also of the fades.
| | 02:08 | Another thing that you can do as you
scroll down, you'll notice that you can
| | 02:12 | randomize your slideshow.
| | 02:14 | Typically I don't recommend this.
| | 02:16 | Good slideshows have a
strong sequence that makes sense.
| | 02:20 | You may want to do this though, perhaps
if you have a bunch of family pictures
| | 02:24 | and you just want to open up your
laptop, and then show all those family
| | 02:27 | pictures and randomly display them.
| | 02:29 | Well, sure, random order and
those situations might work well.
| | 02:33 | You might want to choose Repeat if
you want the slideshow to go on and on.
| | 02:37 | Yet here, this is a bit more like a
presentation, and then you almost always
| | 02:41 | want to prepare the previews in advance, so
that the slideshow doesn't hiccup or stutter.
| | 02:47 | And you know, as I view this slideshow
or preview it, I realized I don't really
| | 02:51 | like the red text that I added here.
| | 02:54 | I want to change that.
| | 02:55 | So I can change that by going to this
field here and then I can double-click it.
| | 02:59 | When I double-click it, it will
open up my Identity Plate Editor.
| | 03:04 | I want all of this text to have one color.
| | 03:06 | So I'll go ahead and select that
something a little bit more gray there, nice
| | 03:11 | simple tone, and then I'll
click OK in order to apply that.
| | 03:15 | I think that works
better with these photographs.
| | 03:17 | It's a little bit less distracting.
| | 03:20 | Okay, well now that I've done all of that
the last thing to do of course is to
| | 03:24 | play this back, and to talk a little bit
about some of the controls that we can
| | 03:28 | use when playing back our slideshows.
| | 03:30 | Let's go ahead and do that in the next movie.
| | Collapse this transcript |
| Exploring slideshow playback options| 00:00 | Now that we've designed our slideshow,
I just want to share with you a few more
| | 00:03 | tips when it comes to
previewing and playing these slideshows.
| | 00:07 | You know I've already mentioned that we
can use the Preview or the Play buttons;
| | 00:11 | yet we can also access those
controls by way of a shortcut.
| | 00:15 | The shortcut to preview on a Mac is
Option+Return, on Windows that's Alt+Return;
| | 00:21 | that will then play that
sideshow in a Preview mode here.
| | 00:24 | Click on the image in order to exit that view.
| | 00:28 | In order to play back the slideshow
rather than clicking on the Play button,
| | 00:32 | you can press Return on a Mac or Enter on
Windows, and that will then trigger the slideshow.
| | 00:38 | Now if you're playing the slideshow,
and you want to pause it you can press
| | 00:41 | the Spacebar key and then use the
arrow keys in order to move forward or
| | 00:45 | backwards through the images, and sometimes you
might want to do that in order to make a point.
| | 00:51 | Like here, we see something's written on
the shelf here; this is Keith's darkroom.
| | 00:55 | He has these different sayings.
| | 00:57 | One of the things that it says is try to
make pictures that are wise rather than
| | 01:01 | clever, make pictures that are
something not about something, and then he has
| | 01:05 | this little quote here about Press On.
| | 01:08 | Life for photographer cannot
be a matter of indifference.
| | 01:12 | So again, you can use these arrow keys
forward or backwards in order to view the images.
| | 01:17 | Once you've pressed that Spacebar key,
once you've paused the slideshow,
| | 01:21 | whenever you're done talking about a
slide or viewing an image just press
| | 01:25 | Spacebar again, and the slideshow will
keep going, and it will keep marching on
| | 01:30 | at whatever page that you've chosen.
| | 01:32 | Well, what we can do of course is we
can kind of speed this up a little bit.
| | 01:36 | If we know that there are some slides
that we're not that interested in. Well,
| | 01:40 | you can just use your arrow keys to
kind of clip through those and get to the
| | 01:43 | slides that you want to focus on, and
then of course press that Spacebar key to
| | 01:48 | re-trigger the slideshow because the
trick of course, when presenting these type
| | 01:53 | of slideshows is that you want
to keep the audience engaged.
| | 01:56 | You want to have a strong message.
| | 01:58 | Sometimes that's going to mean jumping
around a little bit in order to show a
| | 02:02 | particular photograph, share some
insight, or maybe even tell a story like with
| | 02:06 | this picture here -- it's a photograph
of Keith's living room -- and I think this
| | 02:10 | picture is such a strong reflection
of who Keith is as a person and artist.
| | Collapse this transcript |
| Exporting slideshows as JPEGs, PDFs, or videos| 00:00 | Last but not least, let's take a look
at how we can export our slideshow in
| | 00:04 | three different ways.
| | 00:05 | On the left-hand side over there in the
left panels you'll notice you have a few
| | 00:09 | buttons, Export PDF and Export Video.
| | 00:12 | You can export to PDF file, JPEGs or video.
| | 00:16 | Now PDF or JPEG, what you do is hold
down the Option key on a Mac, Alt key on
| | 00:21 | Windows that will change this button to JPEG.
| | 00:24 | To click on this it will then open up
where you want to save these files out,
| | 00:28 | also what quality settings you want to
use and what size or what dimensions do
| | 00:33 | you want to choose here.
| | 00:34 | In this case we can define a specific dimension.
| | 00:37 | Why would you want to
export a slideshow as JPEGs?
| | 00:40 | Well perhaps you're going to use these
slides or these JPEGs, in a slideshow
| | 00:44 | you're going to create using
PowerPoint or using Keynote.
| | 00:47 | So you could then export from here, and
then import them into another program, or
| | 00:52 | include them in something else,
another project you're working on.
| | 00:56 | Another way that you can
export as you've seen is to PDF.
| | 01:00 | Here click Export to PDF and again we
can save this to the Desktop and choose
| | 01:04 | the Quality and also Size settings.
| | 01:07 | The great thing about PDF
files is that they can be dynamic.
| | 01:11 | This could be a self-contained
slideshow that you open up, it goes to full
| | 01:16 | screen, and then it
transitions from one image to another.
| | 01:20 | Perhaps the most dynamic way though to
export one of these slideshows is to a video file.
| | 01:26 | Let's take a look at how we could
export this to a video format, and then let's
| | 01:31 | look at how we could use this
video format inside of Lightroom.
| | 01:35 | So one of the things that I'm going to
do here though is trim down my slideshow.
| | 01:39 | Rather than exporting this to video
with all of these pictures and making you
| | 01:43 | wait for this to export, I'm
going to make this much smaller.
| | 01:47 | Here I'm just going to use some
selected photos, and then I'll hold down the
| | 01:51 | Command key on a Mac, Ctrl key on Windows in
order to make a selection of a few pictures here.
| | 01:56 | I'm going to go ahead and just make
this selection kind of arbitrarily
| | 02:01 | choosing a few photographs. Okay great!
| | 02:03 | I should point out;
| | 02:04 | you don't have to do this with your slideshows.
| | 02:07 | I'm doing this so that the demo runs a
little bit more smoothly so there's less lag time.
| | 02:12 | For your own slideshows, leave all
the images there and just wait for it to
| | 02:16 | render that video or to create that.
| | 02:19 | It will be well worth the wait in
most typical scenarios apart from demoing
| | 02:23 | like I'm doing here.
| | 02:24 | Well, next step is going to
be to go to Export Video.
| | 02:28 | When I go to Export Video, I'm going
to save this to my Desktop, and I'm just
| | 02:31 | going to call this demo_video.
| | 02:33 | And I've few video presets;
| | 02:35 | I can choose everything from 320x240,
which tells me that this is compatible with
| | 02:40 | certain formats all the way up to 1080p.
| | 02:43 | This is optimized for high-quality HD
video, or perhaps I want to do something
| | 02:48 | like 720, which works
well on YouTube or Facebook.
| | 02:52 | In this case, I'm going to use 720
because I want to upload this video to Facebook.
| | 02:58 | So here I've chosen that Video Preset,
and I'll go ahead and click Export.
| | 03:03 | This will then build out the slideshow.
| | 03:05 | Here you can see it's encoding
these frames; it's exporting the images;
| | 03:09 | it's creating this self-contained video file.
| | 03:12 | And the beauty of this is that once
this is complete, I can then bring this
| | 03:17 | video file back in the Lightroom.
| | 03:19 | We've talked about in a previous place
how we can import and work with video files.
| | 03:25 | Well, let's take a look at how we
could do that with this video file.
| | 03:29 | So here, we'll navigate to the
Library module, and in the Library module I'm
| | 03:33 | going to go ahead and
click on the Import button.
| | 03:36 | This will open up my Import dialog and
I'm going to select the Desktop here and
| | 03:41 | this demo_video file.
| | 03:43 | This is complete and it's ready to go,
so I'll click Import just adding this to
| | 03:47 | my Lightroom catalog.
| | 03:49 | Once I import it, it will bring this
into Lightroom, and here you can see
| | 03:52 | the file right here.
| | 03:53 | And if I move back and forth across this,
we can see this slideshow take place.
| | 03:58 | Take this to a Loop view where I can
then play the slideshow, and let's go ahead
| | 04:03 | and take a look at this.
| | 04:04 | And here are the images;
| | 04:05 | we can see the transitions,
how long the images stay visible.
| | 04:09 | We get a sense of the use of space and
also how this would fit inside of a window.
| | 04:15 | Now with the slideshow like this, if we
were ready to share it, really all that
| | 04:19 | we would need to do would be to
connect this to our publish services.
| | 04:23 | We've talked quite a bit about doing
this in other places but what you can do is
| | 04:28 | set up a connection to your
Facebook site or your Facebook account.
| | 04:32 | Then you can drag this video file
to that Publish Service Connection, and
| | 04:36 | simply click Publish.
| | 04:38 | It would then publish and export this
video, so that others on Facebook could
| | 04:42 | see it, and if you're not a heavy
Facebook user, you could also do the same
| | 04:46 | thing say with Flickr.
| | 04:48 | Now I'm not going to go
through that whole process here.
| | 04:51 | I've created other movies on that
when I talked about the Library module.
| | 04:55 | So if you want to learn how to do that,
go ahead and go back to those movies in
| | 04:58 | order to learn how to go through that process.
| | 05:01 | Yet here what I'm really intending to
do is to try to create this closed loop.
| | 05:06 | In other words to explore how we can
create those slideshows and how after
| | 05:10 | creating these slideshows we can then
export them to this video format, and then
| | 05:15 | eventually share these videos or get
these videos out there so that other people
| | 05:19 | can then see and enjoy our work.
| | Collapse this transcript |
|
|
GoodbyeConclusion| 00:00 | Well, this wraps up our series
Lightroom Essentials, and you know my goal with
| | 00:04 | this series is that it's given you a
good working understanding of how to
| | 00:09 | utilize Lightroom in order to
integrate it into your workflow and in order to
| | 00:13 | create more compelling
and interesting photographs.
| | 00:16 | Now if you're interested in digging
deeper, we have some other courses planned
| | 00:20 | that you may find they'd be helpful.
| | 00:22 | In these courses we're going to cover
how we can use Lightroom shortcuts or how
| | 00:26 | we can create an effective Lightroom
workflow; how we can work with catalogs; and
| | 00:30 | also how we can integrate
Lightroom and Photoshop together.
| | 00:33 | Well, in closing it really has been a
distinct honor and privilege to have had
| | 00:38 | you had you join me in this training adventure.
| | 00:40 | I look forward to catching up with
you in another course. Bye for now.
| | Collapse this transcript |
|
|
