Friday, April 12, 2013

Advertisement Poster Design

Advertisement poster design


First I created a background using the rectangle tool and gradient tool.

Then I inserted my logo and some graphics while moving the background aside.

I then added the text.

Next I designed the drink itself using these 3 different graphics.

This is the product of the 3 graphics.

Then I put it all together and adjusted everything accordingly.

And this is the final product.

References

Stain Solver, (n.d.). Chocolate syrup. Retrieved April 11, 2013 from http://www.stainsolver.com/artman/uploads/1/ChocolateSyrup.jpg 

Vkeong, (n.d.). Cendol. Retrieved April 11, 2013 from http://farm4.static.flickr.com/3532/4077633311_d3daa8032d_o.jpg 


Indosandi, (2008). Cendol. Retrieved 11 April, 2013 from http://ketela.files.wordpress.com/2008/06/cendol.jpg

Coffee Machines UK, (2013). Coffee beans. Retrieved 11 April, 2013 from http://coffeemachinesuk.org.uk/wp-content/uploads/2011/04/coffee-beans.jpg

Thursday, April 11, 2013

Letterhead Design

Letterhead Design
First I copied the shape I made for my business card and scaled and rotated it accordingly.
Then I put in my logo and lot address.

Finally I put in my kopitiam name and tagline and adjusted the opacity.

And this is the final product.

Business Card Design

Front and Back

First I created the shape needed using the pen tool.

Then I chose the fill colour and pasted my logo.

Next I typed out the details with a font that I thought represented my brand.

Then, I added in a little more shapes and added a gradient to both the background at the shapes.

I felt there was still an imbalance to the design so I opened another document and started designing a 'coffee bean'. Shown in the picture is a horizontal 'S' and an oval.

Then I used the pathfinder tool to create the desired effect, ungrouped the two shapes and used the distort tool to give them more shape.

I then duplicated them and rotated them around until it became this.

With that, I added in the 'coffee beans' to the design.

The back of the business card was done using the same tools and designs. I just copied scaled and duplicated them from the front part of the business card.

And thus this is the front
and this is the back of my business card.

References
Patricia Magni, (n.d.). Business card, coffee.  Retrieved 9 April 2013 from http://static6.depositphotos.com/1076802/566/v/950/depositphotos_5667640-Business-Card-Coffee.jpg

Logo Design

I started with choosing the right font to represent the idea.

Then I started to design the 'cup' part of the logo using the rectangle tool and pathfinder tool.

I distorted the shapes to give it an artistic look (I hope).

I then added facial features using the type tool and various characters of the keyboard.

Finally I added a 'steam' effect on top of the cup which was drawn with the pen tool.

And this here is my final product.
Idea behind the logo

At first I was not intending to make it look like a bearded man wearing a beret but as I was designing I realised that the design looked a lot like a person's face. So I decided to create something that was both a face and a cup. The portrayal of the beret is to give my brand an artistic feel to attract yuppies to my kopitiam. Adolescents these days love the arts so I thought why not. The beard and moustache are to add on to the artistic feel as most artists have some kind of moustache and beard. However the face is of no importance if it doesn't as well show the cup side of it. My kopitiam will be all about coffee and I want to create a brand image that allows artisans to come and enjoy a cup of coffee and (hopefully) work on their latest art pieces.

References
Elena, (n.d.). Royalty free vector logo icon of a collage of coffee designs. Retrieved 7 April, 2013 from
http://logos.co/1024/royalty-free-vector-logo-icon-of-a-collage-of-coffee-designs-by-elena-1405.jpg

Sunday, March 10, 2013

Big Bang Explosion


















References
http://vector.tutsplus.com/tutorials/illustration/quick-tip-how-to-create-a-cartoon-style-big-bang-explosion/?search_index=24

Character Design

 First I created the outline using the shapes tool and the pen tool.
 Then I filled in some basic colours.
 Then I added in more shapes and colours using the gradient tool and colour swatches.
 I used the same tools on other areas of the design and used pencil tool to draw the group of lines to represent a 'regenerating arm'. I also used the distort and transform function to edit some parts of the design such as the torso and legs.

The finishing touches were the 3d effects and the background.









Final Product

Presenting RI:TZ (Robotic Intelligence: Transport Zero)






















References
http://outskirtsbattledome.wikispaces.com/file/view/Bender.jpg/125149777/Bender.jpg
http://userserve-ak.last.fm/serve/_/44836833/Decepticons+_logo2.jpg
http://e7.img.v4.skyrock.net/4951/59774951/pics/2423260377_1.jpg


Monday, March 4, 2013

Alignment Exercise


Lorem Ipsum with pictures of manatees.  Pictures are aligned to the centre. 

References
http://upload.wikimedia.org/wikipedia/commons/1/1e/Manatee_at_Sea_World_Orlando_Mar_10.JPG
http://emol.org/scott/images/manatee.jpg
http://images.nationalgeographic.com/wpf/media-live/photos/000/006/cache/manatee_621_600x450.jpg

Monday, February 18, 2013

Quote Exercise


"You don't have a soul, you are a soul, you have a body"- C. S. Lewis

