7/20/10

Comparing Contemporary Typography

Visit the following Web site http://www.swifty.co.uk/shop_fonts.html and choose two fonts. What do you think are the concept ideas behind each of these fonts? Of these fonts, which one do you think comes closest to being art and why?

The first font I chose was “ASTRAL FUNK” . I was drawn to the clean smoothing lines and the width of the letters.

I believe the concept with this font was to create a futuristic looking typeface that is very simple and easy to read. I can identify the simple basic shape of each character. The designer created a smooth a sans serif typeface that uses simple minimal strokes to reveal each letter. There is great consistency in the Capitol letters especially in the placement of the horizontal bar strokes. They all appear to be aligned except for the “A” character. The “A” has been aligned with the finial of the “J” character. In taking a closer look at the lower case of this font I find it interesting that the lower case characters are only slightly shorter than the upper case characters. The x-height has been pushed very high leaving it to be only a strokes width shorter than the capitol letter height. Do to the large size of the lowercase letters, the ascenders of the lower case characters rise beyond the capitol letter height.

Looking closely at the characters I would suggest the designer used the look of a rounded corner square shape as a guide or inspiration.

In conclusion I find this font to be a decent font design. I think the lowercase characters have come inconsistencies. For example the tail on the “j” should, in my opinion, be similar to align where the tails of the ‘g’ and “y” characters. I also think the ascenders should not be taller than the Capitol height. The font does have a futuristic clean look, but I question how the combination of capitol letters and lower case letter with ascenders would look. Is the font successful? Yes. The designer has a great clean futuristic looking font. However, if it was a little more consistent in the design I think the font would be much stronger.

Font From: http://www.swifty.co.uk/shop_fonts_files/astral-funk.jpg

The second font I chose is “DOLCE VITA”. This font reminds me of something you may see on a primitive tropical island. The letters appear to be carved with a sort of hand tool. I could see this font being used on a wooden sign where the letters have been chiseled out.

The letters are very blocky and primitive looking. The have a very casual personality. The strokes are not smooth, but more jagged and inconsistent in the counter and bowl sections. I notice that the lowercase is just the uppercase repeated slightly smaller. This also would make sense with primitive look.

I am guessing the designer was going for a fun island party feel. The design is close to resembled carved wooden characters made with primitive tools.

I see this typeface to be quite successful for this type of font. Since the personality is quite casual and primitive the inconsistencies I believe make the font more realistic and appropriate.
Font From: http://www.swifty.co.uk/shop_fonts_files/dolce-vita.jpg


Which Font Is More Art?
Of the two fonts I personally view “Dolce Vita” to be more of an artistic font. While “ASTRAL FUNK” does have more characters created by the designer with a completely different set of lower case characters, the “ASTRAL FUNK” font appears to be more geometric based from a square with rounded corners. The “Dolce Vita” font is more of an art form as it shows knowledge of how each letter could have been formed if one was using more primitive tools to shape them. The characters are all very different, yet have a unity that makes them work well together. In my opinion this is more of an art from, where creating a font based on geometric shapes, more of a scientific approach.



7/15/10

Typographic Character Analysis

OBJECTIVE: Demonstrate your analysis and understanding of type characteristics and components.

Typeface: Jura - Medium
Author: Daniel Johnson
Category: Basic / Sans serif
License: Public Domain / GNU GPL


Jura - Medium - UPPERCASE

Jura - Medium - UPPERCASE - SUBGROUP - Diagonal Stroke -the diagonal portion of the letter form.

Jura - Medium - UPPERCASE - SUBGROUP Bowl -an open or closed circular line creating an interior space.

Jura - Medium - UPPERCASE - SUBGROUP Stem -the main straight stroke of the character.

Jura - Medium - UPPERCASE - SUBGROUP Arm -the short horizontal strokes on the top or bottom of the character.


Jura - Medium - lowercase

Jura - Medium - lowercase - SUBGROUP - Ascender -the portion of a lowercase letter rising above the x-height.

Jura - Medium - lowercase - SUBGROUP - Descender -the portion of a lowercase letter falling below the x-height.

Jura - Medium - lowercase - SUBGROUP - Bowl -an open or closed circular line creating an interior space.

Jura - Medium - lowercase - SUBGROUP - Shoulder -a curve at the beginning of the leg of a character.

Jura - Medium - Numbers & Symbols

