Sunday, November 30, 2014

Hey everyone, it's time for another update. I'm closing out November with three posts under my belt, super happy about that! Anyway, time for what you (hopefully) came her for. This post is about yet another school project, the design item du jour was an infographic. It seemed pretty simple at first, find a topic, arrange some statistics, illustrate. I can assure you it was not that easy.

My first struggle was picking a topic, I wanted to start with something fun like "Death through the Ages," but that didn't pan out due to a lack of information that I could source (and also because I didn't feel like looking through that much data). I then tried to look up something I thought would be easy to find, which nations around the globe consume the majority of certain fruits. Again I hit a wall. This time it was in the form of me only being able to find records of imports and exports from particular countries but no data on what they actually were consuming. After staring at the Google search bar for what seemed like an eternity I typed in "sugar content in fruits." Bingo! I finally found something I could work with. A handy little drop-down menu popped up with all of the info I needed.

Since my idea was relatively simple I decided to go with a minimalist approach to the design. I was working with this kind of manila envelope color in my last project (though I didn't end up using it at the time) and decided it would be perfect for what I wanted to do. I did a few sketches at work and got all the details ironed out, here's what they look like.


This was my first sketch, it's how I figured out the layout of the image. There's a little note scrawled at the top that reads "need 1 more fruit." At the time I had only listed eleven fruits in my design but in order for that arrangement to work I needed twelve. That'd make three on the top, four in the middle, and five on the bottom. I wanted to mimic the food pyramid a bit with the shape, so that's why I went with a stepped pyramid design.


This drawing shows what the key or legend was going to look like and also has a thumbnail of the finalized design in the top left.


 This one shows the title of the infographic at the top along with some text that would be displayed under that. I also drew the fruits in a little more detail, the black silhouette is the shape of the fruit and the white unfilled space represents the percent of sugar in the fruit.

I started my image by making a background in the manila color I selected, then created a two inch white border around each side. I got all of the bits and pieces arranged where I wanted them, then it was just a matter of creating the fruit shapes and listing all of the information I gathered. The description of the process was greatly simplified as I really don't feel like going through the horror of that again. For some reason filling in the shapes I created with that little touch of white at the bottom was exceedingly difficult, I'll be asking my professor if there was another way I could have gone about it. In the end I came up with something I was pretty happy with. The design's pleasant, well balanced, and the color pallet is simple and doesn't distract from the information being conveyed. Here's the final product so you can see for yourself.


That's all for this post! I've got one more project I need to finish so look forward to seeing that one sometime in early December. Hopefully I've got some time for some personal stuff on winter break, I'll make sure to update as frequently as I possibly can. Thanks for stopping by!

Tuesday, November 18, 2014

Hey everyone! It's time for another update, and you guessed it, this one's for another school project. For this assignment my professor tasked us with creating a heads up display in either Illustrator or Photoshop. It had to be sized according to a 16:9 aspect ratio and displayed over a photo to simulate a first person perspective. I decided to have some fun with this one so I used a picture of one of my cats.


This is Pinky, as you can probably tell she's serving a bit of attitude in this picture. Perfect for what I wanted to do. My idea was to take this sassy cat picture and turn it into a Terminator 2 homage. Seeing how the Terminator viewed things in the movies was something that stayed with me from my childhood, so thought it'd put my own spin on it for this assignment.

First I needed to change up the image a bit and make it look more digitized. After adding one orange and one blue radial gradient to a layer I switched the blending mode to hard mix and came up with this.


Looks pretty cool but I've got a long way to go. After duplicating the original image then combining a copy of the gradients I created I sandwiched those layers together. I then changed the blending mode to exclusion and this is what I got.


I'm really liking it now, it sorta has a 3D look so I decided to really push that concept later. I added another copy of the original image in hard mix mode to give it a bit more depth. After that I put another copy on top in luminosity mode, this brought back a little more detail that was previously missing. Here's what that looked like.


It's getting there, now it was time to add in some noise. I also added a blue green gradient to the top and bottom to balance out the intense red of my cat in the image. This is what I ended up with afterwords.


Almost done! At this point it just needed a little extra tweaking. I added a bit of green in the background to further contrast the red tint on my cat. I then added a color dodge layer to make her look a little less dark. That left me with this.


Now it was time for some text. The HUD in Terminator 2 didn't really look as complex as what we might be used to today, but I liked that retro look so I tried to stay true to it. After a little creative writing I came up with this.


I liked the way this looked, but I felt like it was missing something. That's when I remembered I wanted to incorporate something else to push the 3D feeling I got when I first started editing the image. I selected every bit of text I typed, then added an outer glow blending option, then separated the blending options from each set of layers. This was done in red, green, and blue to create a stereoscopic 3D effect. Once that was done I added a bit of letterboxing and then my image was complete. Here's the final result!


There you have it, the finished product. See if you can spot the not so hidden Terminator reference. I hope you enjoyed reading through this as much as I enjoyed making it. It was a lot of fun.

I just wanted to make a quick announcement at the end of this post. I wanted to say a big thank you to everyone that has been stopping by and viewing my blog. It was important that I post something today because after checking my account I noticed I surpassed one thousand views! That's super incredible to me and it's extremely gratifying to see. Thanks again!

Expect another post later this month. The semester's winding down so I've still got a few projects left to complete. Till next time!

Sunday, November 9, 2014

Hey everyone, time for an update! I haven't been able to do much personal work lately because school projects have been keeping me quite busy, so this update will be about another task for my design class I recently completed. This was another project completed in Adobe Illustrator. It's still something that's not completely familiar to me so I had to jump through quite a few hoops to finish my design. It was tough, but I'm really happy with the end result.

The criteria for this project was pretty simple; illustrate a quote from a well-known literary or historical figure. The final image needed to be poster size (27"x40") so we had a lot of room to work with. After browsing the internet for a while and looking through quotes from people like Maya Angelou, John F. Kennedy, and few others, I happened upon a quote I liked. This one was from Aristotle; "whosoever is delighted in solitude is either a wild beast or a god." I thought there was a lot there to work with to create an interesting image so I started sketching out my idea right away.

I knew I wanted to break up the image into three distinct sections, then tie them together through the use of alternating font sizes. A colored gradient underneath would help the transition from one image to the next. Since Aristotle was Greek I decided to give the image a mythical punch by using Zeus as a supernatural force throughout. After doing a little research I found that Zeus was known to take the form of a bull, this worked perfectly with the quote and my idea so I felt like I was on the right track. After a couple of minutes scribbling on a scrap of paper I came up with this.


It was perfect (or so I thought)! The idea was approved by my instructor and then I got to work executing it. After a bit of googling for some images that I could use to layout the design I plopped them into Illustrator to see how it was going to look. Upon seeing everything together I realized I made a grave mistake. Take a look.


Way too much going on, no way possible to arrange the elements in the image to make them look connected, no font and gradient could save this. Bad design, bad. After staring at my computer screen in defeat for a few moments I knew I simply had to start over.

I reviewed my original quotes a couple of times, and not being too enthused with anything I was seeing I looked for some new ones. Finally I happened upon something promising by Ralph Waldo Emerson; "A man is related to all nature." It was simple, had a wonderful message, and got me thinking. This was the quote I would use.

I did a tiny sketch of what I wanted the final image to look like, then started figuring out how I wanted to arrange all of the elements within the composition. We had learned about Fibonacci in our discussion about proportion and creating harmony in an image, so I thought it might be neat to use his number sequence in my design. These are a few thumbnail sketches I did showing some representations of concentric circles and the various designs I wanted to include in them.


I decided I wanted to create and arrange symbols that would represent the natural world, mountains, trees, flowers, and animals, radially within each circle. I would then place a man at the center of the image and the quoted text at the bottom. I was going for a bit of a retro look since I felt the quote could easily be applied to the 60's, so I looked up some old posters for reference then started plugging away.

I tried everything I could think of to make the design work, but for whatever reason I couldn't quite get the shapes to repeat within the circles in the way I wanted. Again I had hit a wall. I tried looking through tutorials online, tried typing in what I was attempting to do into Google, hoping it would magically produce an answer but to no avail. I knew my concept wasn't bad but I just couldn't execute it within Illustrator due to a lack of knowledge.

Since I couldn't produce the elaborate thing I envisioned I thought the next best thing to do was to distill my concept to its essence. After all, a poster should be something you see that you don't have to pour over and analyze. I know I don't see many of them every day but if I do they're there to quickly convey a message. I realized my problem this time around was the same one I had before. I was just making things too complicated. The core of the quote is man's relationship to nature, that part of this sentence is almost the whole quote! There was no need to design something so ornate, it's a simple idea with impact. With my "Ah-ha!" moment came the final push for me to finish the piece, this is what I came up with.


I wanted people to see how closely connected we are to the natural world around us which is why the circles represent an eye. Within the "pupil" is man, and the color of the "pupil" is a loamy brown to symbolize the earth. The man stands on the earth because we walk on the ground, but also because when we die our bodies return to the ground, this is why he can also be viewed as laying down. The "iris" is filled with flowers and greenery to represent nature, and the blue symbolizes the water and sky. Finally the quote at the bottom is placed in such a way to emphasize the meat of the quote which is "man to nature," that's why that text along with the man are shown in white. I really wanted to drive that association home. I feel like this design is extremely successful at communicating what I wanted it to and I'm incredibly happy that this process (which was at times rather frustrating) ended up being such a great learning experience.

If you guys got through all of that I salute you! I'm pretty sure this was my longest post ever (had to make up for the fact that I missed that last update in October). Thanks for reading, I hope you enjoyed it. I've got one other project almost done, and another one I'm about to start. There will be much more to come this month so check back later!