Tag Archives: photoshop

Make a Lightroom Web Photo Gallery

Did you notice that Adobe Bridge can no longer create a web photo gallery? No problem. You can make a Lightroom web photo gallery instead. A web photo gallery is a website made from HTML files that displays a series of images using hyperlinks. The home page shows thumbnail images of all scrapbook pages in a grid. When a thumbnail is clicked, a full-size image appears in a frame. A web photo gallery is a creative way to view Photoshop documents. In the past, a web photo gallery option could be made using Adobe Bridge. However, since the recent Adobe update this is no longer available. However, you can use Adobe Lightroom Classic to create a web photo gallery instead. Lightroom Classic is a photo organizer with editing features.

 Lightroom Web Photo Gallery

Lightroom Classic Web Photo Gallery

Prepare to Import Files into Lightroom Classic

Before importing your Photoshop documents into the Lightroom Classic Library, export each file as a PNG with a unique filename. This will keep the original pages intact, and will help to avoid issues that can occur during import. Place the files into a Student Name Gallery folder to stay organized.

  1. Use your skills to create a new folder in your student folder. Label it Student Name Gallery.
  2. Export each Photoshop document as a PNG into the Student Name Gallery folder.
  3. When finished, close Photoshop CC.

Import Files into Lightroom Classic Library

You need to add the folder to the Lightroom Classic Library. This will import the photos into the program. You can then use Lightroom Classic to create the web photo gallery.

  1. Open Lightroom Classic CC.
  2. In the left pane, in the Folders area, select the Add button. Select Add Folder.
  3. Select the Student Name Gallery folder. Click Select Folder.
  4. The files in the folder should be selected. From the top bar, select Add.
  5. Import Files into Lightroom Classic Library

    Import Files into Lightroom Classic Library

  6. Click Import.

Create a Lightroom Web Photo Gallery

The web photo gallery in Lightroom Classic is similar to the version that used to be available in Adobe Bridge. The output will look and function the same.

  1. Select Web from the bar along the top.
  2. Select the Classic Gallery layout style.
  3. Click Preview in Browser to see what the template will look like.
  4.  Lightroom Classic Web Photo Gallery

    Lightroom Web Photo Gallery

  5. Close the browser tab to return to Lightroom.
  6. In the Site Info area, type in a site title, collection title, collection description, contact name, and web or mail link.

Export the Web Photo Gallery as an HTML File

  1. At the bottom right corner, click Export.
  2. Go to the location where you placed your student files.
  3. Type Web in the File name box.
  4. Click Save.
  5. Close Lightroom.

View the Web Photo Gallery

  1. Go to the location where you saved the Web folder. Open it.
  2. Double click the index.html file to open the photo gallery in a web browser.
  3. view file

    Double click the index.html file.

  4. Click a thumbnail to see a full-size image.
  5. Click Previous or Next to view each scrapbook page.
  6. When you are finished, close the web browser tab.

Looking for More Photo Editing Ideas?

TechnoKids has updated TechnoPhotoshop to work with the latest version of Adobe Photoshop CC. Filter, retouch, and superimpose images. Discover how easy it can be to use professional photo editing tools to create unique images.

Photo Editing Activities

Photo Editing Activities

8 Practical Portraiture Digital Photography Tips

Digital photography tips can help students when taking portraiture photos. Today, teens love to take selfies. They understand how to position the camera, adjust their facial expression, and pose to capture the perfect image – of themselves. However, taking photographs of others requires different techniques. Share these 8 practical portraiture digital photography tips with students. They can use them to create original images for school publications, take yearbook photos, or capture unforgettable moments in their friends’ or family members’ lives.

1. Select a Background

Select a background that does not distract from the person in the foreground. If the location is too busy, consider taking the photo in a new place.

2. Select a Pose

Have the person try different poses to find one that looks the best. Often slight changes, such as tilting the chin up or down can dramatically change the pose.

3. Candid Camera

If you want to take a candid picture, have the person do something they like doing in a place where they will feel relaxed. To read more tips about how to take pictures that look genuine and unposed, see Ten Great Tips for Candid Photography.

4. Warm Up

The person you are photographing needs to be relaxed. Consider taking some practice shots just to warm up and give your model some time to relax.

5. Talk

Talk to the person being photographed about what action or emotion you would like them to show.

6. Move Around

Stand up, crouch down, or move to the left or right to get an angle that makes the model look great.

7. Zoom In

Use the zoom feature to fill the viewfinder with the person. If there is too much background in the shot, the person will not stand out.

8. Accessorize

Have interesting accessories on hand to add a splash of color or change the mood.

Digital Photography Tips

Digital Photography Tips

Digital Photography Tips and TechnoPhotoshop

Do you need activities to introduce digital photography to your middle or high school students? TechnoPhotoshop, published by TechnoKids Inc., is a technology project that has practical tips for capturing digital photos. Assignments have students explore the elements of design when using a digital camera. Moreover, there are useful hints for taking landscape, portraits, still life, and sports photography. As well, there are instructions on how to use Photoshop tools to enhance photo quality.

How to Make a Gradient Map to Create Duotone or Blended Images in Photoshop

A gradient map is a smooth blending from one color to another. The Gradient Map adjustment in Photoshop converts existing colors to a gradient based on whether the area is a dark, mid-tone, or light color. The dark color becomes the color to the left of the gradient map, the light color becomes the color to the right of the gradient map, and a mid-tone becomes a blend of the colors. By using gradient map, you can transform your picture into an attractive duotone image or a rainbow image that looks very wacky.

