Tuesday, January 11, 2022

Whiten Teeth

 Assignment for Wednesday. 1/12- Whiten all of the teeth picutres in the "WHITEN TEETH"  folder in your tvstudio class folder.  They are due by the end of the period. 

How To Whiten Teeth In Photoshop - Quick Summary


The picture is in your tv studio "whiten teeth " folder called ORIGINAL


FULL TUTORIAL BELOW: 

The original photo before whitening the teeth

The original image. Credit: Adobe Stock.

If I zoom in for a closer look, we see some yellow in the teeth, especially with the man on the left. Both people's teeth could also use some brightening. We can do both of these things (whiten and brighten teeth) using a single Hue/Saturation adjustment layer:

A close-up of the yellow teeth in the photo

Both people's teeth could be whiter and brighter.


How To Whiten Teeth In Photoshop

Step 1: Select The Polygonal Lasso Tool or the Lasso Tool

Start by drawing a selection around the teeth. Select the Lasso Tool from the Toolbar:

Selecting the Lasso Tool from the Toolbar in Photoshop.

Selecting the Lasso Tool.

Step 2: Draw A Selection Around The Teeth

If you're working on a photo with two or more people in it, as I am here, you may be tempted to select and whiten everyone's teeth at once. But the problem is, everyone's teeth are different and usually need different amounts of whitening. You'll get better results by whitening one person's teeth at a time. I'll start with the man on the left.

Draw a selection around the teeth. Don't worry if it's not the most accurate selection because we can easily clean it up later. Just trace around the teeth, staying as close to the edges as possible:

Selecting the teeth with the Lasso Tool in Photoshop

Drawing a selection outline around the teeth with the Lasso Tool.

