Runboard.com
You're welcome.
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base
Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10251
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?


---

Advertise Boards On TRDConceptsDE
3/5/2008, 2:35 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25911
Karma: 431 (+484/-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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
3/5/2008, 3:01 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25911
Karma: 431 (+484/-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. emoticon 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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
3/5/2008, 3:12 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25911
Karma: 431 (+484/-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! emoticon

You can tell I like your banner when it makes me come up with so many ideas. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
3/5/2008, 3:16 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25911
Karma: 431 (+484/-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. emoticon

Image

But hey, it's past my bedtime and I'm tired, so good night! emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
3/5/2008, 3:42 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Erika E Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

---

Support
Directory
Customer Service
TCC
3/5/2008, 10:24 am Link to post  
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25911
Karma: 431 (+484/-53)
Reply | Quote
Re: Matching background with banner


Hubby has a good idea every once in a while. emoticon Now if I could just get him interested in learning how to code and make graphics... Image

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
3/6/2008, 12:35 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
SKOKEY Profile
Live feed
Blog
Friends
Miscellaneous info

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. Image
Image

Last edited by SKOKEY, 3/7/2008, 1:57 am
3/6/2008, 12:39 am Link to post Email SKOKEY   PM SKOKEY
 


Add a reply



You are not logged in (login)