Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Another way that you can share your photographs online is by designing and creating a custom Web gallery, and you can do this from right inside of Adobe Bridge. We're going to take a look at how we can do that here. Yet before we begin designing this Web gallery it's worth pointing out that you need to have a domain name and a hosting plan, in order to be able to publish and upload this Web gallery to a location. So I am going to highlight a small webpage which you may find to be helpful, it's chrisorwig.com/hosting.
If you navigate to this page, you'll find a link to this particular hosting company which is a great company. Here you can then purchase your domain name and also your hosting plan so that you can then upload your Web gallery. Well back to Adobe Bridge. The first thing we need to do is to select a folder or some images. We'll be working with this subfolder brighton which is inside of our chapter 26 folder. Let's select all of these images by pressing Command+A on the Mac or Ctrl+A on Windows and now here you can see we've selected these photographs that I captured in the UK.
The next thing we need to do is to go to our Output Module. You can do that by clicking on the Module button or by clicking on this triangle pull-down menu and selecting Output. The Output Module is great for designing PDF files or Web galleries. Let's go ahead and click on Web gallery so that we can see some options that we have here. Now when you do that you won't really see anything that's very different. Yet if you click on this Template pull-down menu, you notice that you have a number of different templates. We could choose one say like Slideshow.
In order to preview this you can click on Preview in Browser. This will then build a temporary version of this, and here you can see this in this Browser. I can then click through these photographs or click Play in order view these pictures. You'll also notice that there is some copy here. Well if we go back to Adobe Bridge, we can then customize that copy by scrolling through these different panels. We can also customize the Color palette and Appearance. And you know some of these templates, they are really functional. Others are a bit more playful or fun.
For example, let's go to this one here, Airtight PostcardViewer. Once again I'll click Preview in Browser. This will then build a temporary version of this gallery and let me make this Browser window a little bit bigger. You can see that what you can do with this one is click on an image in order to navigate around, or you can use your arrow keys in order to view these different images. And it's just kind of a fun and interesting way to view all these photographs. Click again in order to zoom out. The point here is that there are different type of galleries.
Some again that are really straightforward and direct, others that are a bit more interesting or perhaps fun. You also have Flash or HTML galleries depending upon who is going to view the gallery you may want to choose one of those two options. After you've selected the option, what you want to do is scroll through these panels. And all of these panels are so straightforward as you'll discover, it'll be really easy to customize the gallery. You can change the Background, the Appearance, you can also add Caption or Text Info, you can control your overall image size and you can create a Gallery Name and eventually upload it.
So let's give this one a name of UK. Next what I want to do is enter in my FTP information. Now this is something that you'd get from your hosting company and here I am going to log in my credentials for being able to access this server. And what I want to do is I want to upload this gallery so that it's at my site which is chrisorwig.com/uk, in order to do that for my hosting company I need to add /html. Now each hosting company will be different.
There will be a different directory or folder which you'll upload your files to. So you want to contact your hosting company in order to find this information out. Let's say for example you're using Bluehost, well this would be /public_html, but again just check with the hosting company. Next after having dialed in the way that this will appear then also dialing in all of my information here, we'll just click Upload. This will then connect with the server and it will upload and create this particular gallery.
Once this is done what we can then do is we can pull up our Web Browser and we can navigate to that location in order to view these files. Let's let this go through the process, it's now complete, we'll click OK. That happened pretty quickly which was nice. And here what I'll do is I'll pull up my Browser and this time I am going to go to the live version of this, chrisorwig.com/uk and then I am going to view this gallery. Here you can see this is live and online, you too could go to this gallery to view these images, again chrisorwig.com/uk.
And by having this live online it gives me the ability to share these photographs with others. In other words I could then highlight this full URL string, copy it and then paste this into an e-mail and say, hey, check out these photographs, they could then click on that link and it would take them to this location. As you can imagine this is a great way to share images with clients or friends so that they can view a set of photographs. And by doing this, you can really take advantage of being able to build these different types of Web galleries from right inside of Adobe Bridge.
Keep in mind that there are different types and styles of templates, so you'll want to experiment a little bit and tinker around here as you look at these different templates and also as you explore how you can customize these templates. Because many times what you can do is select a template and then customize it slightly so that it can best suit your needs.
Get unlimited access to all courses for just $25/month.Become a member
164 Video lessons · 54531 Viewers
64 Video lessons · 86398 Viewers
86 Video lessons · 55784 Viewers
148 Video lessons · 93137 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.