the Rift


[Art] Snap's Rules of Design

Harley Posts: N/A
Unregistered
:: :: ::
#1
Hi there!
I'm Snap.
I am not a formal art student by any means, I am self-taught, still learning, and art is a just a passion of mine that occasionally brings in money.
But looking around the forum, I think some people need a little help with their graphics and designs.
There isn't necessarily a right or wrong way to do things, nor are there any secret tips that make you an amazing artist. But there are some rules of thumb that you should keep in mind.

This tutorial will range from templates to character design.
I hope nobody minds if I tag their characters. I am not naming and shaming bad designs, I will only use examples to demonstrate my points. So if your character or work is featured in this thread it's a good thing! [sub](But I will of course remove your work at your request)[/sub]

I can't teach you how to draw a horse since I struggle with them myself but I am happy to offer critique and dig up tutorials for you. I'm not a master of drawing but I am the master of google.

Again, disclaimer, these are not hard and fast rules, they merely something to consider while you work and they will not apply to every picture.

CONTRAST
This is a very important rule for websites, especially forums like this where there is a lot of text to read.
The higher the contrast between a symbol and its background, the more it stands out and the easier it is to read.
[Image: contrast.jpg]
If there is not enough contrast, it makes the text difficult to read. I have found on many forums I've had to highlight the text because the template was hurting my eyes.

