Monday, August 20, 2012

Week 05 - 2D


 GROUP EXERCISE 


Part 1: Challenge assumptions

Q1. Relatives - A doctor in London had a brother in Manchester, who was a lawyer – but the lawyer in Manchester did not have a brother in London who was a doctor. Why?

-  The lawyer was a brother of the doctor and the doctor was his sister.



Q2. Bottled Money - If you put a small coin piece in an empty bottle and replaced the cork, how would you get the coin out of the bottle without taking out the cork or breaking the bottle?

- Push the cork in

Q3. The Restaurant Meal - Three women each have two daughters, and they all go into a restaurant for a meal. There are only seven vacant seats in the restaurant, but each has a seat for herself. How do they manage it?

- It’s a grandmother daughter thing



Part 2: Challenge assumptions

MIKE’S AUDITION

Have you ever been in Los Angeles freeway traffic? We were once in bumper‐to‐bumper traffic, trying to get to the airport at 10:30 at night. I didn't know that there were traffic jams until late in the evening. In any case, if you have had a similar experience, you can relate to the following problem, which will show us how challenging assumptions leads to more creative solutions.

Mike had an audition for a movie role at eight the next morning. But it was in Hollywood, and he lived on the other side of Los Angeles. He was notified of the audition late, and now it was one in the morning. This was a problem, because it could take as much as four hours to get through the morning traffic, and he needed time to shower and get ready. He would have to get up by a little after three that morning.

He thought about this. Just two hours of sleep, followed by hours on the freeway ‐ this might affect his performance. This would be his first important role if he was hired, so his mind started scrambling for solutions. Taking the bus might be faster than driving his van, but he didn't know the bus schedules, and it was too late to find out. He looked at a map of the city, hoping for a better route, and he might have found one, but it seemed dangerous to guess about routes he wasn't familiar with at this point.

He suddenly recalled a problem solving technique his friend Steve had told him about, and decided to try it. He did the assumption‐challenging exercise, starting with a pen and piece of paper and writing a list of assumptions.




1. What would be on your list of assumptions - if you were Mike?

  • He can’t be late for the audition
  • He has to drive to the other side of his place
  • There will be a traffic jam at 3 in the morning.
  • It could take 4 hours to get through the morning traffic.
  • He needs at least 4 hour driving.
  • He needs time to shower and get ready.
  • He would have to get up by a little after three.
  • Just two hours of sleep and hours on freeway might affect his performance.
  • Taking a bus might be faster.
  • He needs the bus schedules.
  • He might possibly go on a better route.


2. Challenge each item in the list and find a solution to Mike’s problem

  • He can’t be late for the audition – leave at 1 o’clock then he will not be late for the audition.
  • There will be a traffic jam at 3 in the morning. – leave early or take the subway or helicopter
  • It could take 4 hours to get through the morning traffic. – leave early when the traffic is not busy
  • He needs at least 4 hour driving. – leaving at 1 o’clock will take shorter time.
  • He needs time to shower and get ready.  – prepare the stuffs and get ready on the van
  • He would have to get up by a little after three. – leave early and get a sleep when arrive
  • Just two hours of sleep and hours on freeway might affect his performance. – leave at 1 o’clock or take the bus and have a sleep there or have some coffee
  • He might possibly go on a better route. – find the short cut

          Because the traffic in the morning will be busy he should leave then at one o’clock. When arrive he can have a sleep in his van then get up and have a shower there.
         The bus is normally frequent so he could take a bus and have extra sleep on the bus. (This might be too dangerous because he didn’t know the bus timetable)


 PRACTICAL 

Design challenge / reflect & refine

Choose your most recent 2D design concept from all your current works

• In your blog make a list of 2 assumptions about your design
• Challenge both of these assumptions (100 words minimum)
• Suggest 2 refinements to solve these challenges (100 words minimum)
• Illustrate your thoughts with sketches / diagrams

          My design is Google doodle for Picnic day that I did in Illustration class. This is an incomplete work of mine. I actually wanted to draw the teddy bear family having a picnic together but I don’t have enough skill of drawing. I tried to make it as I imagined but it didn’t look so good so I decided just to draw some items instead of the teddy bears.




