EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

How to Fill Color in Photoshop?

Home » Design » Design Tutorials » Photoshop Tutorial » How to Fill Color in Photoshop?

How to Fill Color in Photoshop

Introduction to Fill Color in Photoshop

In this article, we will learn about How to Fill Color in Photoshop?. Filling color in a picture is very easy in Photoshop. Irrespective of the version and type of Photoshop you are using, filling color is easy as texting message. Just a couple of operations are required for this. Mainly, this operation is used to change the background color of an image especially a passport size photograph. Also, we can change the foreground object to match the background color which of-course takes some more operations so that the color will 100% match with the background. For making attractive thumbnails for YouTube videos, banners, notice, etc. this color fill option is investable. And, that too in a very few easy steps. The following steps are illustrated with a screenshot of each operation. So, let’s move onto the steps involved in filling colors.

How to Fill Color in Photoshop?

Below are the steps to fill color in photoshop:

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: Open Adobe Photoshop in your computer and then click on the File tab. Then a drop-down list will appear on your screen. From the drop-down list select Open or press the Ctrl+O shortcut key directly in windows to open the image you want to edit. See the below image to see the process of the opening image.

File tab

Then select your photo from the directory. Here, I have selected a royalty-free image for this purpose.

How to Fill Color in Photoshop 2

Step 2: Here you can see the image of a girl with a pink background. I am changing this image’s background color from pink to blue by filling color options. Also, we have to keep the girl’s image the same as it is. For that, you should select the portion of the girl by using the magic wand tool.

Select the Magic Wand tool from the listed tools shown on the left side of the Photoshop work page or just press W key in Windows as shown in the image below.

magic wand tool

Step 3: Using the magic wand tool, select the background of this woman by simply clicking on the background area where you want to replace the color with filling a new color. But, before that, you need to define some parameters. First, click add to selection from the top box of magic wand tool and make sure the tolerance is set to a low value as shown below. Here, I am using the tolerance value as 10. Lower the tolerance value means select as much smaller areas and adds with your sections. It is always better to use a small tolerance value for easy selection. Then check the anti–aliased box and contiguous box as shown below. This will improve the efficiency of the tool.

add to selection

By the end, you can see the entire background is selected as shown in the image below. You can select the smaller portion also by reducing the tolerance value.

Popular Course in this category
Photoshop Training (9 Courses, 12+ Projects)9 Online Courses | 12 Hands-on Projects | 78+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (7,019 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

How to Fill Color in Photoshop 5

Now we have selected the entire background of the picture.

Step 4: The next step is to change the background color. We can change the background color from now. Before that make sure you have changed either foreground color or background color to the desired color that you want to replace with fill color option.

How to Fill Color in Photoshop 6

Here, I have selected the foreground color and changed to Light Blue. Then hit OK as given in the below-mentioned image.

How to Fill Color in Photoshop 7

Step 5: Go to the Edit selection from the main tab and select the Fill… option to fill the selected color as given below.

How to Fill Color in Photoshop 8

After selecting the fill option, another dialog box will open. From the Fill dialog box, use foreground color (because we changed the foreground color as per step 4. But, if you changed the background color select the background color option). Then, hit OK as shown in the image below.

How to Fill Color in Photoshop9

You can also change the Blending mode and opacity if need to reduce the intensity of color. Here, I am leaving it with default settings.

Step 6: Here, you can see the output. The background color has been changed to blue.

How to Fill Color in Photoshop 10

That’s all. Save the picture with good quality settings.

Conclusion

Changing the background color of an image using the Fill color option is a very easy and quick technique that can be performed by anyone who knows the basics of Photoshop. This technique is a common feature of Adobe Photoshop and very useful for everyone. Learning these techniques may help you to do some basic image editing without the help of design professionals.

Recommended Articles

This is a guide to How to Fill Color in Photoshop?. Here we discuss simple easy steps to Fill Color in Photoshop. You can also go through our other related articles to learn more –

  1. Quick Guide to Oil Paint Filter in Photoshop
  2. Background Eraser Tool in Photoshop
  3. What is Rain Effect in Photoshop?
  4. How to Use Burn Tool in Photoshop?
  5. Guide to How to Change Hair Color in Photoshop

Photoshop Training (9 Courses, 12+ Projects)

9 Online Courses

12 Hands-on Projects

78+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

1 Shares
Share
Tweet
Share
Primary Sidebar
Photoshop Tutorial
  • Effects
    • Text Effects in Photoshop
    • Metal Text Effect in Photoshop
    • Reflection Effect in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Motion Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Plastic Effect in Photoshop
    • Rain Effect in Photoshop
    • Gold Text Effect in Photoshop
    • 3D Text in Photoshop
    • 3D Text Effect in Photoshop
    • Clipping Mask in Photoshop
    • Fill Color in Photoshop
    • Delete Background in Photoshop
    • Transparent Text in Photoshop
    • Make Logo in Photoshop
    • Blend Images in Photoshop
    • Website Layout in Photoshop
    • Change Hair Color in Photoshop
    • Change Color in Photoshop
    • Highlight Text in Photoshop
    • Change Text Color in Photoshop
    • Change Shirt Color in Photoshop
    • Filters in Photoshop
    • Portrait Effect in Photoshop
    • Fire Effect in Photoshop
    • Ice Effect in Photoshop
    • Metallic Effect Photoshop
    • Photoshop Font Effects
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • Shiny Effect Photoshop
    • Morphing in Photoshop
    • Dispersion Effect in Photoshop
    • Photoshop Distort Effect
    • Typography in Photoshop
    • Photoshop Cinemagraph
    • Glitch Effect in Photoshop
    • Photoshop Straighten Image
    • Stamp Effect in Photoshop
    • Warp Image Photoshop
    • Fix Perspective in Photoshop
    • Vanishing Point in Photoshop
    • Fisheye Effect in Photoshop
    • Distortion Effect Photoshop
    • Resize Object in Photoshop
    • How to Paint in Photoshop?
    • How to Print in Photoshop?
    • Perspective Correction in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Night Effect in Photoshop
    • What is Masking
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Vaporwave Photoshop
    • Vintage Effect Photoshop
    • Templates in Photoshop
    • MP4 to GIF Photoshop
    • Photoshop Cheat Sheet
  • Basic
    • Introduction to Photoshop
    • What is Photoshop
    • Career in Photoshop
    • Install Adobe Photoshop
    • Plugins in Photoshop
    • Photoshop Versions
    • Uses Of Photoshop
    • Adobe Photoshop Shortcut Keys
    • Adobe Photoshop Commands
    • Adobe Photoshop
    • Is Photoshop Free
    • Top 10 Features in Adobe Photoshop
    • Layers in Photoshop
    • 10 Free UI Kits For to Download
    • Smart Objects in Photoshop
  • Tools
    • Adobe Photoshop Tools
    • Clone Stamp Tool in Photoshop
    • Eraser Tool in Photoshop
    • Selection Tool in Photoshop
    • Blur Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Move Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Patch Tool in Photoshop
    • Pencil Tool in Photoshop
    • Line Tool in Photoshop
    • Color Replacement Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Burn Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Quick Selection Tool in Photoshop
    • Red Eye Tool in Photoshop
    • Ruler Tool in Photoshop
    • Sharpen Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Lasso Tool in Photoshop
    • Adobe Photoshop Elements tools
    • Photoshop Mixer Brush Tool
    • Watercolor Brushes in Photoshop
    • Artboard in Photoshop
    • Crop Tool in Photoshop
    • Healing Brush Tool in Photoshop
    • Transform Tool Photoshop
  • Interview Questions
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More