View Full Version: Learning Graphic Design. ~Tutorials Soon!

Ancient Legion > GFX > Learning Graphic Design. ~Tutorials Soon!


Title: Learning Graphic Design. ~Tutorials Soon!
Description: Color Theory & Typography


scarthur68 - April 26, 2009 04:46 AM (GMT)
as i have worked with Nike and Vogue, i can tell you this is the best tutorials you will get for free for all you aspiring graphic designers.

If you dont have photoshop and want a full version. send me a PM and i will send you links to download from adobes site. (this is a safe method)
yes, it is illegal. but no one will come looking for you if you download it. Adobe would need their own private investigators firm the size of the FBI (maybe smaller :P )

[doHTML]<hr><p>
<center><h1>Typography</center>
<hr>[/doHTML]

What Are Typefaces?
Typefaces are a created set of characters of a single size and style. Examples of well known typefaces include: Arial, Helvetica, Verdana, Times New Roman, etc. If you have ever written a paper for school you have probably used one of these.

What Are Fonts?
Fonts are specific styles and sizes of a typeface. For example, Arial is a typeface, while a font would be Arial Black 18pts, a specific styling of that typeface.

What does Sans-Serif and Serif mean?
Serifs are the little endings on the end of a letter. If you look at the character below you will notice that there are details at the end. Serif typefaces are primarily used as it is considered easier to read. Serif is deemed as a more professional font then San-Serif fonts.

Sans-Serif are typefaces which do not have serifs.
user posted image

Point Size/Height
The point size of a letter is its height. One point equals 1/72 of an inch, therefore size 72 letter is one inch high.

Abbreviations
72 points = 72pts

Width
Width is the set horizontal size of a letter. Some fonts are narrow, while others are wide. Wide fonts are usually called heavy.

Letter-Spacing
Letter-spacing refers to the amount of space between the characters in a word. Increasing or decreasing the letter-spacing can be used to improve legibility by making characters easier to identify.

Kerning
Kerning is often confused with letter-spacing. Kerning is the technique of aligning characters together so they are visually even. A well kerned set of characters has equal horizontal space between characters.




[doHTML]
<center><h2>Visual contrast</center>[/doHTML]Good Typography depends on the visual contrast between one font and another, and the contrast between text blocks and the surrounding empty space. Nothing attracts the eye like strong contrast and distinctive patterns. And you only get those things by carefully designing them into your work. If you make everything bold, then nothing stands out. Just like CAPS LOCK ONLY.

We read primarily by recognizing the overall shape of words, not by reading each individual letter and then mentally thinking of what that word says.
user posted image

Q: "But i see lots of nice sigs with all caps!"
A: The even higher rated ones avoid using caps lock.

Your choice of uppercase or lowercase letters can have a dramatic effect on legibility. In general, use down style (capitalize only the first word, and any proper nouns)

Down style is more legible, because we primarily scan the tops of words as we read:
user posted image

Notice how much harder it is to read the bottom of the words:
user posted image

Don’t underestimate its importance. The best ideas, the most beautiful imagery, the most harmonious colour combinations will be destroyed by inferior typography. So work at it, study it.
user posted image




[doHTML]<center><h2>Choosing Pairing Fonts</center>[/doHTML]
  1. Do not mix 2 typefaces from the same family (garamond + bembo, futura + gotham etc...)
  2. Do not mix 2 typefaces with a strong personality
  3. Do not think that to look “modern” you HAVE to take recent types. you might look incredibly modern by pairing a gill sans with a baskerville, if done correctly.
  4. Carefully look at your two fonts to make sure the height and kerning fit together, it helps give a professional feeling.

[doHTML]
<hr><p>
<center><h1>Color Theory</center>
<hr>[/doHTML]
Warm Colors
Colors such as red, yellow, and orange. These colors evoke warmth because they remind us of things like the sun or fire.

Cool Colors
Colors like blue, green, and purple (violet). These colors evoke a cool feeling because they remind us of things like water or grass.