Jura - Medium - Numbers & Symbols - SUBGROUP - Diagonal -the diagonal portion of the letter form.

Jura - Medium - Numbers & Symbols - SUBGROUP - Descender -the portion falling below the x-height.

Jura - Medium - Numbers & Symbols - SUBGROUP - Bowl -open or closed circular line creating an interior space.

Jura - Medium - Numbers & Symbols - SUBGROUP - Beak -the curve finish on the horizontal arms.

SOURCES:
AIO Lecture Week 1
http://www.newco81-design.com/blog/?p=66
http://www.paratype.com/help/term/
http://graphicdesign.about.com/od/typographyfonts/tp/letter_anatomy.htm
http://typomil.com/anatomy/index.html
http://desktoppub.about.com/cs/typeanatomy/g/arm.htm
http://journal.chrisglass.com/2003/12/the_

Choosing the Right Font?

There are now many fonts available, and new ones are being introduced every day. What issues confront designers when selecting fonts for a project?

For good designers selecting a fitting font can be the “icing on the cake” or the subtle touch that takes the design to the next level. The designer must consider many different things before an appropriate typeface can be applied. What type of text is in question? Is the amount of text going to eliminate certain typefaces? Does the font choice need to assist in establishing visual hierarchy? Is the text going to be repeating? Is the designer using an assimilation technique? What about legibility and readability? These questions and more are continual design issues that are evaluated when selecting a font for a project.

In some cases a designer can find a typeface that evokes and reaffirms the message a particular design is attempting to communicate or use the text in away to reinforce its message. I think the PBS show “Word World” is a great example of this technique. They use the actual names of the items to create the object. Mostly a very large bold font is used, but it is interesting how it is adjusted slightly to reveal the characteristics of the specific animal or word. Click Here to See the Example: http://wordworld.com/

A few more examples of this technique where the font is more subtle:

Fire -http://tutorialbeach.com/tutorials/images/fire_reflection_8.jpg

Smoke -http://photoshoproadmap.s3.amazonaws.com/texteffects2/20.jpg

While the technique discussed above is very appropriate for a more sublet creative environment, it may not be the best decision when trying to establish a certain visual hierarchy. Using typeface to help establish visual hierarchy is a will help in leading the viewer to see the key elements in the design. Considering the style, point size, position, and of course font of text can reinforce visual hierarchy.

See Examples:

http://lauriejerome.com/portfolio/img/sound_small.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAr9haodHvr9QQmtt3IDV3UMn-Scof5S674xfDGb-3SL0ZjDaMi7aO_EntouOqGY-UV73PJpde6qGF7KBmYCyB2oeuNbkYUCtk21Ri76FChEulPr9QL149pD0DULaHyo8RdyzA2rZs9HU/s1600/We3_As2_Fleming_2.jpg

http://www.thedieline.com/.a/6a00d8345250f069e2013481be3a94970c-800wi

Finally one key thing to consider is the tone that the typeface sets. The personality of a piece can be expressed through the choice of font. A designer may choose a specific typeface to show a specific time period or era. Notice how the font selected on this postcard reflect the 1940’s:

http://farm4.static.flickr.com/3173/2860586590_23a5c80e58_o.jpg
Even using an eroded or destroyed typeface that may be popular today will date the design to this current time period for future viewers. Many times a designer will attempt to use a more timeless looking font to not date the design. This is especially true when working on corporate branding. A doctor’s office would probably choose a clean timeless font over a trendy or playful font for their brochure. That is unless the doctor is a pediatrician and then a handwriting or even crayon looking font may be just the look a designer has in mind. Another basic example is how many times designers choose a script font to evoke romance or love. See Example:

http://www.romancemessages.com/graphics/heart1.gif

There are some many things for designers to consider when choosing a font. In the end it usually boils down to two things to consider, which are readability and legibility. Legibility deals more with being able to interpret individual letters or words. It involves how quickly and easily the viewer recognizes the characters and understands them. Readability deals more with large sections of text and how easy it is to quickly and efficiently gain understanding from them.

Sources:
AIO Lecture Week 1
http://www.minnpost.com/christinacapecchi/2008/01/09/534/typography_psychology_what_does_your_typeface_say_about_you
http://www.blurtit.com/q2884357.html

6/30/10

Free Web Video Player and Play List

I have been looking for months for a FREE video play list and play that quickly can be placed into web sites. I have to say this is actually a bit more difficult to find than I would have though.

