SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Make wood background white

    So, I have this wood background and I'd like to make it white/gray in photoshop. I created a layer, made it white, put it on top of the wood layer, and then changed the opacity. however, it didn't quite do what I wanted.

    I'm trying to create something like this

    http://www.dreamstime.com/stock-phot...-image35326332

    However, I'd like stronger whites and greys here.

    How would I do this??WoodBG.png

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    One option would be to convert it to grayscale and then lighten it by adjusting the levels. Here's a quick example:

    WoodBG1.jpg

  3. #3
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yea. I did your the image > adjustments > black and white then adjusted some.

    However, I'm looking for a bigger contrast. Like a very strong white and a grey. If you go here you will see what I did. I'm just not 100% happy with it yet. I definitely need to take some more photoshop tutorials.

    Look in the footer

    http://newstartlaw.com/contact-us/

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Hm, yes, I could do with more lessons too. Make sure to optimize your images, though. Your body background is 5.7mb, which is about 20 times too large. Took ages to download for me.

  5. #5
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes. I'm still trying to figure out how to optimize. I actually posted about it the other day.

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by BrianBam View Post
    Yes. I'm still trying to figure out how to optimize. I actually posted about it the other day.
    It's easy in Photoshop. Just go to File > Save for Web. There are various settings you play with there, like choosing a quality level (for jpgs).

  7. #7
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,802
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    1) if you have regular color wood, you can change color mode to convert to gray.. another nice bonus of this technique is that it will reduce the filesize by roughly 1/3 to start with ( so even if your original image is gray, make sure it's in grayscale mode). Note, this is kinda moot if you save as PGN8 or GIF... but for something as textural as wood, I wouldnt go that route anyway.

    2) You can lighten /darken and ad contrast with the level slider.. but I tend to favour curves. It offers far more control.

    3) consider your bg dimensions.. 2600px@72px/in is awefully big, and is useless for mobile devices. How about:
    1300px ( or so @ 36px/in?) and compressed at 40% jpg ( a lil blur might not hurt either since this is merely a page bg)

  8. #8
    Non-Member creativeprojects's Avatar
    Join Date
    Feb 2014
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There are many options in Photoshop regarding colors. You can select any color you want in your image. It provides options to set the brightness. I think you should select grey color and try to adjust the brightness, may be then you would be able to get the image you preferred.

  9. #9
    SitePoint Wizard webcosmo's Avatar
    Join Date
    Oct 2007
    Location
    Boston, MA
    Posts
    1,480
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Your example stock photo is computer generated wood texture, a plugin for Photoshop. That`s why it looks perfect I believe it`s "Alien Skin eye candy Nature" - wood texture.
    But if you want real wood, in order to have a small size file, you then must crop a portion of the texture and optimize it so it can repeat seamlessly and create a background. Check the attached, created from your image.

    woodTexture.jpg

  10. #10
    SitePoint Member
    Join Date
    Apr 2014
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    applying different color mode with in a layer can perform good


Tags for this Thread

Bookmarks

Posting Permissions

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