Online Design and Technology

Chris Willard

1

Resources

Template how to example
blank templates jpg you can take these into photoshop and paste-into, manipulate for your roughs
here is what it might look like as you get started
if you want the psd file here it is

More great templates from a link posted in the online lecture Plus keystoneprint.com/

MORE great templates! www.cravedog.com

An example of a finished CD and traycard from John Rumler - note the use of the grid, the size of the post, the coordinated design.

Required CD elements

Client Description

Note and example

Student CD Templates

these have CD, Tray card, Booklet and sleeve

Jonathan Huls
Kimberly King
Robin Richardson

2

Prelim thumbs

For labels use small text, perhaps grey or charcoal - and make them available but unobtrusive -Sometimes the labels stand out more than the work - but its like a car dashboard - you want to look down at the speedometer - but you dont need it right there on the windshield - Its a common issue - a detail - but oh-so-important

Adam Buttacavoli
Robin Richardson
Jonathan Huls
Steven Rogers (missing sleeve)
Vinicius Macri

Brainstorming with student thumbs

Choose one thumbnail from five students in the class. Using the Idea Index pp. 90-145 for reference, draw a new variation for each thumbnail you have selected. Please explain why you made the changes that you did in each case.

Heidi Friesen*
Jennie Posthumus
Chris Williard (no descriptions posted here, excellent presentation and layout) final thumbs

heidi friesen*
ChrisSzczesniak*
Lauren Nero  
Christopher Williard
Adam Buttacavoli
Jonathan Huls

Eric Norcross A student (web design, not des tech) screen shot showing work along with "client, status, description"

Ideas 

martin.larouche.com 
design-agency.com

use a grid NOTE

3

3 different Typographic Treatments

that would be appropriate for your CD project. List the name of each effect/treatment, its page number, and provide an explanation of why it would be appropriate. Please refer back to your client profile in your explanation

Michael Deleon
Stephen Rogers
Vinicius Macri*
Heidi Friesen*
Adam Buttacavoli
Robin Richardson

Latest version of layout

Lauren Nero
Szczesniak, Christopher
Adrian Bicomong
Adam Buttacavoli 
Jonathan Huls 
Adrien Pritchard
Robin Richardson

4

DQs

Fine art and commercial art note

Student Work tech specs and design firm analysis

Week 4 tips - logos, comp...

 

Tech Specs

CD manufacturing and packaging smltd.net
Candisc.com resource for tech specs, templates, fonts for commonly used logos The ones you see here were created by donwloading and installing the font
http://www.cinram.com/
doradopress.com
paper types for printing printingforless.com
calculating resolution from printingforless.com

Tip: I wouldnt advise mixing millimeters and inches, feet and meters, gallons and liters... Stick with one unit of measurement for consistency.

5

Chris Williard

"Attached is the latest version of my CD. I really didn't need to change much. Fortunately, I performed color and contrast adjustments to each individual image before exporting from Photoshop to Illustrator. I did, however, slightly increase the brightness and contrast of the entire design. These adjustments definitely made the white text more legible. I did add a few more lines of copy, including the band's website information. The CD label image was extended to the innermost ring. I also applied an outer glow to the band name, album title, and track listing. When I converted the document to CMKY the outer glow I applied was severely diminished. The yellow coloration was barely perceptible. All of the colors were less vivid and appeared faded. This was especially noticeable in the band photo."

Adam Buttacavoli
Jonathan Huls  
Kimberly King
Josh Harrel
Janet Swistock

6

Final

Josh Harrell
Adam Buttacavoli
Jonathan Huls
Adrien Pritchard
Christopher Williard
Robin Richardson
Brady Wilks
Heidi Friesen "Heidi's Final Project. Attatched is the final version of the packaging I created for Listening Library, a division of Random House Publishers. It is the CD packaging for the upcoming Peter Pan unabridged audio book. Components include a 6-page booklet, double sided traycard, CD labels (for 2 discs) and an alternate cardboard jacket (in the event that a jewel case is not used). The design style gives the product a vintage, 1910-1920s feel that suits the era of the story. It features illustrations by Mabel Lucie Atwell from the 1921 publishing of the book. The fonts (Porcelain and FootlightMT) were chosen to complement the nostaligic-yet-current theme. The design elements are fun, innocent and friendly in order to appeal to children, yet there is a sophistication and modern twist in the nostalgia that would appeal to adults as well. The design has a unique look that would catch the consumer's eye and yet it also has a similar format to other popular Listening Library products."

