Upcoming SlideShare
×

# colors, composition, images

1,125 views

Published on

check out my blog

Published in: Design
0 Likes
Statistics
Notes
• Full Name
Comment goes here.

Are you sure you want to Yes No
• Be the first to comment

• Be the first to like this

Views
Total views
1,125
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
48
0
Likes
0
Embeds 0
No embeds

No notes for slide

### colors, composition, images

1. 1. Library Research<br />Color<br />Composition<br />Image<br />
2. 2. Composition<br />Unity<br />Balance<br />Rhythm<br />Contrast<br />Focus<br />Proportion<br />
3. 3. Composition<br />Composition is organizing visual elements in a design harmonically. Harmonic composition can be reached with applying principles of composition:<br />Unity<br />Balance<br />Rhythm<br />Contrast<br />Focus<br />Proportion<br />
4. 4. Visual elements<br />Point: the point is one visual element that its form is relatively small, which elongated and widened dimension insignificant.<br />Line: line is considered as a visual element that much effect on the formation of an object.<br />Field: field is the visual element that has dimensions of length and width.<br />Space: the space can be presented with the field.<br />Color: color as a visual element associated with a material that supports its existence is determined by the type of pigment.<br />Texture: texture is the touch of a surface.<br />
5. 5. Unity<br />Unity is one of the principle that emphasizes the harmony of the elements that are prepared, both in its form and relation with the underlying idea. There are several ways to achieve unity:<br />Determine dominance (size, color, location)<br />Size as an attraction<br />Unite way<br />Unite form<br />
6. 6. balance<br />Balance is a principle in the composition that avoids one-sided impression of an area or space that is filled with visual elements. Balance can be divided into:<br />Symmetrical balance and asymmetrical balance<br />Centered balance and spread balance<br />Balance can be achieved with a few things:<br />Balance in form and size<br />Balance in color<br />Balance from its texture<br />Balance from its composition<br />
7. 7. rhythm<br />Rhythm is the preparation of the elements to follow a certain arrangement of pattern regularly to get the impression that interesting. Arrangement can be implemented by performing repetition and change on a regular basis.<br />
8. 8. contrast<br />The contrast in a composition is required as a vitality so as not to seem monotonous. Of course, the contrast shown sparingly because if excessive, will appear irregularities and contradictions that are far from harmonious impression.<br />
9. 9. focus<br />The focus is always needed in a composition to indicate the part which is considered important and is expected to be a major concern. Guards harmony in creating a focal done by making everything around the focus supports the focus that has been determined.<br />
10. 10. proportion<br />Proportion is the ratio between the size of the parts and between parts of the whole, the composition principle emphasizes the size of an element that will be prepared and how far the size supports harmonious appearance of a design.<br />
11. 11. COLOR<br />Introduction<br />How to Use Color<br />The Color Wheel and Color Chart<br />Aspect of Color<br />Basic Color Schemes<br />
12. 12. Introduction<br />Colors are complement of images and represent the artist’s psychological atmosphere in communicating. Color is also an element that is very sharp to touch the sensitivity of vision so as to stimulate the emergence of a sense of emotion, sadness, joy, mood, or spirit, and others. To develop an accurate response to the language of color, it is first necessary to understand the harmony of color. This means knowing what color to use and in what order and proportion to create a desired mood, to communicate an idea, or to elicit a reaction.<br />
13. 13. How to use color<br />An effective color scheme can make a room feel warm and inviting or a graphic design able to attract more attention. Before learning what color to use in order to achieve the best results, one must first understand some basic color terms.<br />Each primary, secondary, and tertiary hue is at a level of full saturation, or brightness, which means that there is no black, white, or gray added. Color is described in terms of value, which is the lightness or darkness of a color, or relative amount of white or black in a hue. White added in increments to any of the twelve colors result in lighter values of the hue called tints. The incremental addition of black or gray to a hue results in darker values of the hue known as shades.<br />
14. 14. Primary<br />How to use color<br />Secondary<br />Tertiary<br />
15. 15. color wheel & color chart<br />The twelve of the color wheel consist of primary, secondary, and tertiary hues and their specific tints and shades. Constructed in an orderly progression, the color wheel enables the user to visualize the sequence of color harmony. The color chart is the color wheel in chart form. <br />
16. 16. Aspect of color<br />The aspect, or qualities of color, refer to colors and color combinations that evoke certain emotional responses.<br />Hot refers to red in full saturation on the color wheel. Hot colors project outward and attract attention. For this reason, red is often used in graphic signage and design.<br />Cold refers to fully saturated blue. At its brightest it is dominating and strong. Cold colors remind one of ice and snow. When placed next to each other, cold and hot colors vibrate like fire and ice.<br />All hues that contain red are warm. It is addition of yellow to red that makes warm colors substantially different from hot colors. Warm colors are comforting, spontaneous, and welcoming.<br />Cool colors are based in blue. They differ from cold colors because of the addition of yellow to their composition. Like spring growth, they make us feel renewed and calm.<br />
17. 17. Aspect of color<br />Light colors are the palest pastels. They take their lightness from an absence of visible color in their composition, and are almost transparent. Light colors resemble sheer curtains at a window and send a message of relaxation.<br />Dark colors are hues that contain black in their composition. They close up space and make it seem smaller. Seasonally, they suggest autumn and winter. Dark colors are concentrated and serious in their effect.<br />Pale hues are the softest pastels. They contain at least 65 percent white in their composition, and have a diminished hue which is most often referred to as soft or romantic. Pale colors suggest gentleness. Pale hues are frequently used in interior spaces.<br />The amount of pure color within a hue determines its brightness. Blues, reds, yellows, and oranges are colors in full brightness. Bright colors are vivid and attract attention. Exhilarating and cheerful, bright colors are perfect for use in packaging, fashion, and advertising.<br />
18. 18. Basic color schemes<br />No color stands alone. In fact, the effect of a color is determined by many factors: the light reflected from it, the colors that surround it, or the perspective of the person looking at the color. There are ten basic color schemes.<br />Achromatic Scheme. Without color, uses only black, white, and grays.<br />Analogous Scheme. Uses any three consecutive hues or any of their tints and shades on the color wheel.<br />Clash Scheme. Combines a color with the hue to right or left of its complement on the color wheel.<br />Complementary Scheme. Uses direct opposites on the color wheel.<br />
19. 19. Basic color schemes<br />Monochromatic Scheme. Uses one hue in combination with any or all of its tints and shades.<br />Neutral Scheme. Uses a hue which has been diminished or neutralized by the addition of its complement or black.<br />Split Complementary Scheme. Consist of a hue and the two hues on either of its complement.<br />Primary Scheme. A combination of the pure hues or red, yellow, and blue.<br />Secondary Scheme. A combination of the secondary hues of green, violet, and orange.<br />Tertiary Triad Scheme. A tertiary triad is one of two combinations: red-orange, yellow-green, and blue-violet; all of which are equidistant from each other an the color wheel.<br />
20. 20. images<br />Photo<br />Artworks<br />Info graphics<br />Inset<br />
21. 21. PHOTO<br />The greatest power of photography in advertising media especially is its ability to give the impression as 'credible'.<br />Newspapers are always trying to display news and information as accurate as possible. Therefore, photography became a mainstay.<br />
22. 22. ARTWORKS<br />To present information that is more accurate, sometimes in certain situations illustrate the options that are more reliable than when using photographic techniques. Artworks are all kinds of works of art rather than photography whether it be illustration, cartoons, sketches, and others which created manually or by computer<br />Sometimes to convey a specific message artworks more ‘can speak' than photography.<br />Illustration for article about 10 mistakes. PlanSponsor Magazine. SoojinBuzelli, AD.<br />
23. 23. INFO GRAPHICS<br />The facts and statistical data and research results from the survey are presented in the form of graphs, tables, diagrams, charts, maps, and others.<br />Diagram about top ten global brands which is presented with attractive visualization.<br />
24. 24. INSET<br />Inset is small image which has function to give supporting information. Inset usually can be found in informational graphic. Sometimes, there is caption or callouts in inset.<br />Inset which serves to enlarge the image to show the detail of the map.<br />Dury Lane Inset Map<br />
25. 25. Bibliography<br />Rustan, Surianto. Layout. Jakarta: PT GramediaPustakaUtama, 2009.<br />Kusrianto, Adi. PengantarDesainKomunikasi Visual. Yogyakarta: ANDI, 2007.<br />Whelan, Bride M. Color Harmony 2. Rockport, Massachusetts: Rockport Publishers, Inc. 1997.<br />www.jamesyang.com<br />http://images.visualeditors.com<br />http://www.make-your-own-jewelry.com<br />www.infographics.iompi.com<br />www.wikipedia.org<br />