Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Matching background with banner
I never am very good when it comes to graphics so please be patient.
There is a banner located here . I want to match the background to the banners texture. So I load both images into gimpshop and do...what?
|
3/5/2008, 2:35 am
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Matching background with banner
Pick a part of the banner that you would like for the color behind it. I would probably pick the color that's directly under the "e" in "the".
Since there are multiple shades causing it to look one shade, you'll need to blend them together. I always select the area I want to pick the color from, because it speeds up the process with larger images. Blur that selection until all the shades are blended together to make one color.
Then, use the color picker (looks like an eye dropper) to pick that color from the blurred area. Click on the foreground color as though you're going to change it, then copy the hex code that appears when you do this, and paste it into your CSS. Look at the page with the background color but without the banner, then put the banner back in and watch it transition from background color to image to see if you like it.
Darn, I just gave away another trick of the trade.
|
3/5/2008, 3:01 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Matching background with banner
I was going along with the idea that you might want a background color behind the image, but this can work for creating a color scheme in general, which is now what I think you were going for. After using your color picker, you can lighten or darken that color to create different shades of the same color.
In this case, you could color-pick the blue and darken it for links, and maybe add blue icons for a little dash of color throughout.
I would probably go with a lightened version of the lightest gold in your banner and texturize it similarly for the overall background. You could also do a textured gray to match the arrowheads, but I think gold just looks richer, and the textured gray would probably work well as table headers.
More tricks of the trade. Having a good banner like yours makes it easier to design a good layout, and you can pick/lighten/darken probably all of your colors from the banner itself.
|
3/5/2008, 3:12 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Matching background with banner
Ooh, another idea, lol. Light, texturized gold where the peach is now, light, texturized gray where the gray is now, dark, texturized gold headers, blue icons, and deep blue links.
Voila!
You can tell I like your banner when it makes me come up with so many ideas.
|
3/5/2008, 3:16 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Matching background with banner
Hubby said, "Hey, how about a dark blue background?" So I put it in and liked it better than my ideas.
But hey, it's past my bedtime and I'm tired, so good night!
|
3/5/2008, 3:42 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Erika E
A Posting Machine
Registered: 10-2003
Posts: 2887
Karma: 267 (+281/-14)
|
Reply | Quote
|
|
Re: Matching background with banner
I think that blue actually looks nice.. Id usually go with the yellow of course, but that blue is great.
|
3/5/2008, 10:24 am
|
Link to post
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Matching background with banner
Hubby has a good idea every once in a while. Now if I could just get him interested in learning how to code and make graphics...
|
3/6/2008, 12:35 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
SKOKEY
Heavy poster
Registered: 12-2005
Location: Bennington, NH
Posts: 617
Karma: 25 (+32/-7)
|
Reply | Quote
|
|
Re: Matching background with banner
Here's a version where I evened out the gradient around the top, left, and right and if you display it without the black border, it will blend nearly seamlessly with this background tile.
Last edited by SKOKEY, 3/7/2008, 1:57 am
|
3/6/2008, 12:39 am
|
Link to post
Email SKOKEY
PM SKOKEY
|