Showing posts with label graphic design. Show all posts
Showing posts with label graphic design. Show all posts

Wednesday, September 16, 2009

Noir (nwär) –adjective French. 1. Of or relating to the film noir genre.

If you remember from my Typography Pt. II: Text Shape Assignment post, I'm not too confident in my graphic design/photoshop skills. Today, I uncovered a long lost flash drive containing my prized design from my Principles of Design class at DePaul University. This is one design that I'm willing to brag about and I am happy I was able to recover it. First, let's find out about the expectations of the assignment.
The Assignment: Noir Poster

1. Choose a game title, film, graphic novel or book that you feel embodies the noir aesthetic. Find or make up a quote that helps sell your subject.
2. Create a poster/ad for your subject.
3. Create a 800x600 image in Photoshop. It can be horizontal or vertical.
4. Use these tools in Photoshop: magic wand (to create the silhouette(s), the gradient tool (including transparency), blur filters, blending modes, layer select (ctrl click the layer), layer effects, distort, and warp.

The Rules:

1. The only visual elements you can (and MUST) use are the title, the quote text, the “author”, and at least one silhouette. You can use multiple silhouettes, but no photos or detailed drawings.
2. The finished image must be black & white, no color.
3. No additional drawing or other created visual elements.
4. You can't create faces, creatures, objects or a landscape, no recognizable images (other than your silhouettes)--concentrate on the visual dynamics.
5. Your Photoshop document should end up with at least 20 layers.

Visual goals:

1. The design should convey mood—suspense, threat, paranoia—but through suggestion, not clichéd images.
2. Create the illusion of depth and light. Use gradients of value, scale, distortion, etc. Does it feel deep? Can you see strong light sources? Are there multiple levels of depth?
3. Keep the text legible, but it should feel integrated into the design. It shouldn’t appear pasted on top of the other elements.
4. Use transparency and shadows to create a sense of disorientation in the shapes and space within the image. Use solidity sparingly. Overlapping, transparency, shadows, perspective, distortion.
5. The poster should be interesting to look at, have visual movement, should be balanced and should seem structured (not random or a mess). Incorporate what we’ve discussed the rest of the quarter.


After receiving these instructions, one movie came to mind immediately -- The Graduate. Not only is The Graduate one of my all time favorite movies, but it certainly captures the noir aesthetic. Here's what I came up with:
Anyone with a good eye can catch my one mistake -- The shadow of the figure in the background should be dark near the feet and lighter near the head. I'm the first to admit that I'm no deign expert, but regardless of the shadow mistake, I think the poster looks quite nice.
Specifically, I love the way that the shadows are able to convey the illusion of depth. Also, the highlighting on Ben's face creates the illusion that a light source is shining from his left side. It pairs nice with the solid black of Mrs. Robinson's leg in the foreground.
...and who doesn't love that quote?

Friday, July 24, 2009

Typography Pt. III: Graphic Design


After my last post, I have decided to leave the typographic design up to the professionals. Below is the work of London based type designer, Seb Lester. I love how the type design of the first two designs looks literal and very appropriate, while the last three are very ironic, hilarious and sarcastic. Who knew typography could be so fun?!









Typography Pt. II: Text Shape Assignment

I'm a little shy about putting my designs on display, but this is one assignment I'm fairly proud of. I haven't had much education in actual graphic design and I also created this assignment at a time when I was fairly new to Photoshop. There are certainly ways that I could have tweaked this design to improve the overall look and design, but I'm happy with the outcome and I enjoyed the assignment.

Assignment:

Make two designs in Photoshop. For each, choose 1 letter. Your task is to lose the letter’s textual identity. Treat it as a shape only. Use the letter as many times as you like, as large or as small as you like 20 layers minimum. Maximum of 1 color for a color grouping, otherwise, use grayscale.

One design will emphasize CONTINUATION. Create visual movement around the image, but keep it balanced. The other design will create 3 GROUPS based on 3 METHODS OF SIMILARITY. This design should also be well balanced. Make your designs INTERESTING to look at. But: DO NOT form your letters into any recognizable shapes, faces, creatures, etc.

Here they are...




Wednesday, July 22, 2009

Typography Pt. I: Helvetica

I do not for one second doubt my decision to go to DePaul University. I love my alma mater and I strongly believe that my college experience offered me some great opportunities that I would not have gotten anywhere else. With that being said, there are a few more courses that I wish the school had offered. In hindsight, I may not have sought out these said classes as well as I should have, but there are some fundamentals that I think the school misses out on. One such fundamental, especially for advertisers and graphic designers, is the use of typography.

I happened to have taken Animation 105: Introduction to Visual Design as one of my electives this past Spring as a means to familiarize myself better with Photoshop and Flash. In one class period we watched the documentary Helvetica by Gary Hustwit. This documentary examined the aesthetic and psychological appeal of specific typographies, particularly, Helvetica. It was an interesting documentary that I would certainly recommend to any advertiser, marketer or graphic designer. Watching that film made me realize what a strong, yet understated impact type-face can have on a particular product, signage, advertisement, etc.

She what designer Massimo vignelli has to say about typography and Helvetica:



Of course, you may be one of those people that completely disagrees with this documentary. If that is the case, this might be more your speed -- I Hate Helvetica. Apparently there are quite a following of Helvetica-haters!