Scott Hall
Darin Houston"Recently our company was approached by Rob Zombie and Geffen Records to design Mr. Zombies new CD, American Witch. They wanted a design that departed from the chaotic, warped CD designs of his past CD's, yet still represent the Rob Zombie persona appropriately. Our team immersed themselves in everything Zombie to get a feel for who and what Rob Zombie is. We came up with a list of words to decribe the Rob Zombie character, his music and what he is about visualy... dark, chaotic, evil, sexy, morbid and campy. A simpler, more stripped down design was decided upon using those words as a guide. We used a red, white, blue and black color scheme to set the tone and represent the "American" flag and "witches" and incorporated images of witches to compliment the colors and the title of the CD. We feel we were successful in accomplishing our task and are happy with the results. We look forward to hopefully work with Mr. Zombie and Geffen Records again in the future."

Lauren Nero

Resources

links

creativepro.com How to print a tray card
sofotex.com BARCODE FONT
http://www.design-agency.com a bunch of designer works - get ideas on presentation
reebok use of grid, description for presentation of ideas
some sample CD designs from students in portfolio
http://www.cdmarksman.com/ more on cds
http://www.teachingarts.org/ dimensions for cd art
1,4,6,8 page plus jacket options
CD templates at cafepress.com
Candisc.com the best resource for tech specs, templates, fonts for commonly used logos The ones you see here were created by donwloading and installing the font
smltd.net CD manufacturing and packagingbarcode font
What is a screenshot?

more links

the following links will help you see what is going on in the design world -
the best one is http://designmeltdown.com/
this breaks the designs down into categories and is very educational and insightful
these below just have things to look at - I want you to be looking at layout, typography, color usage, and styles.
http://www.thefwa.com/
http://www.dailyslurp.com/
Even tho the above sites are webpages - they still apply to print - just ignore any animation...
This site gives you contemporary and historical refs -
http://www.designboom.com

good question

How do designers feel about Open Type? Ifunderstand correctly, it's an alternative to havingboth TT and PS versions of fonts. Is this correct?was reading the article linked in the lecture notes,"Thirteen Telltale Signs," by Robin Williams. When Inoticed the year of publication (1995), I had tolaugh at her comments about using Helveticabecause it was so "'70's," considering only a fewyears later the 70's would be back in style. Arethere any recent professional practices notmentioned here we should know about?

ANSWER: Open type is fine - check out this link at adobe.com/opentype/

And the answer to number 2 is YES!
go to http://www.jeffprentice.net/links.html and click on fonts to go to sites that have free downloads on good timeless fonts like meta...not cliche display fonts and fonts like papyrus...also go to designboom.com to see latest devs

I noticed that grunge is out in skatemags and surf mags - super clean is in with perhaps grunge or eccentric logo and included content

here is a great article from a great site fontshop.com/fontfeed

Design terms/Digital vocabulary

format
dimensions
composition
structure
illusion
simulation
direction
orientation
proximity
location
radial balance
rotation, mirroring
allover pattern
continuous pattern
density
resolution
perspective
field of view (3D graphics)
point of view
camera placement (3D graphics)
palette
color resolution
color scheme

Design terms/Digital vocabulary

characteristics, properties, character, regularity or irregularity, diagonal, slope, on an angle, skewed, broken, angular, dashed or dotted, hatched, zigzag, broken, jagged edges, jaggies, steps, staircase effect, pixilated, block-pixed, soft edge, blurred, dithered, feathered, hard edge, bounding sides, decorative, planar, turned, rotated, distorted, irregular, concrete, visibl, symmetrical, duplicated and flipped, simple, regular, busy, noisy, repeated, duplicated, copied, swept, iterated, arrayed, instanced, negative, reverse, opaque, solid, matte, flat, glossy, shiny, reflective, illuminated, weight, intensity, thickness, bold, thick, delicate, thin, local or objective color, selected color, shade, lightness or darkness, intense, intensity, saturated, saturation, overlapping, co-planar

More Vocabulary

* Motif.
* Rhythm.
* Calligraphic.
* Variety.
* Emphasis, focal point, weight, center of interest.
* Dominant.
* Subordinate.
* Monochromatic color scheme.
* Analogous color scheme.
* Complementary color scheme.
* Triadic color scheme.
* Shallow space.
* Dynamic.
* Passive.
* Intuitive.
* Expressive.
* Color "temperature".
* Advancing or receding color.
* Ambiguous.
* Organic/biomorphic.
* Color field.
* Passage.
* Balance.
* Unity.