Assumptions

-          I want to show the “Google” alphabets in the image and keep the picnic concept.
-          I have to add colors on it and make it look good.

Challenge the assumptions

-          It might be hard to see the “Google” alphabets, people might not get the concept of Picnic day, they might not understand what the image represents and what each item in the image is for, they might think the image is not good enough to represent the Picnic day.
-          When I add colors on the picture it might be not good as I expect because of the lack of skills, after finish the drawing on the paper I could make it better by using Photoshop to help with coloring and editing to achieve the final result.

Refinements

            From the work it’s hard to see the alphabets because each item does not represent very well, people might not know what each item stands for and the items in this work are not enough to tell the story of picnic and family concept.  To finish this work I’m going to edit some of my drawing in the picture to make it more obvious to see the “Google” alphabets.  Then I’m going to add colors by using watercolor and then use black drawing pen line the picture to make it more obvious. I want to use Photoshop with this work so I will scan the picture then edit color and might add something to make it look better. Anyway I have to learn more about using watercolor and Photoshop to achieve a good and better work.


 Video 

         Today video I wanted to put a video about painting because I really enjoy watching this kind of videos. I don't expect to do so , I know I definitely can't do it as good as in the video. I like drawing and painting but I don't really have time to practice and improve my skills but watching people drawing makes me see many techniques and many great works. I think drawing and painting are very important for design work, good skills of drawing and painting can help a lot to achieve good works. This video is not a tutorial but shows how she created the portrait work by using watercolor. 



 Reference 
http://www.youtube.com/watch?v=g857UNIKQsM&feature=related

Friday, August 17, 2012

Week 03 - 3D


 GROUP EXERCISE 


        • THIS WEEK - Creative thinking techniques

o Based on the concept of REDUCE, brainstorm one design concept for an ecofriendly form of personal transport
o Brand your design with a catchy name
o Enter sketches and notes directly into your blog

This exercise is to create a personal transport based on Reduce concept. When heard the word “reduce” for a transport I thought of cheap, energy saving and recycling. This reminded me of when I was in my home country (Thailand). There was a bad flood then and one thing I could see often was the water transport made by putting two things together which were plastic basin and inner tube or swimming ring.



        The inner tube that I’m talking about is the same thing that they use for cars and trucks. In Thailand when we go to beaches we can see a lot of inner tubes available for rent (used as swimming rings) …a bit strange but true!

        This does not have motor, engine or anything like that. It does not require fuel but needs to be powered by human. To use this transport we need a paddle. Here I design a two piece paddle for this like a kayak paddle. I give it a name "Flooding tube".
Material – inner tube, plastic basin, two-piece caddle
Shape - round
Power – energy from human




 Practical design 


         I improved this idea by adding a water wheel and a steering wheel on this transport so the flooding tube can be powered by taking energy from flowing water in the wheel as well. However I don’t really know about mechanism of water wheel it’s just the idea. To make this I’ll need further research. Below is an image of the improved idea of Flooding tube and I call it "Flooding Tubing Boat".

Material – inner tube, plastic basin, water wheel, steering wheel
Shape - round
Power – energy from moving water in water wheel, using steering wheel for moving control

         Here I have another design idea of personal transport. I call this “E-monocycle”. This is like a common bicycle but an added function is that it’s powered by an electric motor. Like a labtop it has a rechargeable battery and also this E-monobicycle can stand by itself with the one wheel.



         I did research on monocycling and found that someone invented an electric monocycle. It is a great personal transport called "Enicycle", an electric one-wheeled scooter created by Slovenian inventor named Aleksander  Polutnik. It’s powered by an electric motor and features a self-balancing gyroscope system. The inventor said that anybody can learn to ride it in 3o minutes (the average time). I really want to buy one after watched this video. >__<
For more information visit http://enicycle.com



 References  

Monday, August 13, 2012

Week 02 - 3D


 PRACTICAL – Design Choices 


Create a design for a CDU Design Student Shoulder Bag


