Tag: Image

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:

 

Posted on

4D Assignment 1 development + Final

Presentation #1

Personally I like to do on topics that has been frustrating me. Hence when the assignment was just given out, I was bothered by all the negativity on social media, especially during the Rio 2016 Olympics.

Of course there were kindhearted people that gave positive and encouraging comments, but the rest were really heartless and insensitive.

Here are some screenshots I took from the Facebook comment section regarding Singapore’s Table Tennis women’s Team lost to Japan.

asdasd   censored

After the first presentation about this, I was told to work with text, and incorporate images together.

Presentation#2

For the preparation of the next presentation, I went on to find more hurtful comments on social media, hence touching on the topic of religion, foreigners, art etc.

Table Tennis Players

25287284o 25287284 25287284-red 25287284text

Editing process

Foreign workers

censored-fw-comments

Mean tweets regarding foreign workers

1200x-1 fwbwfwyellow fwfinal

Step by step editing 

Muslims

islam   islam-part-2  islam-part-3edited

Anti-Muslim people on twitter

o-muslim-woman-facebook  muslimstearsmuslimscontrast  muslimstext

Manually added tears in the top right photo

Art

art-imitationdrawing-hpcrayon-portraitcapture

I don’t understand why people have to be so pessimistic especially towards artworks that replicates from photographs, which was why I chose Chuck Close in the image. If they want to critic at least give both the good and bad.

img_6337  chuckbw chuckred  chucktext

Alex Tan

stupidstatestimesreview hypocrite

1-alex-tan 1-alex-tanbw alext

This guy is the editor of States Times Review, a very well-known website for anti-government articles that may/ may not be true. His kind of comments spreads negativity, which was why I chose his face. One of the comment about blocking people on a particular post was rather ironic…

After the presentation, Mr Robert said that the images looks like posters instead because of the words. In addition, the main subject matter wasn’t very clear because of the colour figure and words. I was also advised to choose consistent images and not to make it too dramatic with crying people.

Presentation #3 (Final)

Improvements from presentation #2

Table Tennis 

comments-on-tt-rio  comments-on-tt-rio3  comments-on-tt-rio5

Playing with different layouts

comments-on-tt-rio2 comments-on-tt-rio4

I changed the image as in this one, Tian Wei looks disappointed and discouraged. Chose this text layout because the clean edges at the corners works better with the image.

 Foreign Workers

fw2

Draft

 fw fw-1

Made the image more contrasting as compared to before with more blacks. 

Muslims

muslims-and-islam muslims-c

Art

close-comments

Draft

close close-comments-2

Alex Tan

alext-layout-1

Draft

at-face alext-layout-2

New topics

African Americans

1419004147-google__1 hyley-dibona-4

Up till now the African Americans are still discriminated and are treated differently.

african-american-pafrican-american

Asians

instagram-omg-drgrayfang-b3c215girls-generation-racist-tweets-youtube-1-510x314 racist-tweets-asiana-devin-rivers download

On the internet, people will start stereotyping and keep saying the same few racist jokes such that it irritates and annoys me very badly. For example, Asians eating dogs/ cats which is not applicable to all Asians…

asian-c asian

Donald Trump

4 capture 2 3

This guy has been spreading hate all over his twitter/ rallies, etc with insensitive tweets. 

trump-c1 trump-c2 trump-c4

Experimenting with layouts and justifications.

trump trump-c3

Seamless Words

dsc_1737edited2

Everyday and every minute, there are countless of nasty comments in social media platforms. Hence, I have copied those comments and placed them together in a paragraph to show what kind of hate is given to a particular group of people or said by an individual.

After the final presentation, my classmate, Kim, suggested that the pages looks like a book and if so, the content inside it will be unexpected.

In a normal published book, the words will usually be something professional and have been edited many times. However, for this, the words are just plain nonsense, which makes the concept more interesting.  

 

Posted on

Image and Meaning Photo Hunt :>

Most of the images are pretty straightforward 

1) Something that is not “ntu” at all

 1

This photograph is my favourite as it is somewhat like a deception to the eye. This photo was taken at North Spine, near Mac Donalds but instead, it looks like an underwater shot. The blue windows attracted me to explore this area and I’m very satisfied with what I found. 

2) Somebody not studying in ntu

2

They were so nice to let me take a photo of them. 

3) Somebody studying in ntu 

-nil-

4) Useless image you see

4

I don’t usually pay attention to this kind of advertising because they look like scrap paper.

 

5) Useful image you see

5

The exit sign is pretty helpful to me to find the way out as I get lost easily and have poor sense of direction.

6) Nature

6

I like fluffy looking trees, which makes me feel more relaxed and calm.

7) Urban nature

7

Nature invading man-made structures through a hairline crack.

8) Urban

8

The blue windows gave a interesting colour to the whole composition

9) Singapore

9

This is a great symbol/ representation of Singapore as she is well known for its Clean and Green environment. In addition, the round green dustbins are very common here, and quite iconic as I have only seen such dustbin in Singapore. 

10) A place where Art is shown

10

The televisions at ADM lobby. Films, variety shows, can also be considered as Art. Someone in class also jokingly said that the trash can is where art is shown ??

11) A place where art is made

11

Architecture is a form of art, as well as for landscapes. Therefore, construction sites are places where all these were built/ made at. 

12) A photograph with a faculty

12

In my opinion, a faculty is a school, thus I took this photo of MAE, which was the nearest to ADM.

13) A photograph that shows what the Earth Observatory of Singapore may be about.

13

Extremely literal information of what they research on.