how to use the paint bucket and gradient tools in adobe...

13
How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 Subject Descriptors: Paint Bucket Tool, Paint Bucket, Gradient Tool, Gradient, Fill Color. Application (Version): Adobe Photoshop CS5 Task Description: How do I use the Paint Bucket Tool? How do I use the Gradient Tool? Tutorial Date: 12 May 2009, by Arnousone Chanthalyxay. Updated 22 June 2010, Kasidy Stafford Paint Bucket Tool - Allows you to fill the area with the color that is selected for the "Foreground Color" - It will fill all of the area that is connected to the area that you have selected to be filled. Select the "Paint Bucket Tool" Click and hold down on the icon and then select the "Paint Bucket Tool" How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 1

Upload: lamdiep

Post on 15-May-2018

222 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5

Subject Descriptors: Paint Bucket Tool, Paint Bucket, Gradient Tool, Gradient, Fill Color.Application (Version): Adobe Photoshop CS5Task Description: How do I use the Paint Bucket Tool? How do I use the Gradient Tool?Tutorial Date: 12 May 2009, by Arnousone Chanthalyxay. Updated 22 June 2010, Kasidy Stafford

Paint Bucket Tool

- Allows you to fill the area with the color that is selected for the "Foreground Color"- It will fill all of the area that is connected to the area that you have selected to be filled.

Select the "Paint Bucket Tool"

Click and hold down on the icon and then select the "Paint Bucket Tool"

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 1

Page 2: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Select a "Foreground Color"

Select a different "Foreground Color" by double clicking the "Foreground Color"

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 2

Page 3: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Select a color

1 - Select a color from the rainbow bar by moving the tabs up and down or by clicking in the rainbowbar. 2- Click on the color that you want to use. 3 - This is the color that you have selected.

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 3

Page 4: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Click "Okay"

Once you have a color selected click on "okay"

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 4

Page 5: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Click in the area that you want colored.

- It will fill everything that is connected to the area that you have clicked. - Notice that the lines do not fully go down or up. This will cause the image to fill on the left side.

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 5

Page 6: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Changing the color of the outline.

- To change the color of the outline; select a color and click on the outline of the image. - Everything that is connected to the line will now change to that color, so make sure to be careful andto pay attention to what is connected to the area that you are selecting.

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 6

Page 7: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Select a "Selection Tool"

You can use any of the three different selection tools.

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 7

Page 8: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Select the area that you want the "Gradient Tool" applied to.

- The selected area will have dash lines around the area that you have selected. - If you do not have an area selected, then when the gradient is applied the entire image will have thegradient applied to it.

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 8

Page 9: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Choose the color you want the gradient to go from and to.

- Foreground color: Will be the color that the gradient will start with.- Background color: The color the gradient will end with. - You will select the colors the same way you selected the color in the step "Select a color"

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 9

Page 10: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Select the "Gradient Tool"

Click and hold down on the icon and then select the "Gradient Tool"

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 10

Page 11: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Click and draw a line down the area that is selected.

The direction you draw the line will also change how the colors will appear.

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 11

Page 12: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

This is what it looks like after you let go of your mouse.

Types of gradient.

You can also choose the different types of gradient.

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 12

Page 13: How to Use the Paint Bucket and Gradient Tools in Adobe ...teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How... · How to Use the Paint Bucket and Gradient Tools in

Different gradient types applied.

How to Use the Paint Bucket and Gradient Tools in Adobe Photoshop CS5 - 13