The following are the steps you need to follow to digitise your photos for your web gallery
1. Create a folder - Images and copy all the images into the folder. If you do not have enough disc space you will need to bring the images off the USB one at a time.
2. Open Photoshop
3. Open all the images
4. Image Resize command and resize all the images to 1280px wide and then save over the top of th original image, reducing the file size considerably.
5. The next step is to resize the images again into thumbnails, at 200px wide. Then Save As the original filename with an 's.jpg' ie: imagename1s.jpg. You need both images. Do not overwrite the 1280px image.
That's the easy part. The next steps are creating your re-digitised images, using the Photoshop Image Adjustments commands and Filters (not Liquify).
6. Open your first image and decide what you will do with it.
You can need to make two separate changes to the same original image and save each change as follows:
6.1 Save it as the filename1_1.jpg. (1st change)and the second digitised image of the same original as the filename1_2.jpg (2nd change).
6.2. Then save each image again as a thumbnail original imagename1_1s.jpg (1st change) and the thumbnail as the filename1s_2.jpg (2nd change) and so on for all the images.
- This way you keep the original image and thumbnail image, as well as the re-digitised image.
7. Do the same for all the images, trying to use as many different filters and image adjustment as you can. But do not use the liquify filter, as it creates too many distortions, especially on people and all the filters used must be used with common sense.
8. Having re-digitised all images it is time to create your web gallery album in Dreamweaver. The album template is pre-done for you. The link is here.
9. What you need to do is:
9.1 Save the Target file in your UDrive as webgallery.
9.2 Open Adobe Dreamweaver.
9.3 Open the webgallery in Dreamweaver.
9.4 Using the command Insert Image, insert the thumbnail imagenames.jpg into the first table column and row. This will be the thumbnail of the original image.
9.5 Then insert the digitised image thumbnail filename_1s.jpg, then in the next cell filename insert the image filename2s.jpg and so on until all the 20 (plus) thumbnails have been inserted.
9.6 Then it's create the link to the larger image. This is done with using a hyperlink to the larger image and Dreamweaver's Properties window.
9.61 Select the yellow box next to the link box and it will open to the folder with your images.
9.62 Select the image matching the thumbnail and link it.
9.63 Check that it is the correct one by using the F12 function command, to preview the page in the browser.
9.64 Dreamweaver will prompt you to save the page, yes. Then the page will open in the browser.
9.65 Click on the thumbnail and the large image will appear. If it is the correct one, go back into Dreamweaver and do the same for filename2s.jpg and continue.
Previewing in the browser. After the first preview you only have to save the page and open up the previous browser page and select refresh.
See the examples on using the Properties window and then hyperlinking:
