week 08

July 20, 2009

Open Workshop: Finish designing & slicing web pages

In Class Critique of Web Pages

Discussion: Intellectual Property & The Creative Process

Terms & Definitions: Copyright.html & Creative Commons: http://creativecommons.org/about/

Creative Process: http://j-bel.net/sva/week10/CreativeProcess.pdf

Introduction to Page Layout and Adobe InDesign: Master Pages, Text Threading, Importing Graphics, Using InDesign to compose pages.

Magazine Layout Tutorial: http://www.layersmagazine.com/magazine-cover-design-in-indesign.html

Practice: see Week08WorkFiles

Open Workshop: Revisiting our Celebrity Composite Works from Week 04, you are now going to create a magazine cover (or inner spread that could be a profile piece) that incorporates your composite into a page layout – one that includes a masthead or header, tagline and body text.

FINAL PRESENTATIONS & CRIT

Advertisements

week 07

July 13, 2009

Open Workshop: Finish logo designs in Illustrator

Presentation: History of the WWW & brief Intro Terms: Site Maps, HTML, and CSS

http://j-bel.net/sva/week08/WebsiteTerms.html

http://j-bel.net/sva/week08/TheInternetAndWWW.html

Photoshop Automation & Web Presentations: Web Page Layout, Slicing, Linking,

Saving for Web: jpgs, gifs & png. Creating Web Ready Work.
http://help.adobe.com/en_US/Photoshop/11.0/WS9E2C7F1A-87C0-4dae-9C0C-0C2B3C566F84.html

http://help.adobe.com/en_US/Photoshop/11.0/WSB3484C68-ECD2-4fa4-B7CC-447A5FE86680.html

http://help.adobe.com/en_US/Photoshop/11.0/WS8FA9408E-A3B8-4338-9AAE-4520CF3511FB.html

Practice: see Week07WorkFiles

Open Workshop: creating a web page from homework assignment. Slicing. Saving for web and devices. Creating links. Previewing in a browser.

Homework wk07:

Finish web pages if not finished in class (and you have the appropriate software to work with).

Technique for Next Assignment – Read: Magazine Layout Tutorial: http://www.layersmagazine.com/magazine-cover-design-in-indesign.html (The assignment will be to revisit our Celebrity Composite Works from Week 04, you are now going to create a magazine cover (or inner spread that could be a profile piece) that incorporates your composite into a page layout – one that includes a masthead or header, tagline and body text. Over this week look at magazines and your favorite publications for inspiration.

Read:‘Farewell Information, It’s Media Age’ Saffo.pdf:  http://j-bel.net/sva/week06/Saffo.pdf & Interview with Joshua Davis: http://www.designmuseum.org/design/joshua-davis & http://www.fairspot.com/interview-with-hillman-curtis/ Before class next week, in 50 words or less, comment on these readings on our class blog in Week Seven.


week 06

July 6, 2009

Vector Graphics & Illustrator Intermediate:

Additonal Tools, Graphic Styles, Symbols, Clipping Paths, Review of Live Trace, Live Paint

Practice: see Week05WorkFiles

Typography:

http://www.j-bel.net/sva/week09/Typography.html

http://typies.blogspot.com/2006/11/15-tips-to-choose-good-text-type.html

http://www.adobe.com/type/opentype/index.html

http://justcreativedesign.com/2008/09/23/top-7-fonts-used-by-professionals-in-graphic-design-2

Class Discussion of Student Logo Choices (the good and the bad)

Open Workshop: Based on your homework logo sketches, work with Shapes and Type in Illustrator to create a digital version of your logo design. Some examples: http://www.j-bel.net/sva/week08/logoExamples

Homework wk06:

Read: Typography links

http://www.j-bel.net/sva/week09/Typography.html

http://typies.blogspot.com/2006/11/15-tips-to-choose-good-text-type.html

http://www.adobe.com/type/opentype/index.html

http://justcreativedesign.com/2008/09/23/top-7-fonts-used-by-professionals-in-graphic-design-2

A. Write a bio of your life thus far: (in Word or Text Edit)

* Name and Address | Education | Experience | Skills | Hobbies | Family, etc.

* Choose 5-6 images from the web that you think describe who you are, shape your interests. If you have your own images posted on facebook, myspace, youtube, or anywhere else you may also use those. You will build a home page around these images.

