Shapes in Photos

Since I am looking at art that uses shapes to manipulate the overall feel of the image, I thought it would be worth looking at examples of shapes within images and the effect they have. I found the following set of images, which are really interesting because the way they are edited create an effect that makes the viewer feel that the shapes are the most important piece of content in the image, even though in the previous posts the shapes are added to cause interest in the main image they have been added too!

Advertisement

geometric shapes in art 2

2

“Vonal Zoeld” by Victor Visarely is another image that seems to have influenced modern day design. In this image I am covering how the repetition of the shapes within the image gives the art an additional depth that it would not have had.

2

The best initial example of this in modern day use is the album cover of a Shlohmo track “camping”, they have literally printed the image out multiple times, torn it and laid it out correctly to create the desired effect. It works really well creates an album cover with a lot of depth and meaning.

3

This image uses the same image, this time digitally created and cropped to create a depth in the image that wouldn’t have been there without the circles. It is an interesting piece of art  style that is becoming popular with current photographers.

4

This image is again where we  start to edge into hipster triangle territory, by using a different image within the area, it gives you two perspectives of the same shot, it is an interesting way of showing perspectives and stays relative to Visarely’s original piece.

5

This image is similar to the last in the sense that it shows the viewer the same scene, this time though the image has simply been cropped and flipped, adding an interesting edge to the overall composure.

6

This is where things start to get muddled up, the same image has been used but also edited to allow the sky to appear through the corn on the top half. There is an adjustment of the colour filters in the image. After all that a thin triangle has been added on top to make the overall composure even more interesting.

From here on out the images get much more complicated but use the same techniques that I have just described in these images to make them more interesting. The more complex, the more interesting, but the simple images are just as eye catching, it just depends on the overall feel you are going for.

7 14 13 12 11 10 9 8

Geometric shapes in art

1
In this style of geometric shapes the addition and manipulation of lines present within the image create an interesting effect in the overall style and effect of the image, again relating back to “L’Arlequin” by Victor Vasarely.

2
This image is much like the one below, in the sense that there are lines added to the image to create a shape within it, an interesting perspective on something that doesn’t exist without the lines

3
The lines in this image are again different because they don’t distort the image in the way the previous image did, it simply adjusts the focus of the viewer and creates an image with more meaning.

4
We are now entering the realms of hipster triangle, and area of design where post op art merges with modern theories and photography. This design uses the original idea of using lines within the image to create a shape that did not exist previously, only this time the shape is the same image, only flipped and slightly zoomed.

5
This image is pretty good, it uses the idea of lines to create a shape but instead of distorting the image, it uses modern day “filtering” by overlapping an opaque red triangle on top.

6
This is also another very interesting image, it uses the concept of using lines and shapes to add a new element to the image, though this time the triangle has been added in the editing stage to look like it is around the girls head, therefore making it look like it was there when the image was taken.

References;

http://designspiration.net/image/4369476098664/

http://designersof.com/post/2509769310/dyslexxia-diseno-digital