Consider this spectrum of 'Lightness':
[Image: horton7_fig02.jpg]
The further apart your chosen shades are on this spectrum (it needn't be blue, it can be any colour), the higher the contrast. This is why black on white and vice versa are the easiest to read. Following this logic, if you were to pick a dark blue for the background, you should try and stick as close to white as you can for the text, and choose a very dark colour for a light blue background. I recommend avoiding the middle shades.
You don't have to go too extreme with this, black and white can look very harsh and throw off the colour scheme. The Helovia skin currently favours a light beige background with a sort of middling shade of grey. It's tricky to pull off, but this creates a much softer, natural look. You may also want your character to blend with its surroundings, but be careful not to overblend or you will lose them.

The same also applies to your characters. If you want a pale horse to stand out, put it on a darker background, and vice versa. You can check contrast by squinting or moving further away from the picture. The current Helovia banner is a good example of this. Narrow your eyes at the Helovia banner until it goes blurry. You will now struggle to pick out the golden hues of the pegasus, but it will still stand out as a darker shape against the pale clouds. If your horse is neither especially pale nor dark, you can fiddle with the lighting and use colours to heighten the contrast. If the character or text disappears when you are far away or narrowing your eyes, the contrast is too low.

When making posting template, you may wish to add your character or other images to it. I suggest keeping images confined to headers and footers, where you can use multiple colours and make the character pop against the background. Avoid putting images, patterns or multiple colours behind the text. They disrupt the text and make it difficult to read.
[Image: horton7_fig05.gif]
Remember in nature, animals have complicated pattens and shading to camouflage them, i.e. make it harder to SEE them!

EDIT NOTE THING: I wasn't sure about mentioning this but Tamme quite correctly pointed out everyone's computer is calibrated differently. Your monitor may show colours a little differently, could be brighter or darker, etc. It doesn't hurt to exaggerate the contrast JUST IN CASE, and always remember to ask for feedback when testing a new template. Just because you can read it doesn't mean everyone can. The odd person might need to adjust their settings but better to be safe than sorry!
A less common issue is some people are colourblind (and there are many different types) and that affects how well they can distinguish between colours and values.

COLOURS

Colour theory! Oh how we love to hate it.
First thing's first, avoid saturated colours! They are best used in sparingly, and when it comes to painting, black and white are best used as little as possible too. This is because they are incredibly bold shades and can easily overwhelm the picture. Plus too many saturated shades can make a picture feel cartoony and garish, even painful to look at.
If you're not sure what saturation is, it's the difference between a dull green and a bright green.
[Image: saturation.gif]
Yes, you heard me! Dull colours really are the best! They look more natural, and you'd be surprised at how a tiny hint of colour can go a long way.
When painting a character, reserve pure white for highlights, remember that very few shadows are completely black,

Choosing colours!

Watch this video! It sums it up pretty well!

Click here for a colour wheel and colour schemes.

You don't HAVE to use these but they generally do look better.

Another thing to consider is WARM colours and COOL colours. Orange is always warm, blue is always cool.
Warm lighting on your character will cast a cool shadow. (Best rule of thumb, warm yellow sunlight usually has a cool touch of violet in the shadows, choose the complement of the light colour)

I'd write a blurb about colours but I think these links cover it. I can try and explain if anyone's confused but that's that for now!

Your character's colours!

Colour theory applies to your character designs too. At the end of the day it comes down to personal preference, but if I may weigh in, I think more natural colours are the most effective. Sure, you can probably have a neon green and hot pink pegasus if you like, but that doesn't mean you have to make one. A palomino could be ten times cuter. As I've said before, too many saturated colours can be sickly.
Your best bet is having two or three main colours that aren't too saturated (and yes you can have black and white) with a small pop of colour to add interest. Natural mammal colours are pretty earthy: browns, reds, yellows, greys, white and black, and they look great on horses.

Harley's an example of a relatively harmonious colour scheme. He is grey and black with accents of white and a tiny bit of green.

Archibald's also a good example. Is he a super duper sparkly unique design? No, not especially, he's a very nicely marked black shire. In fact, I think he's pretty much the breed standard for shire horses. Does that make him any less striking? Would you struggle to pick him out of a line up? NO, OF COURSE NOT! There's more to a character than the colour of their coat. And let's not forget that neat pop of yellow, those fierce gold eyes. He is an imposing, bold character and it has very little to do with the colour of his coat. Well, a little, a tall black stallion has some symbolism in being sombre or dark, but I think he could just as easily have been a grey. Remember your character doesn't decide their coat colour, their parents' genetics do, the whole "the chosen one is colour-coded" thing is a bit cliché, so while they can change their appearance and may have significance to them, it shouldn't define them entirely.

I can prattle about other characters once I've had a good dig through some more designs.

This isn't saying you MUST have solid natural colours, and you don't have to share my tastes in design at all, but you don't need to have neon colours either, find a happy medium! It never hurts to turn the saturation down a tad, de-saturated colours become more jewel-like and will take more effective metallic sheen in sunlight, which is highly coveted in horses. A mossy green would likely suit a horse better than a bright green.

Another thing about unnatural colours is that they're very hard to work into a photomanip or painting. How do you stop a bright pink horse looking out of place in a green forest?

COMPLEXITY
KISS!
Keep It Simple, Stupid! :3
Overly-complicated designs are distracting and hard to look at. You might like lots of cool accessories and colours, but everything in moderation!
Over-doing it is a common phenomenon in sparkledogs
Details are good, too many details are bad!


Tamme the Tempting Posts: 140
Administrator
Mare :: Other :: 2 :: 2 HP: 9001 | Buff: Admin
Tamme
#2
Dull colours really are the best!

My god, thank you.
Also, I wouldn't forget to add in a little bit about color profiles, monitor calibration, and the importance over overcontrasting text to make up for the fact that your monitor most likely has a different calibration than your friend's :D

Harley Posts: N/A
Unregistered
:: :: ::
#3
I added that, and I think I'm done! ^_^

Grimmrot Posts: 11
Aurora Basin Apprentice
Mare :: Unicorn :: 15.3hh :: 3 {Ages in Tallsun} Buff: NOVICE
Nyte
#4
I love this resource, although I can't help but feel that this may be directed to me in some way? I know my rainbow character barged into your thread, but I really hope that Bellona didn't send you on a rant about color. XD I understand that she is very bold, and rather saturated, but I can assure you that no lesson in color is required (although this is absolutely lovely to have on hand; I've already started using it)! She is meant to be a "loudly-colored, beautiful bird" and she is based off of a peacock. This was meant to contrast with her very dark and very masculine personality.

So, bold colors can be used effectively, too! Feel free to use her as an example for anything, I'll take any and all criticism!

Harley Posts: N/A
Unregistered
:: :: ::
#5
Oh hi there xD Actually no, I don't have a problem with Bellona's design at all and that's not what inspired me to write this thread. I don't have a problem with bright colours provided they're used correctly. Bellona isn't eye-wateringly neon, and neither are peacocks, they're jewel-coloured, not garishly bright. I believe she's more or less an analogous colour scheme and I don't take issue with those particular colours (I mean I've had them all in my hair before now and they look fabulous together so...)
In all honesty, what inspired me was the fact that I'm really struggling to read a lot of templates. ^_^; It's not just one person, I've flicked through dozens of profiles and threads since I joined.

Tamme the Tempting Posts: 140
Administrator
Mare :: Other :: 2 :: 2 HP: 9001 | Buff: Admin
Tamme
#6
@[Harley], If you run across any tables or profiles that you cannot read, PM an admin (use the slider on the banner) and we will contact the player and ask them to change their font color. Most of the players on here don't regularly use color profiles or monitor calibrate, so they usually just do not know that their tables cannot be read!

Also, please keep in mind that there are unicorns and pegasus on this site that are supposed to be more colorful!

I love the bit about the bright, neon colors and agree that sparkledogs make my eyes and brain cry tears of desperation, but like Nyte said, some bright colors in moderation really make a design pop!

Grimmrot Posts: 11
Aurora Basin Apprentice
Mare :: Unicorn :: 15.3hh :: 3 {Ages in Tallsun} Buff: NOVICE
Nyte
#7
Well that removes a lot of pressure, but as I said before, I really really like that you took the time to write this. It's made me rethink my own tables and character designs, and I like that it challenges me to change my style. c:

So just know that I do not take offence, and that I really hope I did not offend you in turn. Welcome to Helovia, by the way!

Harley Posts: N/A
Unregistered
:: :: ::
#8
I never said bright colours shouldn't be used, that wasn't the point of this thread at all. I also said no one had to agree with my particular tastes in design, opinions by their very nature are subjective. I'm not attacking anyone's designs, I purposely set out not to do that, I just have long history of sparkledogs behind me.

Tamme the Tempting Posts: 140
Administrator
Mare :: Other :: 2 :: 2 HP: 9001 | Buff: Admin
Tamme
#9
I am sure most of us appreciate this! The admin get alot of PMs about unreadable tables! Just let us know if you see one :D


Forum Jump:


RPGfix Equi-venture