Shape - Rectangular
Media – Creating an image in Photoshop, printing on cloth bags
Style – graphic text





         This is my design for CDU shoulder bag. I wanted to use Photoshop for this work and I got an idea of using text design to create an image. I created many “CDU” text layers and gave them the different colors like light purple, light pink and light blue as you see the colors go together and it looks similar tone. I set the background text’s size quite big and gray tone to make the texts on top look more obvious. After merged the layers together I created an image of a black bag then moved the text image on it, merged layers, and done. This is just a simple technique of using Photoshop. It’s an easy way to create images without drawing just typing, arranging layers and using a bit of design ideas.

Research

                Pop Art 

                 http://bettylilo.blogspot.com.au/2012/07/pop-art-comics.html                                     http://www.grudart.net/content/view/214/135/

Pop Art is the movement in art when artists began to create art with the subject of things that are the iconic in nature such as famous people, advertising, and movies. (http://www.osnatfineart.com/pop-art.jsp)



 Create Andy Warhol Style Pop Art - Lady Ga Ga [Photoshop CS5] 



         This is a video tutorial of how to create a pop art styled image in Photoshop CS5. I often see this kind of image design on stuffs like T-shirt, bag, poster and many more and I like it. I saw the sample image of this video and it looked really cool then I started to watch this and found that it's a good tutorial. I didn't know before what actually pop art is so I did a little bit of research after found this as the above. The tutor uses a photo of Lady Gaga as an original image. As I see, it's noticeable that the Pop art image is made by creating a high contrast between black and white then colored each part with the colors like yellow, red, blue and pink (these colors are used in pop art most of the time).

 Reference 
 http://www.osnatfineart.com/pop-art.jsp
http://www.youtube.com/watch?v=G7NZa8W0Nu4&feature=watch_response

Monday, August 6, 2012

Week 03 - 2D


 GROUP EXERCISE 


 Combine ideas 

Mobile – Electronic device, rectangular shape, multi-colour, multifunction, a device for contacting people, taking photos, surfing internet, recording voice and video, it can be used as music player, video player, etc.
Mirror – hard, made from glass, multi-shape, used as a reflector, used for decoration, furniture and used for building, broken mirror can cause injuries, material for electronic devices.

Combining ideas – mobile and mirror

I decided to combine these two objects because mobile and mirror are stuffs that I always use in daily life. The first idea that came up to my head was just very simple combination which was the change of their appearance. My designs are Mobile-like Mirror which is the mirror that looks like mobile and Mirror-like Mobile, the mobile that comes up in mirror face.

 Mobile-like Mirror 
This is a mirror designed to look like a mobile. I meant to change a common mirror to a smart phone face and it came up as the picture below. 

 Mirror-like Mobile 
The second design is a mobile that looks like a clamshell mirror. I was inspired by a mirror for girls so I designed it to be a flip mobile phone in girly style with pastel tone colours. It still has functions as any mobile phones but just looks different. 
Here is the picture for my mirror mobile.




 PRACTICAL – Design Options 

Birthday Card

Option 1                 Option 2
Shape – Square Shape – Round
Media – Paper craft         Media – Hand drawing
Style – Fashion Style – Girly

IPhone case

Option 1                 Option 2
Shape – Rectangular shape Shape – Shaped like a cartoon character
Media – Carving on Plastic Media – Photoshop painting
Style – Thai         Style – Cartoon

Home wallpaper

Option 1                 Option 2
Shape – Rectangular shape Shape – Square
Media – Spraying and hand painting Media – digital painting and screening
Style –  Romantic vintage         Style – Modern black and white graffiti



       Recently I'm quite interested in digital drawing and digital painting and I really want to learn how to do that. I was searching for some good tutorials for drawing in Photoshop and I found this video which I think it's a good one, easy (at least it seems quite easy) and very useful for a beginner like me. The tutor teaches how to draw three different modes of eyes which are normal, shocked and stoned with a thorough explanation.  In this video the tutor draws the 3 eyes at the same time and tells how each eye differs in drawing techniques. This is pretty advanced for people who don't have any skills of using Photoshop but easy to understand and follow for those who have used before. :)

How to draw realistic eyes in Photoshop



Reference
http://www.youtube.com/watch?v=dN-wtDTseys&feature=related

Saturday, July 28, 2012

Week 02 2D


Resources of information

.
whywomencryconference.com


☻  Books
☻  Magazines and journals
☻  DVDs and Videos
☻  TV
☻  Electronic resources such as e-books, e-journals, online databases
☻  Websites
☻  Art galleries and Museums
☻  Newspapers

             It was said in a research “Do not stop with a single reference, search also for newer and alternate sources”. I found this while doing research in class and this is an important point!  I believe that many people use websites searching for information most of the time. Personally, I admit that I usually use websites to get information because I find it the easiest and fastest way to get to the information. Websites can lead me to the other types of resources like interesting books, useful journals and videos or even upcoming events. Also, information found on the internet is often more current than what is published. From these reasons I usually prefer to use websites as a guide to reach the information and different types of resources then get more background information or do more research from journals, books, etc. which are good references.

 PRACTICAL – Design Choices 

40 mins – Create a background design for your blog
• Use any tools you wish
• Put the results and a paragraph of description in blog
• Address these 3 points of difference in both designs




Shape - Rectangular
Media - Photo taken with an iPhone, filtered with Instagram application and edited with Photoshop
Style - Fireworks
The photo on the left is the original photo that I took with my iPhone when I went to Mindil beach a month ago. It's the photo of fireworks on the opening day of Mindil beach market. I added a filter through Instagram app so it looks a bit purple as you can see. Then I adjusted brightness, contrast and the image size with Photoshop and the result is the image on the right. 


Useful websites for design works!!

These are some useful websites for anyone who is looking for design resources or inspiration.



http://designmodo.com/design-freebies/
40+ useful resources for design freebies...
This site collects more than 40 sites for graphic designers who are looking for the resources like PSD Files, Photoshop Brushes, icons, vectors and textures. There are more than thousands of them available and it’s for free!!


.



http://www.smashingapps.com/
This site provides many different kinds of free online resources such as PSD logo templates, HD widescreen wallpapers, fabric textures, leaf logo design for inspiration, graffiti fonts, icon sets, Photoshop brushes and many more!






.





http://designinstruct.com/

Design Instruct is a regularly updated web magazine for designers and digital artists where you can find and learn design tips and tricks.





.



http://www.freedesign4.me/

This is another site of free resources for designers. Here you can get high quality vectors, icons, fonts, patterns and 3D models.








10 Best free graphic design programs (software downloads)



          This video informs about 10 useful graphic design programs. It is explained what each program is for, how it looks and works. This is very helpful and informative!
“These are 10 useful graphic design programs that are free to download use. They are high quality and capable of producing a professional results. You can also find download link by simply search the name of the program with Google, followed by the word ‘download’.”

References

http://people.ucalgary.ca/~design/engg251/First%20Year%20Files/ideas_info.pdf
http://lis.tees.ac.uk/factsheets/fs56.pdf
http://www.youtube.com/watch?v=nC32E1we-as&feature=related

Saturday, July 21, 2012

Week 01 3D


       This picture attracts me by its design and concept. I like its clean and simple looking, a pyramid shape text designed and white tone color. This is a good example for 3D text design!!


Some good 3D design examples :)









3D design inspiration




This 3D work is remade from a scene in an old animation from the 80's called 'Galaxy High'. The designer wants to make a realistic image from the scene below with a lot of weathering in the textures.

Reference image
Wireframe model 01
Wireframe model 02
Unwrap model
Texture 01
Texture 02
Texture 03
Background
Final image 01
Final image 02


Reference
http://www.multyshades.com/2010/12/40-artistic-3d-design-texts-best-typographic-examples/
http://vandelaydesign.com/blog/design/3d-design-inspiration/



Friday, July 20, 2012

Week 01 2D

Bad Design


        This site is an example for bad design. The design is unorganized and too cluttered. The colors don’t go together and this makes it hard to read. The webpage is full of advertisements and texts which annoy the viewers. 

Good Design


         This site looks clean and clear. The design in this site is simple but it has a professional looking with good graphics and the information is organized very well by topic into the categories.


References
http://www.topdesignmag.com/20-examples-of-bad-web-design/
http://www.looks.gd/design/what-does-good-web-design-look-like