* Create a wireframe (mock-up) web page layout for yourself based on the information and images you have gathered, (this can be done with pencil and paper or using Photoshop or Illustrator). Think about your “identity”: graphics, images, a color palette that relates to who you are, what you’re about, how you would like to present yourself in a web community.

Some artist and designer portfolio sites for inspiration: http://www.j-bel.net/sva/week08/artistWebsites.html


week 05

June 29, 2009

Open Work Session: Celebrity Interaction Project

In Class Critique of Celebrity Interaction Project

Vector Graphics & Illustrator Basics:

Getting to know the work area.

Using tools and palettes.

Drawing shapes.

Creating a vector illustration with Illustrator.

Turning a hand-drawn image or photo into a vector graphic using the pen tool.

Practice: see Week05WorkFiles

Open Workshop: Choose one of the photographic images related to your Concept Collage from Week 02, and using Illustrator draw a representation of that image. You are in effect creating a simple line/shape version of the image. Work on 3 versions of your concept word based on material we have covered in class.

Homework wk05:

A. Personal Logo Design: Makes analog sketches of the initials of your first and last name. You can work with concepts like mirroring, repetition, distortion, & shape overlapping to create some kind of iconic representation of yourself.

Good Logo Design Tips:

  1. It’s describable
  2. It’s memorable (The simpler your logo is, the easier it is to remember and so it leaves a stronger impression on people)
  3. It’s effective without colour
  4. It’s scalable (i.e. works when just an inch in size)
  5. It’s appropriate (The viewers must have some idea about the disposition, character, or fundamental values of your company through your logo)

B. Choose two examples: one of a logo and logotype that you think is successful at conveying the concept & identity of the product or service it represents & two a logo and logotype that you think is unsuccessful or ill-conceived. Before class next week, in 50 words or less, explain and critique your choices on our class blog in Week Five. Please email me (before class next week) your two logo samples so that I can post to the blog.

Some Inspiration:

http://miltonglaser.com/

http://www.davidcarsondesign.com/

LOGO LIKES & DISLIKES:

Mary Margaret
image001

image002

Yuko – http://www.pentagram.com/en/new/2009/02/new-work-the-museum-of-modern.php
…[this was] “helpful in explaining the relationship of logos to institutional branding / identity, and its versatility across different media, as well as showing how it [MoMA] was revamped and reworked in its graphic design projects.”

hello-kitty-color

progresso

Sumita

image004

image006

Emilie

NIKE_Swoosh

The-Weather-Channel-logo

Alexandra
corhan_logo_1

TROPICANA PRODUCTS ORANGE JUICE CARTON

Jamie
TargetLogo

xerox_logo

Scout

jc
q7J

Lawrence

apple-logo1

warhol-andy-campbells-soup-i-tomato-1968-2805709

Larry
tivo-logo

wtf-logo

Rachel

FedEx Logo

ups

Laura

kate spade

kate's paperie logo

Karina

432px-Target_logo

Picture 2

Carol

syfy_01_01

woolmark-logo


week 04

June 22, 2009

Open Work Session – Finish Concept Word Project, versions 1 & 2

Concept Word Critiques

Review of Material Covered in Week 03

Photoshop Intermediate: Blending modes. Gamma and Color adjustments with adjustment layers, Retouching (see Week 03 Work files)

Open Workshop: Begin working on your Celebrity Composite Project – *Doc dimensions: 8 x 6 inches, 2400 x 1800 pixels, 300 ppi

Work on two versions: your first version will be your draft. The final version (due next week) should be realistic and look as if you are really interacting with the celebrity. Save these assignments as (lastName)_CelebCompos_v1.psd and …._v2.psd (ex. Smith_CelebCompos_v1.psd & Smith_CelebCompos_v2.psd)

Homework wk04: Read “The Politics of the Retouched Headshot” http://www.theatlantic.com/doc/200810u/photo-retouching, “Designers of 2015 Trends” http://www.aiga.org/content.cfm/designer-of-2015-trends and “Vector Graphics” http://en.wikipedia.org/wiki/Vector_graphics . Before class next week, in 50 words or less, comment on this reading on our class blog in Week Four.