How to Make a Gradient Map in Photoshop

Pick Colors

  1. From the Tools panel, pick two colors for the gradient.
  2. Pick a Foreground and Background Color

    Pick a Foreground and Background Color

    • The foreground color swatch sets the dark colors. Pick a dark color such as dark blue or dark green.
    • The background color swatch sets the light colors. Pick a light color such as light blue or light green or white.
    • The mid-tones will become a blend of those two choices.
    foreground and background colors

    Be thoughtful when selecting the foreground and background colors.

    View the Gradient Map

  3. From the Image menu, select Adjustments. Pick Gradient Map.
  4. The picture is now a duotone image:
    • To smooth the appearance of the fill, click the Dither checkbox.
    • To switch the order of the colors, click the Reverse checkbox.
    Create a Duotone Image with Gradient Map

    Create a duotone image.

    Edit the Colors in the Gradient Map

  5. To adjust the color in the gradient map, click on the Gradient Used for Grayscale Mapping bar.
  6. Adjust the colors in the gradient map.

    Adjust the colors in the gradient map.

  7. From the Gradient Editor dialog box, click on a bottom stop.
  8. Click on the Color box. Make a selection from the spectrum. Click OK
  9. adjust the color of a gradient map stop

    Adjust the foreground or background color of the gradient map.

  10. Reduce the value in the Location box to adjust the position of the stop. This will increase the amount of the color in the image.
  11. location stop

    Set the location of the stop to increase the amount of color.

  12. Click OK to apply the changes and close the Gradient Editor dialog box.
  13. duotone image and gradient map

    Adjust the color and position of the stop to create a unique duotone image.

    Apply a Preset Gradient Map

  14. To pick from a selection of preset gradients, click the arrow beside the color bar.
  15. Make a selection.
  16. Pick a preset for the gradient map.

    Pick a preset for the gradient map.

  17. Explore the options to create a unique artistic effect.
  18. Apply a colorful gradient using the Preset options.

    Apply a colorful gradient using the Preset options.

  19. Click OK to apply the changes.
  20. Photoshop Activities

    Are you interested in easy to follow Photoshop activities for middle and high school students? TechnoPhotoshop is a technology project with assignments that have students create a digital scrapbook. They learn how use the Adjustment commands, including Gradient Map to create artistic effects.

How to Make a Contact Sheet in Photoshop

How to make a contact sheet is an essential skill for students who use Photoshop. A contact sheet is a one-page document that has thumbnails of photos arranged in a grid. It is an excellent way to show multiple images in one publication. It is commonly used to show a summary of images, allowing others to choose their favorite proof from a photo collection. However, this is not its only purpose.

Showcase Student Work Using a Contact Sheet

A contact sheet can be printed. The publication can then be displayed in the school hallway or classroom bulletin board. This is an excellent way to showcase student activities or school work.

As well, a contact sheet can be shared electronically. The file can be exported as either a PDF file or picture file. These can then be shared with friends or family members. The files can be linked or embedded onto a school web page, blog, or social media platform. In addition, the files can also be sent as email attachments.

Photoshop Contact Sheet

Showcase Student Work Using a Contact Sheet

Prepare to Make a Contact Sheet

Prior to completing the How to Make a Contact Sheet Instructions, gather the images for the contact sheet and place them into a folder. You will want the thumbnails to be easily seen. If the purpose of the contact sheet is to showcase student activities or school work, the thumbnails should be fairly large. You may only want to include 4-6 photos. The more photos you plan to include, the smaller the thumbnails will be – making them more difficult to see.

It is a good idea to plan ahead. Consider the grid pattern you intend to use. Based on this decision, select the number of photos. For example, a 2×2 grid requires 4 photos; 2×3 grid requires 6 photos; and a 3×3 grid requires 9 photos.

How to Make a Contact Sheet Instructions

  1. Open Photoshop CC.
  2. From the File menu, click Automate.
  3. Select Contact Sheet II…
  4. Select the files to include in the scrapbook:
    1. From the Use: box, choose Files.
    2. Click Browse… and go to the location of your scrapbook folder.
    3. Select each scrapbook page. Click OK.
    Pick Contact Sheet Files

    Pick Contact Sheet Files

  5. Select the contact sheet options:
    1. In the Document area, set the paper size.
    2. From the Mode box, select CMYK Color.
    3. From the Thumbnails area, set the Columns to 2 and the Rows to 3.
    4. At the bottom of the Contact Sheet II dialog box, decide if you would like to include the Filename as Caption. If you do not, clear the checkbox.
    5. When finished, click OK.
    Customize Contact Sheet Settings

    Customize Contact Sheet Settings

  6. Save as a Photoshop file:
    1. From the File menu, select Save As.
    2. Name the file Contact Sheet.
    3. Select Photoshop as the file type.
    4. Click Save.

  7. Export a file as a PNG:
    1. From the File menu, select Export.
    2. Select Quick Export as a PNG.
    3. Name the file Contact Sheet.
    4. Click Save.

  8. Save as a PDF file:
    1. From the File menu, select Save As.
    2. Name the file Contact Sheet.
    3. Select PDF as the file type.
    4. Click Save.

Contact Sheet, PDF Presentation, or Web Photo Gallery

Photoshop has many output options. How to make a contact sheet is one option. Other options include exporting a Photoshop file as a PDF or picture file. Photoshop can also transform a collection of photos into a PDF presentation with transitions or a web photo gallery. Detailed instructions are available in the technology project TechnoPhotoshop.