However, I have found a great site that makes this very easy.

http://embedr.com


I was looking for a site that would take the embed codes from like a vimeo or youtube and allow you to create a playlist and then post a player and play list on your site. This site does exactly that. and even give a pretty clean look.



Click on this image to see the actual player.

6/28/10

Digital Illustration - Production

OBJECTIVE:
Prepare imagery for proofing and/or final out putting at a service bureau or other supplier.


While I worked as Art Director at bookmasters, Inc., it was my job to make sure all artwork was ready for print. In some cases it was digital and in others it was offset. Either way many of the books we produced were for Pearson. They contained many graphs and charts that I created in illustrator.


I also was contracted to make some corrections to some package designs.

Proofs and Adjustments for Print.
Description: Take existing design make changes to text. Create new heart icon. Adjust die cut mask. Apply to 8 designs.

I also have done some basic posters that have been printed

Poster Promotion Piece for ClickaCoupon.com
Description: Create a poster to promote the video department at clickacoupon.com. Poster needs to have the same look and feel as the existing posters. Poster needs to be created for offset printing.

A lot of the freelance work done for Jimmy D Robinson was printed through Disc Makers and using their templates in illustrator to meet their specs with bleed and folds

Illustrator Set for Production
Description: Set up files for DiskMakers Production. Photography is provided. Apply photography to disc layout template and use layer styles to add color to enhance image. Apply text.

Digital Illustration - Applied

OBJECTIVE:
Apply digital illustrations to design formats and page layouts.

I have used Illustrator exclusively for page design.

Illustration Poster
Description: Created for cyclestrippers.com. Uses many photo references. Applied live trace techniques, pen tool drawing, Layer styles. Gradient mesh. Text.

Illustraitor Magazine Page Design
Description: Created a fully vector layout with vector graphics.

Illustrator Design with Raster Graphics


Program with bleed & asymmetrical fold.
Description: Program created in Illustrator using placed photography. Gradient panels are created and use layer styles to enhance photography and create interesting graphic effects. Text is applied.

Magazine Ad
Description: Created placing 3 .jpg graphics into illustrator and applying appropriate designed type. Background color is set to show consistency throughout entire design.

Magazine Layout
Description. Created using a grid and applying 3 .jpg images. Pink panel applied to gun with layer style in illustrator. To create unity of feminine look throughout layout.

I even have a current client that sends me photos to enhance in illustrator with gradient panels and shapes and type for his dance music artwork.

Original Photo Left  ---  Enhanced Image Right

Enhanced by Illustrator.
Description: Client provided photography, which he requested, would be enhanced with shape, line text and gradient panels. Apply layer styles to create psychogenic and colorful graphics.

Digital Illustration - Conceptual Thinking

OBJECTIVE:
Develop conceptual thinking and translate ideas into digital illustrative form.

With Illustrator it is very easy to take creative thinking and translate it into expressive artwork and designs.

Description: Created a concept for “ The Art of Illusioneering” album for the band Beauty Strikes Back. Concept features lead singer holding a crystal ball, which illuminates his face and hand. The image is high contrast as the shadows fight the light from the crystal ball.

Description: Created a SWAG concept and created a mockup of product for promotional give away item. Created a visual mock up of SWAG item- tire pressure gauge from promotional item photograph. Created a Promotional item container – motorcycle tire – to contain the SWAG. Used photograph reference to created tire container.

Description: Create a SWAG item pin for the band Beauty Strikes Back. Pin should contain image of angry Cinderella type character stomping on the pumpkin to reflect the name of the band or “beauty striking back”.

Digital Illustration - Rendering

OBJECTIVE:
Explore and display the simplification of rendering techniques using vector-based applications.

Creating a sharp stylized looks is one of the greatest effects of illustrator. The simplified render can be very expressive and in some case subtle.
 Expressive Illustration

Description: The Gun Show: Created an expressive image for a single color illustration of muscles for silk screen tee shirt.


Description: CyberAnchor.net Created an expressive logo for hosting company cyber anchor using gradients and stylized illustration.

Subtle Effects Illustration

Description: Beauty Strikes Back: Created logo for band Beauty Strikes back creating a subtle effect of smoke, which gives an illusion of a
beautiful girl.

Description: Jellyfish: Created an illustration of jellyfish using layer styles and different.