Neutral Colors
Gray, Brown. These aren't on most color wheels, but they're considered neutral because they don't contrast with much of anything. They're dull and uneventful.

Shades
Usually refers to the amount of black in a color. The more black a color has, the darker its value.
user posted image

Tint
Refers to the amount of white in a color. The more white a color has, the brighter it is.
user posted image

Saturation
Refers to the amount of a color used. When a color is at full saturation, it is extremely vibrant. When a color is "desaturated," a large amount of color has been removed. Desaturated colors tend to be close to being neutral because there is so much gray in them.
user posted image

A useful resource to help find the right feeling colors for your art is Adobe Kuler. An Online color template. I would definitely recommend clicking the link just to see how it works.



[doHTML]
<center><h2>Color Psychology</center>[/doHTML]
Black
  • Black is used as a symbol of menace or evil, but it is also popular as an indicator of power. It is used to represent treacherous characters such as Dracula and is often associated with witchcraft.
  • Black is associated with death and mourning, unhappiness, sexuality, formality, and sophistication.
  • Black Death, blackout, black cat, black list, black market, black tie, black belt.

White
  • White represents purity or innocence.
  • White is bright and can create a sense of space or add highlights.
Red
  • Red is a bright, warm color that evokes strong emotions
  • Red is associated with love, warmth, and comfort
  • Red is also considered an intense, or even angry, color that creates feelings of excitement or intensity
Blue
  • Blue is described as a favorite color by many people and is the color most preferred by men.
  • Blue calls to mind feelings of calmness or serenity. It is often described as peaceful, tranquil, secure, and orderly.
  • Blue is often used to decorate offices because research has shown that people are more productive in blue rooms.
  • Blue is one of the most popular colors, but it is one of the least appetizing. Some weight loss plans even recommend eating your food off of a blue plate. Blue rarely occurs naturally in food aside from blueberries and some plums. Also, humans are geared to avoid foods that are poisonous and blue coloring in food is often a sign of spoilage or poison.
  • Blue can also lower the pulse rate and body temperature.
Green
  • Green is a cool color that symbolizes nature and the natural world.
  • Green also represents tranquility, good luck, health, and jealousy.
  • Researchers have also found that green can improve reading ability. Some students may find that laying a transparent sheet of green paper over reading material increases reading speed and comprehension.
  • Green is often used in decorating for its calming effect.
  • Green is thought to relieve stress and help heal.
Yellow
  • Yellow is a bright that is often described as cheery and warm.
  • Yellow is also the most fatiguing to the eye due to the high amount of light that is reflected. Using yellow as a background can lead to eyestrain.
  • Yellow can also create feelings of frustration and anger. While it is considered a cheerful color, people are more likely to lose their tempers in yellow rooms and babies tend to cry more in yellow rooms.
  • Yellow can also increase the metabolism.
  • Since yellow is the most visible color, it is also the most attention-getting color.
  • Yellow can be used in small amount to draw attention.
Purple
  • Purple is the symbol of royalty and wealth.
  • Purple also represents wisdom and spirituality.
  • Purple does not often occur in nature, it can sometimes appear exotic or artificial.
Brown
  • Brown is a natural color that evokes a sense of strength and reliability.
  • Brown can also create feelings of sadness and isolation.
  • Brown brings to mind feeling of warmth, comfort, and security. It is often described as natural, down-to-earth, and conventional, but brown can also be sophisticated.

K Arthur90 - April 26, 2009 04:48 AM (GMT)
> Sorry about the quadruple posts, but this is not the Runescape forums. You have no character limit, so, no need to make lots of posts.

> If you want to divide large quantities of texts, use:
CODE

[dohtml]
<hr>
[/dotml]

scarthur68 - April 26, 2009 04:57 AM (GMT)
yay glad to know i can use doHTML in this forum :D i only reserved three posts becaues i thought i couldnt use doHTML




Hosted for free by zIFBoards