Join Tom Green for an in-depth discussion in this video Project: Correcting a Hawaiian shirt, part of Fireworks CS6 Workshop.
In this exercise, what we're going to do is just sort of pull it all together and work with one image. You're going to see the progress as we move through. And the image we're going to work with is little old me, right here, in a Hawaiian shirt. And what we're going to do is prepare the Hawaiian shirt image for placement into this page. To get yourself started, open up the shirtfw.png file located in your Exercise folder. Now, here's what I want you to do. As soon as this opens, do a Save As back to the Exercise folder, Save As and just call it shirt01.
Click Save. Now, why did I ask you to save it as a different name? Because you're going to be making changes to an original and you never, ever, ever work on the original. Also you're going to be able to see how some of the decisions you make will actually effect the new image as opposed to the original. So, what I want you to do now is open up shirt. File > Open. Right there, shirtfw.png and then I just want you to grab the tab and just put the file right there, okay? So, we're going to have them side by side. This is the original.
This is the one that we're going to work on. All right, so select shirt01fw.png. Now, the first thing that we're going to do here is take a look at the levels, so you come to Filters > Adjust Color > Levels. And you can see that it's fairly, fairly flat. And the main reason that it's flat is this massive area of black in here. It's fairly dark in here and in here. Really, the only bright area is sort of around the shirt and the t-shirt that's underneath it.
Now, one of the things you can do is just sort of set the white and the black points. Well, we already know what the black is. So, you can just click on the black there. If you set the white point and just pick an area of the white shirt, you can see, the image just comes up a little bit brighter. Now, if I move this over here, you can see immediately, my skin tone has become a little bit brighter. This is good. Click OK. Another thing that we want to do is sort of bring up a little bit of the detail in the blue shirt, so we can come back to Levels.
Just click the Eye button, open it up and let's play with the blue. So, you choose the Blue channel. And again, really, all you need to do is just to identify the white point and it will just bring up the blue just that little bit. Now, you can move it this way, and you notice I turned green. And this is not a good thing. You can move it this way, but if you move the midtone, just remember what you're doing here is you're moving on the color wheel to either side. So, you're going to be either adding red or adding green.
So, you gotta be very careful. And we'll just Cancel that and we'll redo it. So, we'll just pull this in just a little bit. There we go. And it's a little bit brighter. Click OK. Brightness and contrast, select the image, Adjust Color > Brightness Contrast, might want to bring up a little bit of the Brightness and Contrast. But we''ve taken the brightness down a bit. If I take it up, you can see it just blows me out. So, you gotta be very careful here. Again, it's the art of subtlety.
And if I increase the Contrast, you can see it looks terrible. If you want the Andy Warhol look, it works. So, we're just going to bring up the Contrast a little bit here. There we go. Click OK. And we've added Brightness and Contrast and now, let's add the Unsharp Masking. Sharpen > Unsharp Mask. Now again, you've gotta be very careful with this one. What you want to do is sort of just get yourself back to about one pixel, maybe a, even, yeah, one pixel would be fine.
Right there on the pixel radius, just go out one. And if you increase the threshold, not a lot happens, but as you decrease it, it does. You notice that it brightens up on my eye there. Especially right here, right at this point here where there's that white. So, you'll really want to keep an eye on this because the Unsharp Masking does not bring stuff into focus, it just increases Contrast between contiguous pixels. So, I'm just going to reduce the Unsharp Mask a bit here, take a look, it looks okay, I might want to take it up a little bit more.
I think we'll stay with that. Click OK. And you can see that by simply doing simple Color Correction even with an image that's really dark, you can make some pretty big improvements if you use subtle movements. So, in this lesson, basically what we did was we applied, the Levels, we adjusted the Midtone, we brought up the blue a little bit to bring out the shirt. We decreased the Brightness, increased the Contrast to bring up a little bit more detail. And then, applied the Unsharp Masking to it, and just simple small movements really can give you quite, quite dramatic effects.
Now, don't go for dramatic. You're going for subtle. You want this to look as real as possible.
- The Fireworks interface
- Vector drawing
- Working with bitmaps
- Image retouching and color correction
- Masking in Fireworks
- Working with text
- Creating symbols
- Creating for Edge and mobile
- Importing Photoshop and Illustrator documents