Site Reference Forums

You are not logged in.

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

raccudda
Member
From: Kenya
Registered: 2006-01-29
Posts: 86
I've been thanked 0 times.

Thank me 

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.

Thank me Website
Buy me a beer

Re: How is this done?

I ain't really sure whatcha mean by 'dry and 'crispy'??

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.

Thank me Website

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.

Thank me 

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.

Thank me Website

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 big_smile 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 tummenupp


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.

Thank me Website

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.

Thank me 

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.

Thank me Website
Buy me a beer

Re: How is this done?


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.

Thank me Website

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

Thank me Website
Buy me a beer

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.

Thank me 

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


Board footer

Powered by PunBB
© Copyright 2002–2008 Rickard Andersson