(http://www.flickr.com/photos/in_a_dream/7045408143/in/faves-jus10helmick/)

http://weheartit.com/entry/66657356

(http://farm4.static.flickr.com/3441/3791064834_f6bca556f4.jpg)

http://ffffound.com/image/b96ecdbf7841e80654a48a793a28b26f374e8486

https://www.etsy.com/listing/98829809/between-the-two-deaths-11-and-a-half-x?ref=shop_home_active_17

https://www.behance.net/gallery/Varg-Eyewear-Advertisements/6833089

https://www.behance.net/gallery/GEO/5022843?utm_source=Triggermail&utm_medium=email&utm_campaign=Net%20Project%20Comment

(https://uk.pinterest.com/pin/87186942760646322/)
(https://www.flickr.com/photos/56979658@N06/5271500237/sizes/l/in/photostream/)
(http://www.flickr.com/photos/taissido_/8905369622/)

https://www.behance.net/gallery/SORRY-COLOUR/5461629

http://blog.spoongraphics.co.uk/articles/inspiring-artwork-combining-geometry-photography

https://www.behance.net/gallery/13341255/When-a-dream-dies

http://blog.iso50.com/28107/outliers-upcoming-film-premiere/

Shapes in Print & Web Design

Shapes in Print & Web Design

Shapes are very prominent within web and print design. They work so well because they occur in nature, in our every day lives all around us, making them easy to manipulate to create interesting visuals.

Circles are one of the most common shapes in nature from the extraordinarily large like the cosmos and the planets right down to the inside of a flower and a blood cell. The earliest use of the circle is the wheel which revolutionised their current methods of transport. You can see an earlier post I have written about apple’s design influences where I speculated circles taking over design here (https://wordpress.com/post/75268733/185/). Since the web basically copies the styles and techniques used in print to present it’s information, I thought the best way to start would be to look at the origins of these shapes in print design. I have found endless amounts of examples of circles within print and you can see some great examples of these here;

1 5 4 3 2

There are also plenty examples of using circles in web design too, these are here;

6 10 9 8 7
Webey and Keauna are specially great because they combine the circles with hexagons, squares and hipster triangles, things that I am yet to cover but make up a lot of current web trends. Webber is also different because instead of scrolling down you scroll horizontally.

Squares are less common in nature are much more of a man made thing for building things of function and purpose, because squares have flat edges you find them in things that need to stand up, things tables and beds. This doesn’t stop it from being used in design even more than circles, mainly because they are much easier and simpler to create and design around, you can see some excellent examples of squares in print.

11 12
This is a creative example of a mixture of lines and squares combined;
13 17 16 15 14

This has again been transported into web design and you can see few examples of this here;
18 23 22 21 20 19

Next up are triangles, these are commonly seen in geometric graphics and hipster triangles but I will be doing an entirely different post on those, I am going to again look str triangles in print;
24 28 27 26 25

Here are some wonderful examples of triangles within web design;

29 33 32 31 30

Finally, I want to look at the use of hexagons within print and web design, you can see these here;

34 39 38 37 36 35

and finally, the examples of hexagons in web design.

40 44 43 42 41

Something I have learnt from my research is that shapes can be us to draw attention to or away from something. To cause an interest in a certain area or to frame some important text, never the less it causes some interesting design and this is something I will definitely use in my brochure design.

References;
http://www.hellowman.nl/tactile-translations
http://sarahchampion.typepad.com/thirtysomething/
http://www.downgraf.com/inspiration/15-creative-brochure-design-inspiration/
(https://www.flickr.com/photos/kloportfolios/8514693768/)
http://www.kahuna-webstudio.fr/
http://targetnuclearweapons.org.au/#/petition
http://webey.eu/contacts
http://www.alteregolabflor.it/
http://www.natashastefanenko.it/EN/site/index.php
http://domoa.tumblr.com/
https://www.behance.net/gallery/17054107/Fabrication
http://graphicriver.net/item/indie-flyer-poster-6/4030962?ref=vandelaydesign&ref=vandelaydesign&clickthrough_id=117752380&redirect_back=true
http://holistichealthnaturally.com/26-house-plants-that-detox-the-air-in-your-home-naturally/
http://lite.ly/
http://www.themesawards.com/website-designs-for-inspiration/
https://www.behance.net/gallery/16547981/Schoeffel-Website-App
https://www.behance.net/gallery/YELLOW-FRAME/6591959
https://onepagelove.com/barnyard
https://www.behance.net/gallery/15923651/Abstract-Architecture-Brochure
https://www.etsy.com/uk/listing/99792889/worth-limited-edition-art-print-mid?utm_source=Pinterest&utm_medium=PageTools&utm_campaign=Share
http://www.designswan.com/archives/21-beautiful-and-creative-brochure-designs.html
http://www.awwwards.com/swissted-the-rock-posters-of-mike-joyce.html
http://www.lesproduitsdelepicerie.org/comete12-13.html
http://huaban.com/pins/35722337/
(https://s-media-cache-ak0.pinimg.com/originals/7a/6a/2b/7a6a2b290d322941dec668d07739c115.jpg)
https://dribbble.com/shots/447378-Portfolio-Design/attachments/27683
https://www.behance.net/gallery/Natura-Todo-Dia/5189017
https://www.behance.net/gallery/SONICOMED-WEB-DESIGN/5919805
http://designspiration.net/image/3261669370328/
https://www.behance.net/gallery/Scenes-in-Waveforms/4894267
http://randpophelvetica.tumblr.com/post/90546468603/a-new-poster-redesign-in-swiss-helvetica-style
http://designspiration.net/image/1729859328613/
http://graphicriver.net/item/modern-hexo-trifold/5811088?ref=damiamio
http://designersgotoheaven.com/post/330572261/futurism-an-odyssey-in-continuity-by-simon-c
https://dribbble.com/shots/1452793-Apidura-Initial-Concepts/attachments/215027
http://speckyboy.com/2013/05/02/50-sites-with-pastelwashed-out-color-schemes/
http://gorohov.name/