C. S. Lewis (Charles Staples Lewis) was a great Christian writer and intellectual from the 20th century. He is  most well known for his 'The Chronicles of Narnia' series of books but besides that he also wrote a great number of books on Christianity and other fiction works which include a science fiction series. This quote that I have chosen is from his book 'Mere Christianity'. 

References
http://cslewis.com/index.aspx

Tuesday, February 5, 2013

Balance

Symmetrical Balance

Symmetrical balance is a very formal and stable type of balance. It keeps both sides of the vertical axis in almost complete harmony with each other by creating a mirror effect that causes both sides to have almost the exact same elements.

  
This picture of a butterfly design is a good example of symmetrical balance because the elements on both sides of the vertical axis are almost identical. The picture is very balanced, calming and easy on the eyes due to this type of balance.
 Leonardo da Vinci's Vitruvian man is also an example of symmetrical balance. Though not exactly alike on both sides of the vertical axis, the major elements are balanced which gives the drawing a sense of completion, stability and order.

Asymmetrical Balance

Asymmetrical balance is quite the opposite of symmetrical balance. Also known as informal balance, has different elements on either side of the vertical axis but these elements carry equal visual weight. It can also be said that the elements are in contrast with each other.

In this poster, asymmetrical balance is obtained because the elements on both sides of the vertical axis are very different. One side has the statue of liberty and another has just the skyline in the background. However, both sides has equal visual weight. On the left, the statue of liberty is headless which is a very heavy element visually, but on the right, the image shows many buildings on fire and lots of smoke rising from them which balances out the close range visual of the statue of liberty. This is what is meant by different elements giving the same amount of importance to the whole image.












The Van Gogh painting, Starry Night, also utilises asymmetrical balance. The tall dark structure on the left is equally balanced out by a completely different element on the right which is the moon. The contrast of balance can also be seen by the arrangement of the elements. The dark structure starts out very heavy from the bottom but becomes less as it goes up. The bright coloured moon on the other hand, is very strong at the top of the right side, which creates not only a symmetrical balance but a shape and colour contrast as well.

Radial Balance

Radial balance is balance that emancipates from the centre of the image. The elements are arranged in such a way that they are distributed equally along the central point. This creates a very strong focus to the centre and gradually moves outwards to other elements in the image.

















The Ying and Yang logo is an example of radial balance. This is because the elements are arranged in so that the focus goes straight to the centre of the image and slowly moving towards the outer parts of the image. The central point is not clearly defined but by it, everything else is defined. No matter which angle you look at it, there is a contrasting element for element which creates the balance.

This movie poster for 127 Hours also utilises radial balance. This is because the main focus of the image is the man and rock in the centre. The whole image is focused on that central position before the viewer moves out to explore other elements in the image. This poster also equally distributes the other elements along the central point and also managed to create some colour contrast in the top and bottom background.

References

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWBFbXZy0viLfd55qnJ-ayN9UIalC5NgJTgflhbT4xfFbk69qU0x5K_gMTCxTkJoQzQy_kgi4XFmMQ9vi4IxMjReZ1J5H_A_8NEUSQzF3__q_9PRbeA-Cz5uQ_qlhvYkrHdLn2sqTdzfMf/s1600/10-greatest-movie-posters-ever-made-00-420-75.jpg
http://thebaresquare.com/wp-content/uploads/2012/11/the-starry-night-wallpapers_14829_2560x16002.jpg
http://images2.layoutsparks.com/1/32387/slick-butterfly-black-art.jpg
http://cdn.inquisitr.com/wp-content/2012/02/vitruvian-man-leonardo-da-vinci.jpg
http://en.wikipedia.org/wiki/File:Ying_Yang.svg
http://www.beyondhollywood.com/uploads/2010/07/127-hours-movie-poster.jpg


Wednesday, January 30, 2013

'Contrast' Tutorial Exercise

Contrast with Colour
 Contrast with Size
Contrast with Tonal Value













Contrast with Typeface












Contrast with Shape

Tuesday, January 29, 2013

Contrast

Contrast with Size

The poster shows the contrast between the the size of the man and the hulk to make a comparison between the two while implying that they are one and the same.













Contrast with Colour.

This poster shows a contrast of colour between the background and the logo to show emphasis on the logo.








Contrast with Tone Value

This poster shows the contrast of tonal value from one side to another to continue the principle of emphasis from one side of the poster to another.







Contrast with Type

This poster shows the contrast between typeface with the aim to organise the whole quote into different sections.















Contrast with Shape

This poster shows the contrast in shape between the man and the shadow to make a comparison between the two identities of the man.















References

http://dontfearthekitchen.files.wordpress.com/2012/09/quote_posters4.jpg
http://ecx.images-amazon.com/images/I/51gz2%2BBJCwL._SL500_SS500_.jpg
http://www.empireonline.com/images/image_index/original/66552.jpg
http://www.moviescut.com/wp-content/uploads/2013/01/The-Hunger-Games-Catching-Fire-Logo.jpg
http://www.wallsave.com/wallpapers/1920x1080/weed/504930/weed-contrast-tree-504930.jpg