**AND apologies for the incorrect link last week to the reading. The correct link to the wikipedia entry is: http://en.wikipedia.org/wiki/The_Work_of_Art_in_the_Age_of_Mechanical_Reproduction


week 03

June 15, 2009

Photoshop Tool Panel and Workspace Cheat Sheets:
Click on image to view enlargement
toolPanel

workSpace
Lecture: The Work of Art in the Age of Digital Reproduction/The Culture of the Copy:
See: http://j-bel.net/sva/week03/terms_OrigCopy.html

Review of Last Weeks’ Material: Image size, File size, Compression, Layer Masks
Finish Week02WorkFiles

Open Workshop: Finish your Concept Word Collages, iterations 1 and 2.

Photoshop Intermediate: Blending Modes, Masking, Manipulating and Recreating imagery in Photoshop. Gamma and Color adjustments with adjustment layers, Retouching
About Blending Modes:http://j-bel.net/sva/week03/Week03Notes/wk3Notes.html

Practice: see Week03WorkFiles

Homework wk03:

A. Collect a number of pictures (from magazines [to be scanned], the internet [please search the extra large image category], stock photos, or posters) of celebrities in different poses, the more we can see of the person and the higher the resolution of the image the better. Your “celebrity” can be an artist, actor, writer, politician, game designer, athlete, etc…

B.Take a photo of yourself (new for this project) in an activity (such as playing cards, basketball or running) and if you have access to a computer this week “Photoshop in” the celebrity. This first version will be a draft. Next week in class we will have an open workshop to work on these. The final version should be realistic and look as if you are really interacting with the celebrity.

Readings: “Computer Art” http://en.wikipedia.org/wiki/Computer_art and “The Work of Art in the Age of Mechanical Reproduction” (Wiki Description is all that is required however there is a link to the actual essay if you would like to read!) http://en.wikipedia.org/wiki/The_Work_of_Art_in_the_Age_of_Mechanical_Reproduction

Before class (next meeting date), in 50 words or less, comment on these readings on our class blog in Week Three.

Celebrity Composite Student Examples:
mccahill_celebcompos1

ex01

ex03

Cheech-And-Chong2


Week 02

June 8, 2009

Student Presentations of Earlier Work

Review of Last Weeks’ Material

***PLEASE NOTE*** THIS IS NOW HOMEWORK FOR WEEK 02 >>>Resolution http://j-bel.net/sva/week03/Resolution.html

Photoshop Basics Cont’d: Making Selections, Transforming, Masking, Adjustment Layers

Practice: see Week02WorkFiles

Open Workshop: Iteration 02: Using the images that relate to your CONCEPT word, downloaded last week or brought in for this week, begin to work with more complex selections and layout of your images in a 4 x 5 in, 300 dpi, 5.15 MB document (using overlapping, transparency, alternative shapes to the images, etc)…

Homework wk02:
Read Resolution http://j-bel.net/sva/week03/Resolution.html
Read “The beauty of a form, although highly subjective, is an important consideration in the creation or evaluation of form. …Visually pleasing form (and perhaps ugly form) can enlighten and engage us in its message. …But aesthetics is only one among many considerations in creating expressive and informative form. The adage “form follows function” suggests that a form’s visual appearance should serve primarily to transmit information. (However this is often debated). The interplay between form and function can best be decided in the context of individual problems and their context.” …. “No formula exists to ensure that design fulfills the three primary functions (inform, enlighten, and persuade) yet is also visually pleasing, useful, and meaningful. …Designers are more than makers, observers, or controllers of information and ideas. At their best, designers are participants in the creation, critique and dissemination of culture.” (from Introduction to Two-Dimensional Design: Understanding Form and Function by John Bowers)

  • Based on the words above, find an advertisement this week that you feel is successful in terms of its form and function (this can be from a magazine, a photograph of a billboard in the city/on the subway, a screen grab from a film trailer on DVD playing on your computer, a downloaded jpg from the web, and/or a photograph of your TV screen during a commercial).
  • In 250-500 words explain why you find it compelling, and how it works as a successful design example for you.
  • Bring in your image and text next week to class.

For thought: http://www.yourpointofview.com/page03.html

Thoughts on the strength or simplicity of this campaign?

Version 2 Concept Word Examples:

StudentEx08

StudentEx07

Metamorphosis