#1 2007-05-26 17:56:51
- raccudda
- Member

- From: Kenya
- Registered: 2006-01-29
- Posts: 86
- I've been thanked 0 times.
-
How is this done?
Can anyone help me with this. How do you make graphics appear "dry" and "crispy" kind of like the background here, especially the top and the bottom graphics. Most of my graphics appear "photographic" you know, unmatching colors, with some unexplainable uglinesss. How do you make such clean and crispy images?
Offline
#2 2007-05-27 08:03:24
- TheGypsy
- Member

- From: Where U least expect me
- Registered: 2006-07-12
- Posts: 2402
- I've been thanked 74 times.
-

Re: How is this done?
I ain't really sure whatcha mean by 'dry and 'crispy'??
David - PRR10 -
Affordable SEO services | Internet Business Development | Custom Web site design | Learn SEO | SEO Blog
Offline
#3 2007-05-28 01:49:52
- Ryan_steyn
- Member

- From: South Africa, Port Elizabeth
- Registered: 2006-08-23
- Posts: 1673
- I've been thanked 26 times.
-
Re: How is this done?
hmmm, k, im just throwing this out there. Are you using background images for your... urm, background?
First - a banner (aka the thingy on top of the page) looks nice n crisp because its a solid image, second, the background blue you see all over is an html tag
Code: html
bgcolor="#ECF6F4"
to be specific.
You see, when you use hex code for coloring you cant go wrong, #ECF6F4 will always be this shade of blue... not lighter or darker... just this color. kinda like how the painters always get the same brown you had in your lounge just by looking at the code on the tin.
Obviously one will need to practice for a while and test different variations until you get what you are looking for but once you have the hang of mixing and matching colors with pictures and effects you will achieve what you seek.
HINT: When you design your header and want it to fit in with your bakground take note of the hex code (color code) and use it in your html tags.
Last edited by Ryan_steyn (2007-05-28 01:51:03)
Lalibela Game Reserve in malaria free South Africa
"Humans are by far the most fascinating creatures, in a universe with no boundaries and a world with so much unfound wonder we are the only entities capable of creating boredom"
Offline
#4 2007-05-28 02:37:42
- raccudda
- Member

- From: Kenya
- Registered: 2006-01-29
- Posts: 86
- I've been thanked 0 times.
-
Re: How is this done?
TheGypsy wrote:
I ain't really sure whatcha mean by 'dry and 'crispy'??
I mean it actually looks waterpaint, not oily, no evidence of repetition.
hmmm, k, im just throwing this out there. Are you using background images for your... urm, background?
First - a banner (aka the thingy on top of the page) looks nice n crisp because its a solid image, second, the background blue you see all over is an html tag
Thanks for the analysis. Now How do you make that first banner. I also have another example, this one. How does it look dry (not oily). I don't know what makes them sites stand out (Im trying out on graphics, otherwise am inclined to coding).
Last edited by raccudda (2007-05-28 02:42:44)
Offline
#5 2007-05-28 06:07:41
- Ryan_steyn
- Member

- From: South Africa, Port Elizabeth
- Registered: 2006-08-23
- Posts: 1673
- I've been thanked 26 times.
-
Re: How is this done?
What makes it look dry is the choice of colors, its no special technique. The header you make by yourself - use your imagination and it may surprise you
generally you would want to work with lighter and darker tones of the same color, if you can add a drop shadow effect on borders it will stand out and look mighty impressive 
Lalibela Game Reserve in malaria free South Africa
"Humans are by far the most fascinating creatures, in a universe with no boundaries and a world with so much unfound wonder we are the only entities capable of creating boredom"
Offline
#6 2007-05-28 09:04:01
- DMX
- Member

