Category: Presentations

Posted on

Image and Text

image

ˈɪmɪdʒ

noun

  1. a representation of the external form of a person or thing in art.

Characteristics

  • Two–dimensional, such as a photograph or screen display
  • Three-dimensional, such as a statue or hologram captured by optical devices or natural objects and phenomena.
  • Images can also be rendered manually such as by drawing, the art of painting, carving.
  • rendered automatically by printing or computer graphics technology or  developed by a combination of methods.

 

Volatile image

  • exists only for a short period of time.
  • May be Reflection of an object by a mirror
  • Projection of a camera obscura, or a scene displayed on a cathode ray tube. 

An image of the New Royal Palace at Prague Castle projected onto an attic wall by a hole in the tile roofing.

 

Fixed image

  • is one that has been recorded on a material object, such as paper or textile by photography or any other digital process.

Der Rhein II  by Andreas Gursky

Medium：Chromogenic print, on paper

“A photograph made by German visual artist Andreas Gursky in 1999. In 2011, a print was auctioned for $4.3 million, making it the most expensive photograph ever sold.

This large colour photograph depicts a stretch of the river Rhine. The image is immediately legible as a view of a straight stretch of water, but it is also an abstract configuration of horizontal bands of colour of varying widths.With contemporary twist on Germany’s famed genre and favourite theme: the romantic landscape, and man’s relationship with nature, the simplicity of this image shows a great deal of confidence in its effectiveness and potential for creating atmospheric, hyper-real scenarios that in turn teach us to see and read the world around us anew. The scale, attention to colour and form of his photography can be read as a deliberate challenge to painting’s status as a higher art form. On top of that, Gursky’s images are extraordinary technical accomplishments, which take months to set up in advance, and require a lot of digital doctoring to get just right.”

 

The Scream (1893) by Edvard Munch

                                                                    

The collective name of four similar expressionist paintings painted by Edvard Munch in which an agonized figure is depicted against a blood red sky.

The imagery is haunting and lingering. It has immediate sense of despair. In a way, the painting imprints his style and personality onto the canvas and reflects the mood of 20th century, the age of the anxiety and uncertainty. His style is quite crude, often executed in muted colors, but expressive in conveying psychic reality

Mental image

  • exists in an individual’s mind, as something one remembers or imagines. The subject of an image need not be real; it may be an abstract concept, such as a graph, function, or “imaginary” entity.  

Interactive Sonic & Light Sculptures by Peter Vogel

 

 

text

tɛkst

noun

  1. a book or other written or printed work, regarded in terms of its content rather than its physical form.
  2. Written work, book, work, printed work, narrative

    

Typography and Text as a basis in the digital world

  • Font
  • Size
    • All typefaces are created differently
  • Different spaces used for different font type
  • Each character’s height is known as x-height.
    • based on the letter ‘x’
    • When combining different typefaces, best to use with similar x-height.
  • The width of each character in the typeface is known as the ‘set width’
  • Type sizes can  be measured inPoint system
    • Inches
    • millimeters
    • pixels.
  • Leading
    • Leading is the vertical space between each line of type.
      • Strips of lead were originally used to separate lines of type.
    • For legible body text that’s comfortable to read, a general rule is that your leading value should be greater than the font size; anywhere from 1.25 to 1.5 times.
  • Tracking and kerning
    • kerning is the process of adjusting the spacing between characters in a proportional font, in order to achieve an aesthetically pleasing result. For example, where an uppercase ‘A’ meets an uppercase ‘V’, the tip of the  diagonal strokes are kerned so that the top left of the ‘V’ sits above the bottom right of the ‘A’.
    • Tracking is similar to kerning; but the spacing of all characters is applied evenly.
  • Hierarchy and scale
      • Hierarchy and scale
        refers to the type sizes for ease of reading.
      • It is used to guide the reader on which information is important
      • Headings and titles are usually large, sub-headings are smaller, and body type is smaller still.
      • Size is not the only way to define hierarchy

        • Achievable with colour, spacing and weight.
  • Dingbats (Imagery in the form of texts)
    • For decorative purposes.

             

Ways to combine the two together

  • Calligrams
  • Typography
  • Poster Designs/ Advertisements
  • Logos
  • Illustrated books/ Children’s books
  • Agitprop style
  • Graffiti
  • Calligrams
    • “A word or piece of text in which the design and layout of the letters creates a visual image related to the meaning of the words themselves”
    • Beginners start out with basic shapes with guides before moving on to complicated ones or have a photograph as the background.

buzz-lightyear-575pxbig-big

Josh Mirman

craigward

Craig Ward

  • Typography
    • “the art or procedure of arranging type or processing data and printing from it.”

getting-creative-with-food-and-type-662x988juicy-for-dribbble_1x

  • Word as image
    • Interpreting and forming a mental image of the word
    • Uses only the graphic elements of the letter forming a word
    • Use one of the letter of the word to pick out the main graphic elements

hidden-meaning-logos-word-as-image-calligrams-20 word-as-image-ji-lee-17

Ji Lee

https://www.youtube.com/watch?v=J59n8FsoRLE

 

  • Poster Design/ Advertising
    • Minimal style

advertje571e245fb36855a113e311876a92401bthis-copywriter-challenged-himself-to-365-days-of-print-ads-586e04584b8d2-png__880jpg this-copywriter-challenged-himself-to-365-days-of-print-ads-586e0442a7954-png__880jpg this-copywriter-challenged-himself-to-365-days-of-print-ads-586e044843c64-png__880jpgthis-copywriter-challenged-himself-to-365-days-of-print-ads-586e04eb6c503-png__880jpg

Solomon Tsitsuashvili

 

  • Event Posters

d61c1d8bb37f7225c5fa56c28ba99276 visualhierarchyeventpostertips

 

  • Logos
    • “A symbol or other small design adopted by an organization to identify its products, uniform, vehicles, etc.”

c

    • Some logos were designed with creative thoughts and hidden messages by combining image and text

toyota-logowendyfedex-mainamazon-com-logo sony-vaio-logo-white-1

 

  • Illustrated books
    • Visualisation
    • Plays an important role to help children understand and be entertained

d8ff285d929f832ddaebb61c8d5cee38 794768-cat-in-the-hatsunday-again

enhanced-22843-1449687459-1 enhanced-21599-1449690122-1

 

  • Agitprop style
    • “Definition: Propaganda; especially : political propaganda promulgated chiefly in literature, drama, music, or art.”
    • 2 words: agitated and propaganda
    • Highlights and reacts to crucial problems

barbarakruger-i-shop-therefore-i-am-i-1987 edcce1b290400481f86f9072975447b7

Barbara Kruger

mass-critism-gucci-by-wang-guangyi-2005 wang-guangyi_pepsi

Wang Guangyi

 

  • Graffiti
    • “Writing or drawings scribbled, scratched, or sprayed illicitly on a wall or other surface in a public place.”
    • 8 styles
      • Tag
      • Throw up
      • Blockbuster
      • Windstyle
      • Heaven
      • Stencil
      • Poster
      • Sticker

mastro-graffiti-bronxchifley-3mount-neighbour-4 woden-26

 

 

The end

Sources: