Ad layout examples

Hello, everyone and welcome to Advertising Design 105! Your first assignment is one I had when I was a student here - we called them ad cards. We had to find examples of the concepts I have listed in your assignment sheet and draw three of each. I am posting for your reference some vintage and current examples from around the web for you to study so you can come up with your own. As you study them, you will no doubt see that some ads can apply to more than one concept.

Unity

Rhythm

Symmetrical and asymmetrical balance

Designing on an axis

Eye motion and direction

Story building

Space division

Typographic

Cartoonized!

http://cartoonized.net/tutorial-turning-photograph-into-cartoon-part1.php

Here's a cool tutorial that will show you how to turn a photograph into a cartoon-like picture. I used it on my Facebook profile photo.

Designing with type solutions

For your reference, I've scanned a couple pages from the book "Visual Literacy," by Judith and Richard Wilde. These examples show what the students at the School of Visual Arts came up with as solutions to the problems of scale, negative/positive, patterns and so on, using only type.

Look at these examples for reference and to study, but don't imitate them.

Projects from The Cooper Union

These projects were compiled by James Craig, author of "Designing With Type" and his class at the Cooper Union in New York City. Very interesting stuff - take a look.

http://designingwithtype.com/cooperunion.html

P.S. It's also in the list to the left.

Still more typographic posters

I'm seeing a trend here.

http://blog.largeformatposters.com/smart-design/30-fresh-typography-poster-design-examples/

More typographic posters

http://webitect.net/design/60-amazing-examples-of-typography-posters/

Breathtaking typographic posters

Some inspiration for you from Smashing Magazine

http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/

Free textures and other goodies

Here's an interesting site if you're looking for textures for backgrounds for your projects. Oh, and it's free.

http://www.bittbox.com/freebies/24-free-high-res-textures

Vintage Album Covers!

 A very sweet collection of vintage album covers can be found at this link. These examples are proof of using very simple elements to create compelling designs. Check it out!

http://www.projectthirtythree.com/

Origami Tessellations and Corrugations

Two links to two of Flickr's most amazing groups. Forget everything you think you know about origami and look at these examples.

http://www.flickr.com/groups/origamitessellations/

http://www.flickr.com/groups/corrugation/

Pittsburgh needs a logo!

This is too cool! Check out all the fantastic artwork on this site and see if you can design something yourself.

http://www.citid.net/

P. S. There is more than one logo for some cities.

Make your own color combos!

 http://kuler.adobe.com

This is a link to Adobe's online color picker utility. You can design your own custom color palette as well as exploring the ones that have been uploaded. If you register (it's free), you can save the color combos you have created for future use.

Stock photo sites

Here are a couple in case you need a generic photo for your designs. They are royalty-free, which is a bonus. In addition to these, you might consider starting your own stock photo file of textures, backgrounds, architecture, people (ask for volunteers) and so on, and store them on your computer or an external drive.

The Stock XChng - http://www.sxc.hu/
The Morgue File - http://www.morguefile.com

One person's logo design tutorial

http://www.webdesignerwall.com/tutorials/dache-logo-design-process/

Some examples of symmetrical and asymmetrical design

Here's a nice, concise definition of asymmetrical design with examples: http://desktoppub.about.com/od/designprinciples/l/aa_balance2.htm

Here's an actual school project about asymmetrical design with several examples: http://daphne.palomar.edu/design/asymm.html

There are some pretty neat symmetrical and asymmetrical design examples at this link. I agree with the author that while symmetrical designs are easier, asymmetrical designs can be far more interesting.

http://www.allgraphicdesign.com/graphicsblog/2008/03/symmetrical-vs-asymmetrical-design-that-is-the-question/

Also check out http://www.artlandia.com/ where there are loads of examples, books for further reading, and links. Although this site is a specialized program for pattern designers, you can look through the examples they post using their design program. Both symmetrical and asymmetrical patterns are represented. There's an interesting segment on camouflage patterns also.

Vintage Expo '70 posters and tickets

 There's some really nice stuff here - classic 70s photography with the always-necessary addition of Helvetica. Enjoy!

http://blog.iso50.com/2010/05/12/expo70-paraphanelia/

Vintage Posters

http://vintageposterblog.com/

There's lots of cool posters to study at this link. Enjoy!

Illustrator's Shape and Pathfinder tools

These tools are a bit perplexing, but if you have some time to experiment, you will see what they can do and what they can do for you in whatever you design.

Below you'll find two cheat sheets I put together to illustrate each component of both the shape tool and the pathfinder tool.

First, the shape tool:

Now, the pathfinder tool

Some calendar samples

At this link, you will find a terrific selection of 2010 calendars from the Grain Edit blog. You can look at them to get inspiration for your own calendar project or just admire them.

I urge you to check Grain Edit often, as it almost always has great graphic design - both recent and past - on it.

http://grainedit.com/2010/01/13/the-future-is-today-2010-calendars/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+GrainEdit+%28Grain+Edit%29&utm_content=Google+Feedfetcher