Skip to main content
S
sevkie
Participant
July 12, 2010
Answered

Change background color PS CS5

  • July 12, 2010
  • 2 replies
  • 35627 views

My color object is on a grey background.  I want to put it on a white background to make it web ready.

What is the correct way/method to do this pls?

I know I can create a mask and change the appearance of the transparency by Transparency&Gamut but is this the right way to do this? 

I am not sure how to do this but I am thinking that I might need to create a new white (background?) layer and put my color photo on this layer???

Thank you,

Sevkie

    This topic has been closed for replies.
    Correct answer c.pfaffenbichler

    If necessary convert the background-layer to regular layer,

    create a Selection of the gray area (using Select – Color Range or the Magic Wand- or Quick Selection-Tool or using any other method you may be familiar with),

    invert the Selection (command-I),

    apply as a Layer Mask (third button from the left at the lower end of the Layers Panel),

    then add a white Solid Color Layer and move it behind the other Layer.

    2 replies

    A
    Anonymous
    July 22, 2010

    I'm completely new to Dreamweaver ... but I've been changing background colors rather easily just by editing the code.

    HINT: To reveal the code name of any given section on the page, I've learned when I'm looking at my web page in design view, if I just "alt+click" the header or sidebar where I want to change the color, a pop-up window reveals that section's code, and especially it's name. (For example: ".sidebar1"). I then, with the title of that section in mind, I click on the "code" tab (top left toolbar in Dreamweaver). The code tab reveals the web page's CSS code and because I don't want to manually sort through the entire CSS -- I do a word search by hitting "control F" and type in the relevant key word (e.g., "sidebar1" or ".header" whatever section I hope to edit). Soon as I see that section described, I look for the word "Background" and there you'll see the color listed by its numeric code!

    Editing color by code is real easy when you have access to a good color chart. Here's one: http://www.theodora.com/gif4/html_colors.gif  (Google search "HTML color chart" for more color chart options).  For a black background, the code looks like this: background: #000000; (Sometimes it's shortened to background: #000;)

    {{Hope this info helps}}

    ~ Tami Jackson


    c.pfaffenbichler
    Community Expert
    c.pfaffenbichlerCommunity Expert
    Community Expert
    July 12, 2010

    Well, do you want to maintain transparency or not?

    If so you might save a PNG-24; if not you could just save a jpg of the element on a white background. (Both with File – Save for Web & Devices.)

    S
    sevkieAuthor
    Participant
    July 12, 2010

    Being a newbie, I do not understand your reply.  How do I put my photo on white background?

    c.pfaffenbichler
    Community Expert
    c.pfaffenbichlerCommunity ExpertCorrect answer
    Community Expert
    July 12, 2010

    If necessary convert the background-layer to regular layer,

    create a Selection of the gray area (using Select – Color Range or the Magic Wand- or Quick Selection-Tool or using any other method you may be familiar with),

    invert the Selection (command-I),

    apply as a Layer Mask (third button from the left at the lower end of the Layers Panel),

    then add a white Solid Color Layer and move it behind the other Layer.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices