Do more with Lightroom --> Create a website

ImageImageDedicated forum for all your questions, remarks etc about (aviation) photography, digital as well as old fashioned film.

Forum rules
ImageImage
Post Reply
User avatar
Frank
Scramble Die-Hard
Scramble Die-Hard
Posts: 581
Joined: 26 Aug 2002, 09:40
Type of spotter: F4
Subscriber Scramble: Frank Noort
Contact:

Do more with Lightroom --> Create a website

Post by Frank »

Hi all

People who know me a bit, know that i am a bit of a Adobe Lightroom freak as well. There are people who call themselves Lightroom Evangelists, well then I would call myself a Lightroom Jehova, always ready for some unwanted advice :-)

Well, te keep it serious. For years I have been maintaining my LR photo database; editing almost all pictures, meticulously adding keywords, add geographic positions, you name it. I am quite proud of my LR environment.

Because I spend so much time making things perfect in Lightroom, I hardly have the time to update my own website, http://franknoort.nl" onclick="window.open(this.href);return false; Adding pictures and stories, making graphics, it is quite a tedious process.

But I found the solution: The Turning Gate Lightroom website (http://lightroom.theturninggate.net/" onclick="window.open(this.href);return false;) add on, also known as TTG Pages. Matthew Campagna is the man behind this and he created to brilliant add ons for Lightroom allowing us to create a website from out of the LR database. No need to edit html code anymore. Just export and go !

With this post I would l would like to share some print-screens and experiences of creating my new site with TTG Pages and TTG Highslide gallery.

The site
My new site, http://franknoort.nl" onclick="window.open(this.href);return false; looks like this now:

Image
Click to enlarge

How I did this
I have used the following modules from the Turning Gate to create my website.

- TTG Pages. To create the basics of the website. The structure, main page, gallery index page, and contact form.
- TTG Highslide: To create the photogalleries.
- Monoslideshow, to create the flash gallery on the main page

TTG Pages
The module of TTG are not free. TTG pages costs 25USD which is actually not that expensive for a piece of great software. With TTG pages you can create the complete structure of your website. The photo (ID plate) on top, the main menu, a contact page and and about page. You can manually create and add pages to the menu which i did.

Install TTG pages (there is a free demo available) Select the photos you want to use for these pictures, put them in a collections and click "Web". Then you can select the TTG pages template and you can start editing. In the panel on the right side of the screen you can use the sliders to change the colors, fonts, headers and stuff. Also you can add the text , captions etc you want to publish on your website. Here is a printscreen

Image
Click to enlarge

A video demonstration on how the tool works is available on YouTube:
[youtube]http://www.youtube.com/watch?v=mdGLF4jKEn0[/youtube]


TTG Highslide
If you have a look on my own website, http://franknoort.nl" onclick="window.open(this.href);return false; you can see that i have created a number of image galleries. These galleries are created with another module of TTG: TTG Highslides. Highslides works seamlessly with TTG pages. TTG pages automatically picks up any newly added galleries added to the galleries folder on your site

You can download and install TTG Highslides as well. This again, is not free and will cost another 20USD. You can also use free image galleries if you want which will work fine with TTG pages, but these are not as good looking as Highslides.

If you select the photos from your library you would like to publish, you can click web again and select the TTG Highslides tempate. With the sliders on the right you can customize your page. Withing the hour you will then have something like this:

Image
Click to enlarge

Matthew Campagna has a complete tutorial on YouTube and also on his own side. Here is part one of the instruction videos on how to setup a gallery. This gives quite a good overview of the possibilties of TTG Highslide

[youtube]http://www.youtube.com/watch?v=XxsS3TMjFIA[/youtube]

I would certainly recommend this to all of you: have a look at http://lightroom.theturninggate.net/spe ... ttg-pages/" onclick="window.open(this.href);return false;

Hope you like it. If anyone is interested in more information, drop me a line at frank@franknoort.nl . I am thinking of giving a classroom instruction to a bunch of people who are using Lightroom to manage their images. In this classroom I will cover editing pictures with LR, keyword managment, GPS Info handling and of course the webmodule. If you would be interested, just let me know.

Interested in your reactions !

frank
http://franknoort.nl" onclick="window.open(this.href);return false;
Image
Last edited by Frank on 30 Dec 2009, 16:23, edited 1 time in total.
User avatar
Thijs
Scramble Master
Scramble Master
Posts: 5085
Joined: 10 Feb 2003, 13:42
Subscriber Scramble: Thijs
Location: West Intercourse Island
Contact:

Re: Do more with Lightroom --> Create a website

Post by Thijs »

Wow, great tutorial! you did it agian, early adopter :wink:
Assume makes an ASS of U and ME.
User avatar
DJdeRidder
Scramble Addict
Scramble Addict
Posts: 1831
Joined: 12 Mar 2004, 15:24
Type of spotter: F4 Mil
Subscriber Scramble: DJdeRidder
Location: Maarssen
Contact:

Re: Do more with Lightroom --> Create a website

Post by DJdeRidder »

Looking great! 8)