**You will outline the teeth point by point.  If you make a mistake, hit your DELETE key on your keyboard, it will delete one point at a time.   (You won't have to start over)

Step 3: Add A Hue/Saturation Adjustment Layer

Click the New Fill or Adjustment Layer icon at the bottom of the Layers panel:

Clicking the New Fill or Adjustment Layer icon in the Layers panel in Photoshop

Clicking the New Fill or Adjustment Layer icon.

Choose Hue/Saturation from the list:

Adding a Hue/Saturation adjustment layer to use for whitening the teeth.

Selecting a Hue/Saturation adjustment layer.

A Hue/Saturation adjustment layer appears above the Background layer:

The Layers panel showing the Hue/Saturation adjustment layer.

The adjustment is added above the image.

Step 4: Change The Edit Option To Yellows

The controls and options for the Hue/Saturation adjustment layer are found in Photoshop's Properties panel. By default, Hue/Saturation affects all colors in the image equally, and that's because the Edit option is set to Master:

The Edit option for the Hue/Saturation adjustment layer is set to Master

The Edit option is set to Master by default.

To edit only the yellows in the image so we can remove the yellow from the teeth, change the Edit option to Yellows:

Changing the Hue/Saturation Edit option from Master to Yellow

Changing the Edit option from Master to Yellows.

Step 5: Lower The Saturation Of The Yellow

Click on the Saturation slider and begin dragging it to the left. The further you drag, the more you'll desaturate the yellow in the teeth, making them whiter. Keep in mind, though, that teeth naturally have some yellow in them. If you drag the Saturation slider all the way to the left, as I'm doing here:

Dragging the Saturation slider for the Hue/Saturation adjustment layer

Dragging the Saturation slider to -100.

You'll remove the yellow completely, resulting in teeth that look dull and lifeless:

The image with too much yellow removed from the teeth, making the teeth look fake

Grayish-white is not a healthy look for teeth.

Instead, keep an eye on your image as you drag the slider and leave just enough yellow to keep the teeth looking natural. The setting you need will depend on how yellow the teeth were to begin with. For my image, a Saturation value of around -80 works well:

Dragging the Saturation slider to restore some of the yellow in the teeth.

Dialing back the Saturation value.

Whitening The Teeth: Before And After

To better judge the results, compare the whitened version of the teeth with how they looked originally. In the Layers panel, click the Hue/Saturation adjustment layer's visibility icon. Click it once to temporarily hide the effects of the adjustment layer and view the original image. Click it again to turn the adjustment layer back on and view the whitened version:

Clicking the Hue/Saturation adjustment layer's visibility icon in the Layers panel.

Toggling the adjustment layer on and off with the visibility icon.

Here's a before-and-after comparison showing the improvement so far. The left half of the teeth are how they looked originally. The right half are how they look after removing most (but not all) of the yellow:

A before and after comparison after removing the yellow in the teeth to whiten them in Photoshop

A before (left) and after (right) comparison of the teeth whitening.

Step 6: Change The Edit Mode Back To Master

We've whitened the teeth, so now let's brighten them. Change the Edit option in the Properties panel from Yellows back to Master so we can adjust all colors at once, not just the yellows:

Changing the Hue/Saturation Edit option back to Master.

Setting Edit back to Master.

Step 7: Drag The Lightness Slider To Brighten The Teeth

Click the Lightness slider and begin dragging it towards the right. The further you drag, the lighter the teeth will appear. Keep an eye on your image as you drag the slider so you don't brighten them too much. For my image, a Lightness value of around +20 works well:

Increasing the Lightness value in Hue/Saturation to brighten the teeth.

Increasing Lightness to brighten the teeth.

The teeth are now looking brighter. But depending on how accurate you were when selecting the teeth with the Lasso Tool, you may notice some areas around the teeth that have also been brightened. In my case, there's some unwanted brightening in the lips and gums along the top and bottom of the teeth. We'll clean up these areas next:

The teeth have been whitened but areas around them need to be cleaned up.

The teeth have been brightened, but so have areas around the teeth.


8, Whitening Teeth For More People In The Photo

As I mentioned earlier, for best results when whitening teeth for two or more people in the same photo, you'll want to use a separate Hue/Saturation adjustment layer for each person. We've already gone through the details of each step when I corrected the man's teeth, so I'll go through them again quickly here with the woman's teeth just so we can see how to work with multiple adjustment layers in Photoshop.

Selecting The Teeth

First, I'll reselect the Lasso Tool from the Toolbar. You can also select the Lasso Tool by pressing the letter L on your keyboard:

Reselecting the Lasso Tool from the Toolbar.

Reselecting the Lasso Tool.

Then, I'll draw a selection outline around the woman's teeth:

Selecting the teeth with the Lasso Tool in Photoshop

Selecting the woman's teeth with the Lasso Tool.

Adding A New Hue/Saturation Adjustment Layer

I'll click the New Fill or Adjustment Layer icon at the bottom of the Layers panel:

Clicking the New Fill or Adjustment Layer icon in the Layers panel.

Clicking the New Fill or Adjustment Layer icon.

Then I'll once again choose Hue/Saturation from the list:

Adding a separate Hue/Saturation adjustment layer for the woman's teeth.

Adding a separate Hue/Saturation adjustment layer for the woman's teeth.

A second Hue/Saturation adjustment layer is added. The one at the top is the one I'll be using to whiten the woman's teeth. The one below it is the original adjustment layer I used for the man's teeth:

The Layers panel showing two Hue/Saturation adjustment layers.

The second adjustment layer appears above the first one.

Whitening The Teeth

With the second adjustment layer added, the steps for whitening and brightening her teeth are the same as before. In the Properties panel, I'll change the Edit option from Master to Yellows. Then I'll drag the Saturation slider to the left to reduce, but not completely remove, the yellow from her teeth. For the man's teeth, I lowered the saturation to a value of -80. This time, I don't need to go quite that far. A value of around -70 should do it:

Reducing the yellow in the woman's teeth by lowering the color saturation.

The woman's teeth need less whitening than the man's.

Brightening The Teeth

To brighten her teeth, I'll change the Edit option from Yellows back to Master, then I'll increase the Lightness value by dragging the slider towards the right. Her teeth are already fairly bright so I won't push the Lightness value as far this time. I'll increase it to +10:

Brightening the woman's teeth by increasing the Lightness value for the Hue/Saturation adjustment layer.

Adding just a hint of brightening with the Lightness slider.


Before And After

And with that, we're done! Both people's teeth are now whiter and brighter. To compare the edited version of the image with the original version, press and hold the Alt (Win) / Option (Mac) key on your keyboard and click the Background layer's visibility icon:

Clicking the Background layer's visibility icon while holding the Alt / Option key.

Clicking the Background layer's visibility icon while pressing Alt (Win) / Option (Mac).

This hides all layers in the document except the Background layer, revealing the original 

photo:

The original image in Photoshop before whitening the teeth.

Viewing the original image for comparison.

To turn the adjustment layers back on, press and hold Alt (Win) / Option (Mac) and click again on the Background layer's visibility icon. And here, after whitening the woman's teeth using a separate adjustment layer, is my final result:

How to whiten teeth in Photoshop


QUICK OVERVIEW OF THE STEPS:

We covered a lot in this tutorial. Here's a quick summary of the steps for how to whiten teeth in Photoshop:

  • 01. First, select the Polygonal Lasso Tool and draw a selection around the teeth.
  • 02. In the Layers panel, click the New Fill or Adjustment Layer icon and choose a Hue/Saturation adjustment layer.
  • 03. In the Properties panel, change the Edit option from Master to Yellows.
  • 04. Drag the Saturation slider to the left to reduce the yellow in the teeth.
  • 05. Still in the Properties panel, change the Edit option from Yellows back to Master.
  • 06.. For images with two or more people, use a separate Hue/Saturation adjustment layer for each person for best results.

No comments: