How to create a free website with Lightroom CC or Classic and Adobe Portfolio New Update

How to create a free website with Lightroom CC or Classic and Adobe Portfolio New Update


– Bonjour, mesdames et messieurs! In this quick video, I want to show you how you
can make a website for free, if you are a Creative Cloud member, using Lightroom CC or Lightroom Classic and Adobe Portfolio. And it’s really cool, because not only you can make the website and it looks awesome, but you can also update it really fast. Let me show you. Okay, so in this video I wanna show you some new updates that Adobe
made on their Portfolio where you can create a website for free if you’re a paying
Creative Cloud member or membership, really fast. But what’s cool about it, is you can update it
from Lightroom Classic or Lightroom CC, whatever your weapon is. I don’t work with Lightroom CC, except for updating my
Lightroom mobile app, because I like to show my
best photos on my iPhone or to make this website. So this is the website
we’re gonna be making in, really in a few minutes. It’s got, basically I’ve
got a Work page where I have my Paris portfolio, my New York portfolio, Italy best portfolio,
Los Angeles portfolio, best landscape portfolio,
portrait portfolio, and I did this literally
in about 10 minutes, and the result is pretty cool. Why am I doing this? It’s not just for the tutorial, but I’m actually going to be using this. I even bought, and it
took me like five minutes, a new domain name called photoserge.net, which you can see here, which is this website. Here is why: I already have a website
that I did with Squarespace years ago called SergeRamelliPhotos.com, which I really like. The thing is that this website
only has my 20 best work, and sometimes, actually
many times it happens where on my Paris section is
only my 20 best photos ever, and I will link to a video
below on why I’m doing this, why am I only giving
20 photos per section. There’s a very specific reason, however sometimes people write me saying, “Yeah, but don’t you have
some other stuff from Paris?” I gotta have a second website where I have all my best Paris work, where there’s a lot more photos
for people which are just interested for Paris or
New York or whatever. So that’s what my Adobe
Portfolio is going to be. And, voila, it’s pretty cool. Now, if you’re not a Creative Club member, you can go to photoserge.com,
and you click on My Gear page and you can get a good deal on the Adobe Creative Photography plan, which is basically like
10, 11 dollars per month where you get Lightroom and Photoshop. Honestly, if you’re
passionate about photography, this is the package to get. Because you’re gonna
get also this website, and it’s really cool. So how do we do this
from Lightroom Classic? I’m gonna show you my workflow
from Lightroom Classic and then going into Lightroom CC. So, in my Lightroom, I do,
I work a lot with collections. I have basically, this
is a set of collections called “portfolio,” and in that, for the last 15 years I’ve been creating different
set of collections, for example Italy, where
you have my best photo of Cinque Terre, of Florence, you know, et cetera, et cetera, Tuscany and stuff like that. So just for this tutorial I’m gonna take my New Zealand series, which is, I did years ago. I went to New Zealand. And I’m gonna create a new collection, and that collection is
gonna go into Lightroom CC and then directly on my website. So how to do that? One easy way to do that
is you just click here, so I’m gonna click here, now it’s gonna sync this
collection to Lightroom CC. Now for that you need to go here and make sure you’re logged in here with your Creative Cloud membership, and that’s gonna basically
take this whole collection, alright, and put it over Lightroom CC. So let’s go to Lightroom CC, and we should be seeing this
collection called New Zealand. Here it is. Twenty-six– I’ve got two because I
already had another one, but that’s fine. So that’s the one we’re getting in now. Now, I don’t wanna necessarily
put this whole collection– Or maybe, yeah. I’m gonna make this simple. I want this to be on my website. Now I’m gonna edit it here. I’m gonna erase this photo. I’m gonna erase this photo,
I think it’s too saturated. That was a time where I
was crazy on saturation. That was back in a day where I was crazy. Yeah, I’m just gonna leave the rest. But these two were just
over the top for me. And, okay. So now, how do we get this on my website? Well, I’ll give you a
little organization point. What I do is, I’m gonna
rename this, for example. I’m gonna call it “Best New Zealand portfolio.” Okay, so the collection is here. Now, for organization
purposes I created a folder. You have the ability in Lightroom CC to create albums and folders. You just click here,
create album or folder. I created a folder called “portfolio.” I’m gonna drag and drop
this in my portfolio folder. Okay, it’s a folder. I created this, okay? Now in this folder, I have all the, basically all the collect–
all the albums. So collections are called
“albums” on Lightroom CC, but they’re the same thing. So I have this, and I wanna
get this on my website. So all I have to do is right-click, share, Adobe Portfolio. Okay? And that’s gonna take you
to this connection thing, where you have all the
albums or collections, whatever you wanna call them, which are automatically sent on the web. And boom. You’re almost done. Head over to Adobe Portfolio to continue. So I’m gonna go to Adobe Portfolio, and this is my website. And basically, so this is a
collection that’s already there. It’s already on the web,
if you go to photoserge.net you should be not quite seeing it yet because I don’t– I think I
need to click that button. But here’s my collections. So basically, I’m gonna click here, and you can see all the
collections that I’ve sent over from Lightroom CC to the web. And here it is: The best
New Zealand portfolio. And by the way, I made
a typo on “New Zealand.” That’s fine. So you can go here, edit page title, and it needs an A. Good. Alright, so here it is, and you can see that it’s– sorry, I’ve gotta click back here. You can see because
this is on the website. So my Paris portfolio,
I set as the homepage because I’m more known for my Paris photo, but if I wanted to set
this one as my homepage, my website, I could go here, “set as homepage.” I’m not gonna do that. Also here, the sequence of
the different collection is the order they’re gonna
appear on the website, so I want this to be all
the way at the bottom. But it’s here, it’s there. Okay? So now I can see here the theme that I used, and you can change theme
as much as you want. So if you click here on this button, you have different
themes that you can use. I have been using the Ludwig, because I love basically
the fact that it’s black and the photos are big, but you can choose whatever, basically whatever theme you want. So just go back, okay. And now, here I am. If I click here on this menu– oh, sorry, that’s the About Me page. Let me go back to Home. If I click on Work, Work is basically where I have all my portfolio that I’ve imported. You can see, so I’ve
got a Paris portfolio, New York portfolio, Italy best. I’m gonna take out the word “best.” Here it’s not good. But here is the New Zealand portfolio. Now let’s say I don’t like this photo to be representing New Zealand. I can click here, I can click on “edit cover image,” and it only works basically on the thumbnails of the portfolio, when you’re looking at all your portfolio. And I think, let’s see here. I’m gonna put maybe this one, you know, as the cover. Okay, so good. I’m happy with that. Now a few things while we’re here before I build the website. So if you click here, you can customize your design. If you know what you’re doing, you know, like website. I haven’t done anything. I used the basic things, and I might do more video, more in-depth, but basically you can do that. All I did was go here, I just want to show you how simple it is. I wanna make this like you’ve
never been on a website, you just wanna get something
up and going in a few minutes. You’re not a webmaster. This is the way to go. It’s really cool, and the
thing that’s amazing is that I can now, and I’ll show
you that I can add photos in Lightroom, and I can update my website in just a few seconds. So I’ve got all my portfolios there, I’m happy about it. I have a Contact page. I have an About Me page I’m
gonna show you in a minute, how I did that, but before I show you that, you can go here to settings and basically settings is like a little
checklist you go through. So homepage, you can
decide what your homepage is going to be. I put the Paris portfolio. “Page Not Found,” you can decide. I put the Work page, the
Work page is the default page with all your collections. And analytics here, you can put your Google
analytics tracking code, which I haven’t done yet. Search optimization, you
can put the website titles, or for example,
“Serge Ramelli photography.” Okay, and here you can
put some meta description. I would put the more the better, because that’s gonna have the CSU, search engine optimization. You can even add keywords here, custom meta tags, this is more advanced. I’m not going to go into it. Favicon. Favicon is basically,
you know, the little, this image here that you can see, that’s gonna show your website, so all I did is basically
took one of my photos and put it there. Web clip, icon, same thing. I just put the same photo. Social media sharing, same thing. I put the same photo. You just pick a photo, and you’re good. Site Options, I didn’t, I left to default. Password Protection, I didn’t use it. Cookie Banner, I didn’t use it. I hate these cookie banners. I don’t wanna have one on my website. This one, I have no idea what it does. Unpublish website, I don’t wanna do that. And that’s it. One thing I forgot to show you which is very important is the first one. Domain Name. Now, it took me five minutes, I bought photoserge.net
to put this website on. You have the option to
either buy new domain name, which I did, which it
was like $12 per year, or to connect another one, and it gives you all the instructions. So I did that. So it’s cool. So now this is photos if you go on the web and type photoserge.net, (keyboard clacking) the website is live. You can see here, it’s really cool. If I go to Work, I already
have my New Zealand– Oh, I don’t have the New Zealand one because I have not updated it yet. And that’s basically all I did. It’s really cool. So now, remember we added this
collection of New Zealand, so I have to click
“update website” and wait for it. “View your website,” and
now my website is up. I go to Work. I got all my collections, and best New Zealand portfolio. I wanna take out the word “best,” I think “best” was a mistake, but here is my best work in New Zealand, and it’s really cool. It’s so fast. So I can go back here,
and I can click here, and I can, you know,
I don’t like the word “best.” I don’t know why I used that. It’s really stupid. Edit page title, so I’m
just gonna call it– I’m gonna call it Italy, for example. Edit page title, so I’m
gonna call this one “Italy.” Press enter. New York, I’m just gonna call it– you have to click
“edit page title.” I’m gonna call it New York, and I’m gonna do that
for every other page. (intense music) So let’s say I wanna add a photo. I’m in Lightroom Classic,
and I’m just gonna, just for the sake of an example, I’m gonna take a photo from Florida. Let’s take something nice. This one, for example,
and I’m gonna pretend this was shot in New Zealand, just to show you. So I’m adding this to my
best New Zealand portfolio. Now remember, because this is marked, automatically this is going
to go to Lightroom CC. So here I am in Lightroom CC, so you can see here it is. It was added from Lightroom
Classic to Lightroom CC, so now all I have to do
is go back to the web and on my New Zealand collection, I click here, and I click
“reset from Lightroom.” And reset from Adobe
Lightroom is basically gonna look at any updates that I did there and basically back to editor, it’s gonna reset it and
now this Florida photo, which has nothing to do there, is gonna be New Zealand somewhere there, probably at the end of
the collection here. Yes, here it is. It’s the last one. And then I can click “update live site” and “view your site,” and now if I go to Work and if I go to my
New Zealand collections, I will see at the end
a photo from Florida, which has nothing to do with New Zealand. But that was just to show you how you can basically really quickly add things. So you know, I repeat: All you have to do is
you drag something new in your collection that
is to Lightroom CC, it’s gonna update
Lightroom CC automatically and then you just go on
your website and you click, you go on your different collections, and you click “reset from Lightroom.” And so that works for anything. So let’s say, for example,
I wanted to retouch a photo completely differently. Like for example this one. I’m gonna make it super blue, I’m gonna make it
black and white, for example. Okay. I’m gonna make it black and white. You know, it’s awful, but
you know, you get the idea. So if I go on the web, this photo is beautiful, it’s here. Now let’s make it ugly in black and white. So I’ve changed it in Lightroom Classic. Let’s go to Lightroom CC, and it should update in a second. Boom, now it’s ugly in black and white. But if I go in my New Zealand thing it’s still a beautiful photo. But again, if I go here, I go to New Zealand, and I
click “reset from Lightroom.” “Reset from Lightroom,” this beautiful, colorful photo is gonna go to an ugly black-and-white, which you’re gonna see in a second. Here it is, and I have to
click “update live website,” and again, it’s gonna update the website. So it’s kinda cool, because my flagship is
really Lightroom Classic. I’m there all the time
doing my retouching, doing things like this, and being able to just go
there and get everything from Lightroom Classic to
Lightroom CC to my website is kinda cool. Now, if you wanna create a different page, I’m not an expert at all of this. But let’s say I created,
for example, an About page. Let me show it to you. I created an About page. I’ll show you how I did it,
with just a little bit of text. There’s a big photo of me. Honestly it’s a little too big, but I have to figure that out. So you go here,
and you can create a new page, a new Lightroom album, a new
gallery or external pages. So for example, I clicked on Page, and you’ve got different,
“default,” “centered.” So I did the “cover right” one, let’s call it “test,” for example. Create page, and then here you are. I can click “upload an image,” so I took a portrait, and
you can go here, basically, add whatever text you want here. Now just a little trick, let’s say that– you can move this around, by the way, ’cause this menu’s kind
of in the way sometimes. So let’s say I’m here, and let’s say I want to make an ad
on my YouTube channel, like “Oh, I got a cool YouTube channel,” it’s a little trick, as again this is a
super beginner tutorial. So my YouTube channel is YouTube.com/sergeramelliphotography, okay? Sorry,
YouTube.com/sergeramelliphotography. Now, you want people to click on this and go on the YouTube channel, so what you can do is you can basically take that and click command, C, put it into memory. Click here on the link button and click “link to external URL.” I’m gonna put this as the URL and click “open in a new tab.” Done. Okay? And then I’m going to preview this page. Let’s see here, and now if I click on
that it should take me to my YouTube channel. – Bonjour, mesdames et mess– – And it does, which is really cool. So voila, that’s how you create a page. I’m gonna go back to edit, and I’m actually gonna erase this page. So I can go here, here is the test page, and I’m just gonna
basically delete the page. “Are you sure?” I am sure. That was just to show
you how to create a page. So voila, that’s how you can
create a website in seconds. It’s kinda really cool, and you can do that from
your Lightroom Classic or your Lightroom CC,
whatever your flagship is, and you can update the things in seconds and I think I’m really gonna be using this website now to really– you know, when somebody wants to see, “Okay, show me all your
Paris work,” you know? Well, I can put just more than my 20 photos of my best portfolio. Voila! I hope this helps you to also understand how Lightroom Classic
works with Lightroom CC. And by the way, if you want to know how I retouch my photos, you should get my free
photographic toolkit. Basically what it is,
it’s some of my best presets, some of my best textures, some of my best glares and
glows and things like this that I use in my photographics. It’s completely free, and the link is below the video. So check it out, and I’m gonna show you
also how to use these tools to get your photographic
to the next level. Check out my free photographic toolkit. Thank you very much, and I’ll
see you in another episode.

Comments

  1. Post
    Author
    Call Me Mom

    I won't be able to watch live but I am wondering if this creates an actual website or if you have to have a domain and hosting already for it to work. Thank you.

  2. Post
    Author
  3. Post
    Author
    ItalianJan

    This is really awesome, Serge. I’m just in the process of making my website but didn’t really want to put all my photos on it for selling purposes. But I really want to showcase all my many photos in galleries because I love them all. Are you telling me you can create a big gallery(s) in LR and then embed it in your own website?

  4. Post
    Author
  5. Post
    Author
  6. Post
    Author
  7. Post
    Author
    rlfisher

    Great video. I have been using Portfolio for awhile, but haven't seen the different "looks," like you use black background. It's probably something simple I am overlooking? Merci mille fois.

  8. Post
    Author
  9. Post
    Author
  10. Post
    Author
  11. Post
    Author
    yannis marigo

    Started last week to build mine. Your video make me think I should use collections and CC rather than manually do the job. Merci

Leave a Reply

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