Though not anywhere near as 'advanced' as you, I also create my website's galleries in Lightroom.
Here's the (very basic) gallery Lightroom creates for me: http://www.milaviapress.com/gallery/index.html" onclick="window.open(this.href);return false;
And this is what it looks like embedded on the website: http://www.milaviapress.com/gallery/index.php" onclick="window.open(this.href);return false;

Still have to do some html editing each time, but I don't really mind.
Check Out My New FLIGHT Coffee Table Book
User avatar
Frank
Scramble Die-Hard
Scramble Die-Hard
Posts: 581
Joined: 26 Aug 2002, 09:40
Type of spotter: F4
Subscriber Scramble: Frank Noort
Contact:

Re: Do more with Lightroom --> Create a website

Post by Frank »

Thanks DJ!

I tried Autoviewer as well, and it looks very nice embedded on your site.

For the flash gallery on the main page I used Monoslideshow, and I am quite happy with the results. You can tweak the flash page anyway you like. Did you notice you will get a caption text if you move your mouse pointer on the picture. It has quite cool features :-)
User avatar
Warthog 71
Scramble Senior
Scramble Senior
Posts: 477
Joined: 09 Mar 2005, 14:20

Re: Do more with Lightroom --> Create a website

Post by Warthog 71 »

That looks great (mac)Frank, does it also work on a PC? :wink:


Grtz,

Marcel
Assumption is the mother of all f#ckups...
User avatar
Frank
Scramble Die-Hard
Scramble Die-Hard
Posts: 581
Joined: 26 Aug 2002, 09:40
Type of spotter: F4
Subscriber Scramble: Frank Noort
Contact:

Re: Do more with Lightroom --> Create a website

Post by Frank »

You already know the answer to that Mac-Bosje!

But for our non-believers. I started making this website using Windows and it was already up and running for a while. But hey, with a Mac it is so much more fun!

Functionality of Lightroom under Windows or Mac is the same. Only some small differences.
tonno1970
Scramble Senior
Scramble Senior
Posts: 409
Joined: 18 Jul 2005, 12:22
Location: Pordenone

Re: Do more with Lightroom --> Create a website

Post by tonno1970 »

Great job Frank, but as usual I lost myself in the between.... I'm just too dumb for it.... !!!!!!!
User avatar
FlyTheWorld
Scramble Senior
Scramble Senior
Posts: 276
Joined: 30 Aug 2006, 20:30
Location: Rijnsburg

Re: Do more with Lightroom --> Create a website

Post by FlyTheWorld »

Whow this is some nice stuff!
User avatar
hanzzz
Scramble Rookie
Scramble Rookie
Posts: 94
Joined: 08 Apr 2005, 09:57
Location: Utrecht

Re: Do more with Lightroom --> Create a website

Post by hanzzz »

Hi Frankieboy,

Excellent tutorial.... if I can motivate myself to create some time for this, it looks like a solution that even I can use.

Your refurbished site looks great!

C Ya
Met vriendelijke groet / Sincerely,

Hans van den Berg
Scramble photo editor
-----------------------------------------
E-mail: Hans.van.den.Berg@scramble.nl
User avatar
Eric van Lisdonk
Scramble Master
Scramble Master
Posts: 2566
Joined: 19 Mar 2004, 23:33
Subscriber Scramble: Eric van Lisdonk
Location: Ramstein and Gilze-Rijen Air Base

Re: Do more with Lightroom --> Create a website

Post by Eric van Lisdonk »

A small question to you all,

Is it possible to download a free copy from Lightroom from internet??

Hope to hear from you.

Cheers,
Eric
User avatar
Bianca
Scramble Junior
Scramble Junior
Posts: 249
Joined: 10 Mar 2003, 19:43
Type of spotter: Fotograaf
Subscriber Scramble: Bianca
Location: Sliedrecht

Re: Do more with Lightroom --> Create a website

Post by Bianca »

Google give me the folowing link
http://www.adobe.com/products/photoshoplightroom/" onclick="window.open(this.href);return false;
It's possible to download a free trial.

Bye,
Bianca
User avatar
Eric van Lisdonk
Scramble Master
Scramble Master
Posts: 2566
Joined: 19 Mar 2004, 23:33
Subscriber Scramble: Eric van Lisdonk
Location: Ramstein and Gilze-Rijen Air Base

Re: Do more with Lightroom --> Create a website

Post by Eric van Lisdonk »

Bianca wrote:Google give me the folowing link
http://www.adobe.com/products/photoshoplightroom/" onclick="window.open(this.href);return false;
It's possible to download a free trial.

Bye,
Bianca
Thanks for your reply Bianca.

We try to fix the problem with this trial version.

Greetings,
Eric (pssst het regent :wink: )
Post Reply

Return to “Photography”