Buy. Download. Create. Get Photoshop now at the Adobe Store.
Photoshop for Students. Get super savings at the Adobe Education Store.
Create An Online Portfolio Gallery With Photoshop
Times really have changed! Only a few years ago it was par for the course to travel across town (or the country) lugging a heavy portfolio case full of treasured works, or mailing them to a faceless stranger. There was the fear of damage, or worse still, hearing the words, "Can you just leave it here with us for a few days," not knowing what will happen to them as soon as we turn our backs.
I have a hunch that the printed portfolio will be with us well into the future. However there is a growing trend to put a portfolio on the web. This has obvious advantages; Your site is up 24/7, it's cheap, can be viewed by anyone around the world and the potential audience is huge. Since launching PhotoshopCAFE.com almost 5 years ago, over 3 million people from around the world have viewed my portfolio, this would be impossible without the web.
Photoshop makes it very easy to build an online portfolio. I will show you how in just a few steps and we can do it all from the File Browser in Photoshop CS or Bridge in CS2.
STEP 1 - Working With The Metadata Tab
Launch the File Browser (Bridge in CS2) and navigate to the folder of images that you desire to include in your online Portfolio. (Tip: To hide all the palettes press the tab key.)
Click on an image and view the metadata tab. A lot of information can be stored here such as Image information, camera settings at time of capture and even your location if your camera is equipped with GPS. Under "IPTC" You will notice some fields that have a pencil in the left Column. This means that these fields are editable. Enter in a description (this will become our caption on the Web Page). Also enter in the credits for the image. Note: For more fields, right click a thumbnail and choose "File Info."
Click the checkmark at the bottom of the window to apply the custom fields to the image. This information will now be attached to the image and travel wherever the image goes.
STEP 2 - Working With The Gallery
Lets move on to the gallery, choose Automate> Web Photo Gallery from the file browser's menu (Tools> Photoshop> Web Photo Gallery in Bridge CS2). Select a style for the gallery.
You can see a preview to the right (note that some options will not be available with certain styles). Enter your email address so that visitors can contact you. Cast your attention to the Source Images section. This is where we will choose the images and decide where we will save the gallery.
Use either Folder: Select an entire folder of images to be processed Selected Images From File Browser (Or Bridge): Use this option to use only selected images. You will have to select the images before opening the Web Photo Gallery dialog box. Hold down Ctrl (Cmd on Mac) and click on each desired thumbnail to select it. Click on Destination and either create or select a folder to save the gallery into.
STEP 3 - Name The Gallery
Under options, you will see a drop down menu. Space is limited to run through each of the options, so we will look at the important ones and the others can be left as defaults.
Choose Banner. This is where you will enter the title of the gallery and personal information.
STEP 4 - Choose Compression Settings
Choose large images: This is the actual size that your images will be displayed. You can choose the default or increase the size if you wish. Notice there is a slider that says "File size."
This will set the jpg compression. The further left the slider, the faster the images will load — but they will be lower quality and suffer from jpeg artifacts (little blocks and smudged details).
Move the slider to the right and the quality will be much better, but it will take longer for the image to download.
The setting you use depends on your intended audience. If your audience are using fast connections such as cable or DSL, then use a higher setting. If they are using Dial-up modems or overseas, then use lower settings. If you are unsure, a setting of 5 will produce a healthy compromise.
STEP 5 - The Security Setting
Perhaps the most important setting is the security setting. This will allow you to watermark your images. This will make it difficult for people to steal them and use them without paying you the proper fee or credit (one of the biggest fears of Photographers desiring to post images online).
Under custom text you can type in any message you like for a watermark. In this case I have used the copyright symbol. Tip: A great idea is to take your logo and have it converted to a font, and then select it as the watermark.
Choose the size and placement of the watermark.
Finally select a color and opacity, this will determine the strength of the watermark. I prefer to use White and lower the opacity to 38%. This allows the watermark to protect the image without distracting too much.
STEP 6 - Let Photoshop Do All The Work
When you are happy with all the settings, hit OK. Photoshop will now do all the work for you. Sit back and relax while you are being saved hours of work. You don't even have to resize any of your images first, Photoshop does it all for you. All the thumbnails, HTML and Javascript will be built for you.
When Photoshop have finished, it will launch your new gallery in your web browser.
You can scroll through the thumbnails and click on any of them to display the full size image. This is a quick way for viewers to locate the desired images quickly. Notice that the watermark can be clearly seen.
Portfolio.6.tifClick in the Image Info tab to display the File information.
STEP 7 - Upload To The Web
The final step is to upload the images to the web. You will need to locate a web hosting company if you don't already have an account. A hosting account can be obtained for a very reasonable price. You will then upload all the files in your chosen folder (the one we exported to) to the internet via FTP.
There are easy-to-use ftp programs available such as cuteFTP for windows or Fetch for Mac. This really is easy and any good hosting company will provide full instructions and assistance.
Good luck with your portfolio, your images are waiting to be displayed in the World's largest gallery for everyone to see.
For more cool techniques like this on an easy to follow video format check out Photoshop Secrets For Digital Photographers.
PhotoshopSecrets - Wacom Tablets and Photoshop CS3
Our friend Colin Smith has updated one of his very popular training DVDs — PhotoshopSecrets - Wacom Tablets and Photoshop CS3 — a video training package that teaches you everything you need to know about working with a Wacom tablet in Photoshop. This updated edition now includes lessons with material that addresses some of the new features found in Photoshop CS3.
According to Colin's site, this is "the most complete training on the Wacom Tablet and Adobe Photoshop ever. This fully updated video will show you how to unleash the power and creativity that only comes from a pressure-sensitive tablet. Set up your tablet correctly and stop working like a mouse user in Photoshop. Two of the Top instructors in the industry combine their talents to bring you a video that will totally change the way you approach graphics on your computer. This fast loading CD ROM contains over 2 hours of sharp video with crisp digital sound."
Colin says, "Wes Maggio and myself went back to the studio and completely re-recorded all the lessons for this new version. The content is better, Wes included techniques for all the latest tablets and Cintiq. All the Photoshop techniques are brand new to this edition of the disk. Many of the new CS3 features are explained and covered, including Quick select, Smart Filters, Clone Source, new Curves, Black and White adjustment and more."
The simple-to-use interface frees you up, and you can instantly jump to any lesson with complete control over the playback. All the lesson files are included, so you can follow along at your own pace. If you currently own, or are considering a Wacom pen tablet or Cintiq, this video is one of the best investments you can make. For more on these tablets, see our Wacom Pen Tablets Resource Center. Lessons include:
• Tablet overview
• The Brushes palette in Photoshop
• Maximizing pressure sensitivity
• Customizing the pen
• Setting up the ExpressKeys
• Programming Touch Strips
• Grayscale and color in same image
• Collaging Techniques
• Adding 3D shadows and highlights
• Customizing the depth of field
• Dodging and Burning (the new way)
• Making custom grunge brushes
About Colin Smith
An award winning designer, best-selling author and trainer, Colin is founder of one of the world's most popular Photoshop resource sites, PhotoshopCAFE.com. Colin is also a regular columnist for Advanced Photoshop, Computer Arts, and Photoshop User Magazine.
About Weston Maggio
As an Adobe certified Expert in Photoshop and Wacom sales manager, Wes is an authority on Photoshop instruction, and has taught and held workshops at PhotoshopWorld, Seybold, Macworld, and PMA.
Wacom Tablets and Photoshop CS3 - Special Discount Price
PhotoshopSecrets - Wacom Tablets and Photoshop CS3 - $39.99 - (DVD version)
PhotoshopSecrets - Wacom Tablets and Photoshop CS3 - $39.99 - (instant download)
Don't have Photoshop CS3 yet? Get Photoshop CS3 now at the Adobe Store. This DVD training is also available for earlier versions. Here are the links:
PhotoshopSecrets Wacom Tablets and Photoshop - $39.99 - (DVD version)
PhotoshopSecrets Wacom Tablets and Photoshop - $39.99 - (instant download)