- From: Southwest, U.S.
- Registered: 2006-10-23
- Posts: 378
- I've been thanked 1 times.
-
Re: How is this done?
raccudda,
The background image in the footer doesn't look like it repeats because a lot of graphic programs have a setting or "tool" that will cause an image to end up exactly where it started from top to bottom and side to side, so that you can "tile" them for background images (they're wise to us..)
Since there are way over 62 different ways to screw up an image, you may need to haul out the specific image for a couple opinions on what's going on.
But, I'll take a shot in the dark as well. A common glitch is when someone resizes an image, if it isn't promoted (increased) to 24 bit to allow more options for the algorithm to choose from, things get blocky. What's causing it, to exaggerate, is that in order to select a color between say, red and white, the program has to choose red or white, not pink.
Images very seldom upsize very well. Start big, resize once, then optimize the image one time for smaller file size...
Offline
#7 2007-05-30 16:39:03
- raccudda
- Member

- From: Kenya
- Registered: 2006-01-29
- Posts: 86
- I've been thanked 0 times.
-
Re: How is this done?
Thanks people, I'm beggining to see where all these lively graphics come from
generally you would want to work with lighter and darker tones of the same color,
Yep, I definitely see that in most of these good graphics.
because a lot of graphic programs have a setting or "tool" that will cause an image to end up exactly where it started from top to bottom and side to side,
. Could you point me in the right direction for these? If its a techinique or style in photoshop or GIMP, please let me know.
you may need to haul out the specific image for a couple opinions on what's going on.
May be when am confident enough:lol:
Last edited by raccudda (2007-05-30 16:40:58)
Offline
#8 2007-05-31 02:34:01
- Northie
- Moderator

- From: Yorkshire, UK
- Registered: 2006-08-19
- Posts: 2592
- I've been thanked 62 times.
-

Re: How is this done?
repeat or no repeat?
I say repeat - here are the background images
http://www.psd2html.com/-css/-images/bg-header.jpg
http://www.psd2html.com/-css/-images/bg-bottom-gr.gif
http://www.psd2html.com/-css/-images/bg-index.jpg
Now taking free-lance inquiries; Please contact me for more details
Internet Marketing Books
Promote Yourself on Site Reference!
Offline
#9 2007-05-31 09:29:35
- DMX
- Member

- From: Southwest, U.S.
- Registered: 2006-10-23
- Posts: 378
- I've been thanked 1 times.
-
Re: How is this done?
raccudda wrote:
because a lot of graphic programs have a setting or "tool" that will cause an image to end up exactly where it started from top to bottom and side to side,
. Could you point me in the right direction for these? If its a techinique or style in photoshop or GIMP, please let me know.
In PSP Its under Effects > Image Effects > Seamless Tiling ..
I'm sure Photoshop has something similar..
try the index help menu within the software for "seamless tiling".
Offline
#10 2007-05-31 09:45:31
- Northie
- Moderator

- From: Yorkshire, UK
- Registered: 2006-08-19
- Posts: 2592
- I've been thanked 62 times.
-

Re: How is this done?
for headers, footers, gradients, etc or images that have a uniform cross section you can actually get some nice effects by using an image that's just 1px high (or wide)
faux borders work this way
http://alistapart.com/articles/fauxcolumns/
Now taking free-lance inquiries; Please contact me for more details
Internet Marketing Books
Promote Yourself on Site Reference!
Offline
#11 2007-05-31 10:57:32
- raccudda
- Member

- From: Kenya
- Registered: 2006-01-29
- Posts: 86
- I've been thanked 0 times.
-
Re: How is this done?
Oh wow
I really appreciate this guys. You know this talk is really opening up my eyes. I mean, right now Im beginning to understand colors.
I have noticed that no natural color exists on its own. It has to have fades, shades, patches, e.t.c. To make a color rich, fading and patchin with a different color really brings out that color. E.G the top image at psd2html.com would have been white or grey for me, but these guys make it look life-like by adding patches. This makes it look like ruffled paper.
Most natural colors are light and thus, mixing lighter shades of the same color work really well. In my project, I want to create an Old paper back ground. Make it look old. By the way, ive found some good design site, webdesign.org. Interesting topics on any webdesign topic.
Offline
| Never |
- Sponsored Results
|
|