Art Portfolio


Published on

This slide will guide you through some of my selected artworks along with descriptions, idea generation process, and techniques I used to come up with the final work.

Published in: Design, Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Art Portfolio

  1. 1. Art Portfolio<br />Mangkhaladath Mahavuthivanij<br />
  2. 2. Welcome!<br />This slide is intended to guide you through some of my selected artworks along with descriptions, idea generation process, and techniques I used to come up with the final work. It contains 24 slides and will take around 10 to 15 minutes to explore.<br />Hope you enjoy!<br />
  3. 3. Program Name: Mathphobia<br />Project Type: Individual Project<br />Programming Language: Java<br />Graphics created by: Macromedia Flash MX <br />This first artwork I would like to show you is designed for a program created for my 1st year Java Programming class’s final project. The given task was to help users improve any skills through an e-learning application. After brainstorming, I decided that a math game would be the way forward. And because basic math, though a necessary skill, is viewed by many as boring and tedious to practice, my strategy was to create an imaginative and attractive visual environment to invigorate user’s experience. The concept was a digital and cyber theme, inspired partly by the movies “the Matrix”, and the name given to the game was “Mathphobia”, meaning the fear for mathematics.<br />
  4. 4. This main menu is designed with a technical challenge – to program an animation of random digit flows as the background, which will helps to satisfy the main theme as being digital. Note that the black color is intensively used to give a mysterious impression.<br />
  5. 5. “The digital universe” scene was the environment player experienced during the beginning of the game. This gives the perception of vastness and infinity. And again, the background was composed not by mere images, but real animation.<br />
  6. 6. The purpose of the game was simple –travel through levels and fight off some enemies. Here, the level is arrayed with more solid boundaries and decorative objects to guide players through the level.<br />
  7. 7. This is the combat screen, which will pops up if the player encounters an enemy nearby. The player will be challenged with a math problem (difficulties will depends on the type of the battling enemy) and given the time to answer (in this case, 10 seconds). <br />If the player answered correctly, the enemy’s hit points, or HP, will deteriorated. Else, the player will partially lose his/her “Brain Power”. If the player’s “Brain Power” reaches zero or below, he/she will lose the game.<br />
  8. 8. A lot of effort is put into furnishing the game’s visual environment and hints, for example, as to how these digital life forms emerged into existence. The design and colors of each game elements are carefully selected to match the theme. The ramification of this is a very harmonized visualization and user experience.<br />These “Pi pies” will be your friend throughout the game. Pick them up, and your “Brain Power” will recover!<br />
  9. 9. Some of the screenshots throughout the level.<br />
  10. 10. (Bottom): The “Prototype Chamber” with immense quantity of digital power lines.<br />(Top): This is the “Production Chamber”, a factory in which the digital “troops” the player was fighting were being assembled. The number labeled on the chamber’s core is a clue to how huge this whole place is.<br />
  11. 11. Player will encounter new and bizarre enemies as he/she advanced through the level. For example, the polymath junior (Right) was designed alike a “Rubik Cube” to represent puzzle and perplexity.<br />Red Operator<br />Blue Operator<br />Divine Operator<br />Evil Operator<br />Polymath Jr.<br />Polymath<br />The Programmer<br />
  12. 12. The final result of immense designing efforts was a unique, fun, and attractive work of art that helps players engage in practicing math! <br />
  13. 13. Name: DocControl<br />Project Type: Team Project (3 members)<br />Graphics created by: <br /><ul><li> Macromedia Flash MX
  14. 14. Adobe Photoshop</li></ul>My responsibility: Design the whole user interface<br />This next design, which is a web design, was created for the User Interface class’s final project with the given task to implement and apply in-class design knowledge and techniques to an actual website. This site, which was coded by the other two team members of mine for their own Senior project, was developed to manage and control enterprise’s documents online, thus was given the name “Doc Control”. The site, according to my teammates, was also capable of managing login users, authorizing documents based on user role, and defining other document-related parameters.<br />
  15. 15. The concept was to create a website that looks realistic – containing real world objects; instead of traditional website’s buttons, components, and tables; to give the impression of realism. And because the website was related to handling documents, I decided that putting a couple stationeries to the design would be interesting and fit the site’s purpose.<br />This is the site’s login page, which portrays a working station with a notepad on top of it as the log in menu. Bright blue and orange were selected to attract the user’s attention to important text or component. <br />
  16. 16. The site’s home page includes greater depth of realism, with additional objects such as pencil, eraser, and paper clips added to the scene.<br />Any important elements will be in bright colors to attract users and reduce visual efforts.<br />As with any design and art, the purpose is to create a great experience. The coffee cup here, for example, was to create a revitalizing and relaxing mood while also softened the environment. The coffee drippings and stains would then support this idea.<br />
  17. 17. Textures were also being applied to all surfaces to make objects looked real.<br />White paper is used as the main panel to make it stands out against the dark background.<br />
  18. 18. Program Name: JABO<br />Project Type: Team Project (10 members)<br />Programming Language: Java<br />Graphics created by: Macromedia Flash MX<br />My Responsibility: Design the whole user interface and partially do some coding<br />This program was created for my software engineering class, with a group of ten members, as an online channel for social networking. The application is capable of basic social tasks like chatting, posting messages, and commenting. However, this apps also acted as a personal organizer, which allow users to add social events into the application’s built-in calendar, and see whether there is any event posed by any other members. <br />
  19. 19. The art concept for this program was that people in any age or gender would find the user interface comfortable, friendly, and appropriate. The UI design, in my idea, must be clean, bright, and contain minimal components. Also, the color must suit everyone. <br />That’s when I came up with light blue, which represents all of the desired qualities listed above.<br />The program will then includes multiple colorful, bright, and attractive icons to create a visually fascinating experience.<br />
  20. 20. Minimalism is the key to this program’s design, as it will not overwhelm the user will buttons and links – reducing the overall learning curve for the application.<br />The intensive use of icons, instead of a word-only, will also act as guidelines so that users can grasp some of the ideas quickly and intuitively without the need to read.<br />
  21. 21. At each page; whether it would be the message board, the calendar, or the chatting screen; the tone of the interface remains consistent.<br />The result is a clean, attractive, and minimalistic user experience.<br />
  22. 22. Community Name: IEEE Computer Society @ Chulalongkorn University<br />Graphics created by: Macromedia Flash MX<br />My responsibility: Designing the community’s logo and its event handbill<br />After I was assigned to be the first artist of Chulalongkorn University’s IEEE Computer Society, my high-prioritized task was to design its logo, since the community was newly established and needs something to represent itself. The concept is that the logo would gives a sense of community and teamwork, but most importantly, it must be about computer. That’s when I thought of the general PC monitor, and the MSN Messenger icon to represent the teamwork concept. After experimenting for sometimes, the result is the above logo, where the color blue represents IEEE (because the original IEEE logo is blue) and the color pink as the university’s unique color.<br />
  23. 23. This is the handbill for the computer society’s first event, “Demystifying Internship”, where some of my program’s seniors will come and share their summer internship experience and some resume tips with the juniors. <br />To make the event doesn’t looked so serious, the main concept is to give an exciting, informal, easy-going, and colorful impression, which is done by using cartoonish and sketchy fonts combined with bright-colored text and some colorful splashes. <br />Unfortunately, due to economical reason, the handbill must eventually be printed in black and white color.<br />
  24. 24. Book Name: Healthy Diet by Blood Group<br />Graphics created by: Adobe Photoshop<br />My responsibility: Designing the book’s cover<br />How good a book cover design, in my opinion, is measured by how effective it emotionally communicates and connects with its viewers. Since the book, which was written by my father, is about a healthy dietary, the emotion and impression vital to the book’s success would be healthiness and cleanliness. This is done by using white background for cleanliness and healthy-looking foods, especially vegetables, fruits, and herbs. The attractive color and glimmer of the food items is also essential to make them looked tasty and well-cleaned.<br />Consequently, the design, plus a good book content, resulted in 5000 copies sold within 5 months. <br />
  25. 25. Thank You for your time!<br />