Page 1 of 2 12 LastLast
Results 1 to 15 of 17
  1. #1
    Star Lounger
    Join Date
    Jan 2003
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi

    This seems so simple yet is driving me insane. I have a gif image which is used as the background colour for my web site. I want to change the colour of that image. I have Adobe Photoshop 5.1 and Microsoft Paint. I have no understanding of how these programs work, but I am an advanced Office user.

    How do I do it?

    Many thanks, Laurie

  2. #2
    5 Star Lounger
    Join Date
    Dec 2009
    Location
    South of the North Pole
    Posts
    919
    Thanks
    0
    Thanked 0 Times in 0 Posts
    For just a quick color scale change, open in full edit in 5.1 and under Enhance>Adjust Color>Adjust Hue/Saturation..., slide the Hue setting with Preview checked to see the result. Also try it with Colorize checked for more subtle variations..

    Start with that and see if it does the job, if not get back with more specifics about what is required.

  3. #3
    Star Lounger
    Join Date
    Jan 2003
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Bryan

    Thanks for your help. I have found the hue/saturation box and that does indeed enable me to change the colour, but, as far as I can see, not to a specific colour. I want to change the image to a specifc colour for which I have the RGB values. Any other suggestions?!

    Thanks

  4. #4
    5 Star Lounger
    Join Date
    Dec 2009
    Location
    South of the North Pole
    Posts
    919
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That's a taller order and I'm not sure this will work for you and someone may know a better way but first check under Image>Mode to see if your gif is Indexed Color.... If it is, you'll have to change it to RGB Color to use RGB values. Also if there is any tranparent areas you want to preserve as transparent, over in the Layers panel (lower right side of screen) there is a little light-colored square next to the word Lock:. Click on that transparency sqare to keep transparent areas from being colored. I'm assuming you only have one layer so it should be the default but select the layer needed otherwise.

    Then on the left side of the screen should be the tools bar and at the bottom are two overlapping color squares. Click on the top color and the Color Picker should pop up. Enter your RGB values in the respective fields and click OK. Then select the brush tool from the tools bar and in the brush customizations bar along the top edge of the workspace you should see a Mode: window; click on the dropdown and choose Color as the Mode. Then adjust the brush size if needed and be sure opacity is at 100% and brush your color onto the image. When finished, change the gif back to Indexed Color... if that's what it was.

    That should do it in most cases. If it didn't you might have seen the color replacement brush and you might want to try that. Use the Eyedropper to set the color you want to replace then set you RGB color on the other color patch and play with the mode settings and tolerance levels. I'm not as familiar with that tool so you would be learning as much about it right away as I could tell you.

  5. #5
    5 Star Lounger PaulB's Avatar
    Join Date
    May 2002
    Location
    Ottawa, Ontario
    Posts
    763
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by lauriew View Post
    ...a gif image... background colour for my web site.
    It is not clear to me why you would use a graphic to set a colour. Could you post the .gif image here to clarify this? It may lead to a quicker solution or possibly an alternative solution.
    Regards,
    PaulB

  6. #6
    Super Moderator
    Join Date
    Dec 2000
    Location
    Renton, Washington, USA
    Posts
    12,560
    Thanks
    0
    Thanked 4 Times in 4 Posts
    The gif file is being used as the site background, this has been a standard since browsers supported graphic backgrounds.
    See http://freepages.genealogy.rootsweb....red/index.html as this uses a gif file for the background

    Now running HP Pavilion a6528p, with Win7 64 Bit OS.

  7. #7
    Super Moderator
    Join Date
    Jun 2002
    Location
    Mt Macedon, Victoria, Australia
    Posts
    3,993
    Thanks
    1
    Thanked 45 Times in 44 Posts
    But if the gif is just a single colour it would be easier just to set a background colour.
    This would make it easy to experiment with different colours without the current issue arising at all.

    Code:
    <body bgcolor="#ff9933">
    But if the gif has a texture, or a gradation of colour, the it makes sense to retain the background image.
    Regards
    John



  8. #8
    5 Star Lounger PaulB's Avatar
    Join Date
    May 2002
    Location
    Ottawa, Ontario
    Posts
    763
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by John Hutchison View Post
    But if the gif is just a single colour it would be easier just to set a background colour.
    This would make it easy to experiment with different colours without the current issue arising at all.

    Code:
    <body bgcolor="#ff9933">
    But if the gif has a texture, or a gradation of colour, the it makes sense to retain the background image.
    My thoughts exactly. That's why I want to see the graphic.
    Regards,
    PaulB

  9. #9
    Uranium Lounger
    Join Date
    Mar 2001
    Location
    New Jersey
    Posts
    6,684
    Thanks
    1
    Thanked 11 Times in 11 Posts
    The question cannot be answered without us seeing the image in question. There are too many variables to consider and all one can do is speculate without the image in front of them.
    <IMG SRC=http://www.wopr.com/w3tuserpics/DocWatson_sig.gif>

  10. #10
    Uranium Lounger
    Join Date
    Mar 2001
    Location
    New Jersey
    Posts
    6,684
    Thanks
    1
    Thanked 11 Times in 11 Posts
    Quote Originally Posted by DaveA View Post
    The gif file is being used as the site background, this has been a standard since browsers supported graphic backgrounds.
    See http://freepages.gen...ared/index.html as this uses a gif file for the background
    You're saying that the gif us the color background on that site, but a right click>Save Background as.. on the background yields a file with some text included. Therein lies the conumdrum. What, exactly, does the OP have to work with ??[attachment=87562edchart.gif]
    Attached Images Attached Images
    <IMG SRC=http://www.wopr.com/w3tuserpics/DocWatson_sig.gif>

  11. #11
    Star Lounger
    Join Date
    Jan 2003
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi

    Thanks for all your replies. Have used the brush tool as suggested and this seems to have worked, although not as 'clean' as a solution as I would have expected.

    The reason for the gif image rather than setting the colour of the background of the page, is that this is what was used originally in the design of the template I purchased. I also have lots of pages I want to update, so by changing the gif I can change all the pages in one go. Also, my description before wasn't completely accurate, because it is only used as the background for the main content parts of the pages, rather than the entire page.

    I've uploaded the image in it's original form anyway, just in case you guys can see a better solution.

    I guess one gets so used to one way of working (Office aps) that it becomes difficult to adjust to something different like image editing programs. I'm just so used to doing select something, change colour!

    (Btw, realised i'm using Photoshop 7, although System Info says 5.1!)

    Thanks again.
    Attached Images Attached Images

  12. #12
    Super Moderator
    Join Date
    Dec 2000
    Location
    Renton, Washington, USA
    Posts
    12,560
    Thanks
    0
    Thanked 4 Times in 4 Posts
    Quote Originally Posted by Doc Watson View Post
    You're saying that the gif us the color background on that site, but a right click>Save Background as.. on the background yields a file with some text included. Therein lies the conumdrum. What, exactly, does the OP have to work with ??[attachment=87562edchart.gif]
    Yes, as the background gif includes the pinkest color plus the pedigree chart with text and is duplicated all over the webpage.

    Now, that I see what the OP has posted, yes, it would be easier to just set the webpage background to the color wanted.

    These strip type background gifs were made to have a gradient color scheme

    Now running HP Pavilion a6528p, with Win7 64 Bit OS.

  13. #13
    5 Star Lounger
    Join Date
    Dec 2009
    Location
    South of the North Pole
    Posts
    919
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by lauriew View Post
    Hi

    Thanks for all your replies. Have used the brush tool as suggested and this seems to have worked, although not as 'clean' as a solution as I would have expected.


    (Btw, realised i'm using Photoshop 7, although System Info says 5.1!)
    That's why I said hopefully it will work; even though you get the correct RGB values, brightness and saturation may still make it appear to be off and some further adjustments are needed.

    Also, I was actually giving you navigation for Photoshop Elements 5 so that would be quite different from Photoshop 7, but all the same tools are there for the most part.

  14. #14
    Uranium Lounger
    Join Date
    Mar 2001
    Location
    New Jersey
    Posts
    6,684
    Thanks
    1
    Thanked 11 Times in 11 Posts
    Quote Originally Posted by lauriew View Post
    Hi

    Thanks for all your replies. Have used the brush tool as suggested and this seems to have worked, although not as 'clean' as a solution as I would have expected. ......

    ......I guess one gets so used to one way of working (Office aps) that it becomes difficult to adjust to something different like image editing programs. I'm just so used to doing select something, change colour!

    (Btw, realised i'm using Photoshop 7, although System Info says 5.1!)

    Thanks again.
    Now that I see what you are trying to accomplish, the simple way is to open your image in Photoshop and from the Settings options choose Select>All and then use the Paint Bucket Tool from the pallet, select your color and then position the tool over the selected area and click to fill. That's it.

    I've attached an example of the finished result. HTH
    [attachment=87627:Color Change Example.jpg]
    Attached Images Attached Images
    <IMG SRC=http://www.wopr.com/w3tuserpics/DocWatson_sig.gif>

  15. #15
    Star Lounger
    Join Date
    Jan 2003
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Doc Watson View Post
    Now that I see what you are trying to accomplish, the simple way is to open your image in Photoshop and from the Settings options choose Select>All and then use the Paint Bucket Tool from the pallet, select your color and then position the tool over the selected area and click to fill. That's it.
    Hi

    Right, I do Select All and get the marching ants around the image. Then I choose the Paint bucket tool, click on the gif and nothing happens.

    Is it something to do with the layer and the fact that it is locked?

    Thanks

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •