Final Exam: Design Stages

Part 1: Logo Design
This is the logo I used for my website and I will be using it for my portfolio. I feel like it represents me as well as the fact that I need to keep things consistent across all mediums I use to show off my work.

Part 2: Portfolio Design

This slideshow requires JavaScript.

This is the cover for my portfolio, I made sure it looked a lot like my website for consistency. I used photoshop to make all of it and I added some textures to make it a bit more interesting looking.
In the end I wanted a bit more of a notebook paper type look which is where the lanes came from and I got what I wanted. As for the back of my portfolio, eventually I will change the blog name to my website once its all up and running properly.

Part 3: CD-Cover

This slideshow requires JavaScript.

This is my CD-Cover, there really isnt too much to say about it, its basically a shrunken version of my portfolio cover. The only changes are slight modifications to the text and logo on both sides so it would better fit the square space instead of its old rectangle one.

Part 4:


Final Project: Progress – Assignment

Pinkie-Bathroom-Scene-Day-1Day 1:
After one days work this is what the scene looks like. Most of the work came from small details and picking out the right gradients such as the ones on the windows and mirror as well as on the bulbs and carpets. The rest of the things I need to make are the different props in the scene (such as the sink) which will take up most of my time.

Day 2:
This is how the scene looks now. It took awhile because the top of the shower had a lot of gradients that had to be done and a lot of pieces that had to be fit together. Each red stripe had to be made separate then made to fit the ring then each little ring for the curtain had to be made and adjusted to fit the large ring.



Day 3: Final
This is the final piece  the curtains are probably where I put the most detail. I had to use several layers in order to get the gradients right on the curtains. It came out just how I wanted and It may not be a massive improvement over the original, but I think its still really good.


Final Project: Extra Work – Concept

Pinkie Bathroom
I would like to use this week to vectorize this image as well as making slight adjustments.

  • First, I want to remove the characters and replace the background that will be in their place.
  • Second, I want to edit the colors of the image and exchange everything with gradients to give it a bit more depth.
  • Finally, when its all done I want to increase the size of the entire image so I can use it for more things such as backgrounds.

Defining the Site: Sketches

Part 1:

  1. What is your domain name?
  2. Is your domain name currently available? Yes.
  3. What is the purpose or goal of your website? To provide a place for my to publish my personal artwork.
  4. Who is your target audience? Who will visit your site? The audience is anyone who enjoys good art. Anyone who would like nice pictures or cool backgrounds.
  5. What topics or concepts do you want to cover? Nothing in-particular just any artwork I do. I plan to include a page for website designs, vector artwork, and photoshop backgrounds.
  6. How much information will you present about each topic and how will you present it? I will constantly add to each bit of information and it will just be presented in a logical way with newest at the top and oldest near the bottom and a search bar.
  7. What will attract your target audience to your Web Site? My own personal advertisement and help from people using my artwork, just telling people where they can find it.
  8. What methods will you use to keep your audience returning to your site? Updates and improved work.
  9. What changes will you have to make to keep your site updated? None, a basic site that looks pretty good will do fine for displaying art.
  10. Will you have a common logo or theme on all of your web pages? Most likely, it keeps consistency.
  11. Are these images readily available? Yes, I have them all in my personal files.
  12. What images will you have to locate? None.
  13. What images will you have to create? Backgrounds with more wavy earthy feels and new images for the future.
  14. How many images per page will you have? I was thinking anywhere between 6 and 10. It depends how the site will look best.
  15. Do your selected colors work well with your goal? They should as far as I know, it will take testing to get it right.
  16. Did you use a color palette generator (Kuler) to select a well-balanced set of colors? No but I will eventually.

Part 2 Navigation Map:


Website Design: Research

Part 1

  • Internet: an electronic communications network that connects computer networks and organizational computer facilities around the world.
  • WWW: World Wide Web
  • HTTP: hypertext transfer protocol
  • URL: the address of a resource (as a document or Web site) on the Internet that consists of a communications protocol followed by the name or address of a computer on the network.
  • IP address: the numeric address of a computer on the Internet.
  • hyperlink or link: a link providing direct access from one marked place on the web to another in the same or a different document.
  • website: a group of webpages that link to other pages and are set up with a certain goal in mind.
  • home page: the page typically encountered first on a Web site that usually contains links to the other pages of the site.
  • index page: the page containing a list of all the other web pages on a website.
  • search engine: a web page dedicated to searching the world wide web for other web pages, posts, images, etc.
  • domain name: alphanumeric characters that specifies a group of online resources and that forms part of the corresponding Internet addresses
  • server: a network of computers used to share files and other types of data.

Part 2

  • There are many different ISPs and many are also phone company’s. Places such as Verizon and At&t.
  • OSPs can be anyone hosting a site that is used for something important relating to things such as business and communication.
  • 5 Internet Browsers: Internet Explorer, Google Chrome, Mozilla Firefox, Safari, and Opera.
  • Websites and blogs have many differences. Blogs are more informal then websites and are navigated more crudely by generally just traveling one page at a time. A website is meant to be more formal and will generally have links to each of the other pages on every page for quicker navigation.

Part 3


Whiteboard Animation: Assignment

 This is my final animation for the Whiteboard Animation assignment. It was a collaborative project with one of my friends. The shooting was done with their camera and I did the editing with After Effects and Premiere Pro CS6, all the backgrounds were made in Photoshop CS6. The start of the animation was based off of the Rhythm Heaven series and the ending was just a few basic motions.