3/31/13

In class Mon April 1st

Visual Art in Public Spaces

Banksey

Shepard Fairey

Commercialism vs Advertising

You should have a digital file of your unusual for sale poster "mostly" ready for review. The class will have 1 hour to work before handing the file in.

1st review of project 4

taking a look at Project 5

3/19/13

In class Wed Mar 20th

Critique Project 3 pt2

-tell me your ideas for project 4

Work on Project 4

3/18/13

In class Mon Mar 18th

The creation of reality:

Question, Who was the first president of the United States?

Awesome "text" based public art piece.

More on Copyright ©

How does it work for you?
- Immediate protection of "content" you create for up to 75 years after your death.

Is it easy to protect your copyrighted work?
- NO, Why?

What can you do.
- Time stamp it up online. Blogs work well.
- Register your crated works with the copyright office online.
- Get a copyright lawyer to take care of your content.

Critique Project 3

Work on Project 4

3/12/13

In class wed Mar 13

Roy Orbison vs 2 Live Crew

Creative Commons ©©

Where can I get legal content to use thats Free!
ccMixter
Archive.org

Fair Use
US Gov
Wiki

Lets Talk Paper

The thickness of paper is talked about in terms of "weight." This is figured out comes by calculating the weight of a stack of 500 sheets of some type of paper.

Common Paper weights

Paper Weights and Paper Types
Paper comes in many types & surfaces:
- Matt
- Glossy
- Water Color (hot press & cold press)
- Photo
- Colored

Check out what iprintfromhome.com has to offer

Project 4 assigned

Work on Project 3

3/10/13

In class Mon Mar 11th

Class will start at 2pm today!

What is Propaganda?

Propaganda Print from WWII

.

................................

................................

So how do you think this fits into the concept of Propaganda?

Pet Cat Lost!

Lets talk Color

- What do colors mean?

- How do colors work in the computer?

- RGB vs CMYK

- Colorsync

--- Assigning a colorsync profile

Color in Photoshop

* the Histogram

- Levels

- Adjustment Layers

- Colorsync

Joining the Flickr Group

Work on Project

Project 3 Due Monday March 18th

3/5/13

In class Wed Mar 6th

Barbara Kruger: Crossing the line between Design and Art

Pattern examples from past classes

Steps in the Graphic Design Process:

Analyze the audience.
Determine the purpose of your message.
Decide where and how your message will appear (whether it will be a printed publication, presentation, or web site).
Establish goals.
Organize text and graphics.
Choose an appropriate format and layout.
Select appropriate typefaces, type sizes, type styles, and spacing.
Add and manipulate graphics.
Organize text and graphics.
Proofread
Refine and fine-tune.

Layout in Photoshop

- Preferences

- Guides, Rulers & Grids

- Unprintable boarder

- templates

- single page, multipage, 3d (box)

Critique Project 2

Project 3 Due Mon March 18th

3/3/13

In class Mon Mar 4th

Project 2 Due At the beginning of class.

Project 3 Assigned

Patterns

William Morris 1834 -1896, English Textile Designer

William Morris wallpaper

Colourlovers.com

Photoshop basics

- Opening a File

* DPI

- Image size - used to change the amount of pixels in the image

- Canvas size - used to add extra pixels to the image

- Save:

* File Types

--- Photoshop .PSD file is your working file (keep this forever)

--- JPEG file is a 'Flattened' and Compressed file

Printing dpi resolutions

180 dpi - for images with no text only. lowest possible printing resolution.

240 dpi - good for images and fonts 11 points or bigger

300 dpi - great for images and fonts 8 points or bigger

360 dpi - great for images and fonts 6 points or bigger

400-600 dpi - super hi-resolution as good as an image can look

How to make a Pattern in Photoshop

1. Find an image

2. crop as you wish

3. Double the hight of the canvas. Center your image at the bottom of the canvas.

4. Cut and Paste your image onto a new layer

5. Edit-->Transform-->Rotate-->Flip on the horizontal your new layer

6. Move your new layer to the top of the image

7. Flatten the Image

Ding!! Your Pattern is done.

* try doubling the size of the width and repeating the process to extend your pattern.

Try to make some patterns in class.

*You need to create 12 hi-rez patterns for the assignment!

2/26/13

In class Wed Feb 27th

If design is about solving problems, then how do we know if something is broken?

Ideology of 'Broken' [video]

Finish Crit of Project 1

Work on Project 2

2/24/13

In class Mon Feb 25th

Advanced Design Concepts

Scott McCloud - Understanding Comics

* get one on Amazon

Reality - Language - the Picture Plane (design elements)

Flickr

the Home PAge

- uploading to Flickr

-- jpegs only! resize your images for 1600 pixels on the longest side (free account)

Your Photostream

Viewing an image

Owner Settings

- This is where you set the rules for how your image can be used by the public

- ©© Creative commons Licenses offer more possibilities

2/19/13

In class wed Feb 20th

Advanced concepts of design

- Things to consider when creating, manipulating or viewing an image/design:

Aesthetic Quality – how beautiful or sublime an image’s elements and composition are

Composition – the flow and readability of an image

Image Content – the individual visual elements that make up the image

Image Context – an images context is understood by looking at the visual elements that make up the images content and considering the Historical and Cultural understanding those elements represent in the society and across generations.

Context of technology in comparison to the photographic and print media's image's qualities

The first photographs created were shot on glass plates with a slow film speed that produced Black and White images. As time progressed so did the technology to capture images. This has led to a link between image technology and time in our visual cultural understanding. In photo theory photography is linked with the ideas of memory and time, the capturing of a moment to retain a visual perspective of time. This happens not only from the capturing of the image on film but also through the use of aesthetic related to each generation of technology.

An example: A Black & White or Sepia toned Photograph

(cultural generation 18-35)

- images from the inexperienced past, lived life with color images, images of Grand and Great Grandparents

(cultural generation 36-55)

-images from the remembered past, saw the transition of the snap shot from BxW to Color, images of Grand parents and parent’s childhood photos

(cultural generation 56-90)

-Images from the experienced past, remembers photographs as special objects, images of immediate family and friends from the past, most dead

Scanners

- access the scanners software in Photoshop under "import" or through the scanners software

- make sure your in professional mode

- resolution (dpi) changes the speed at which the scanner will scan

- look at the other scanner options

- try doing everthing you were told not to do with a scanner (like move stuff while scanning)

- all scanners have a distance above the glass which is in focus and then drops off quickly

How To Scan

1 - set up the scanner options

2 - select an area to scan

3 - hit preview

4 - hit scan

5 - save the scan as a PSD

Resolution (DPI)

180 dpi - for images with no text only. lowest possible printing resolution.

240 dpi - good for images and fonts 11 points or bigger

300 dpi - great for images and fonts 8 points or bigger

360 dpi - great for images and fonts 6 points or bigger

400-600 dpi - super hi-resolution as good as an image can look

Project 1 Due

Export your images at 300dpi as JPGS.

Hand in your 5 images on your USB thumbdrive, labeled correctly.

Project 1 Crit

Project 2 Assigned Scanner Glitch - Due feb 27th

Goto Artist Talk #1 for Painting Position (Jason Seeley)

2/17/13

In class mon Feb 18

David Carson

so who is Neville Brody?

TYPE

A graphic character created out of metal traditionally used in various printing process.

* Designing with Type is called Typography

* Different styles of type are called typrfaces, on the computer they are called fonts.

* Font size is measured in points

Fonts come in different flavors

- Serif & San-Serif Typefaces

- Bold & Italic

Poster

extremely large sizes, usually larger than 72 point

Display

large sizes, typically 19–72 point

Subhead

large text, typically about 14–18 point

(Regular)

usually left unnamed, typically about 10–13 point

Small Text (SmText)

typically about 8–10 point

Caption

very small, typically about 6–8 point

Text in Flash

~ Text in Flash is Vector so it is scaleable and can be manipulated.

* Text Tool
- Modify --> Break Apart (do it twice if you need to)

*Images
- Import
--- JPG, for Photo Quality and small file size(use 'Save for Web' in Photoshop)
--- GIF, to keep the edge and color of solid graphics (use 'Save for Web' in Photoshop)
--- PNG-24, Photo Quality & Transparency (use 'Save for Web' in Photoshop)

* it goes into the 'Library' look for it under Windows --> Library
- Trace Bitmap
- Optimize

work on project

Project 1

ART216 Spring 2013

Type Space Design

description:

Letters are are symbols. Designers call letters 'type'. Type comes in a vast aray of 'fonts'. How do we design using type?

- Create a design using your asigned letter only once on the page. You can use any colors or fonts you want.

- Create a design using your assigned letter, using only one color, but as many multiples of your letter in any sizes you want.

- Create 3 designs using any letters, colors, or sizes of font(s) you want.

whats due:

- your final images need to be uploaded to your Flickr account and sent to the Art216 group.

- your final images saved as high quality jpegs named first name - last name - and the number. ie Joe-vonstengel-1.jpg

Guidelines .

Think about the Basic Prinicipals of Design. Consider how the; alignment, repetition, contrast, proximity and balance are created by the Design Elements of you letter(s)

What should you do?

- To successfully complete this assignment you should create at least 10 versions of each of the first 2 images assigned and a fewof each of the last 3. At this point creating more, faster, is better then sitting and contemplating on a single image.

Due: at the beginning of class Wed Feb 20th

2/12/13

In class Wed Feb 13th

Basics concepts of design

Design is the balance between Content and Aesthetic created through the merger of Symbols, Images and Language.

Symbols represent ideas and concepts.

Images represent Reality or Anti-Reality.

Language is written as text. Text is made up of letters. Letters are symbols.

Designing for a 2 dimensional plane

Looking for a focal point!

- Rule of Thirds

- Golden Ratio

-Sacred Geometry

the Flower of Life

The Platonic-Solids

- Design Elements

line

shape

color

texture

value - how dark or light an element is

space - positive & negative

- Basic Principles of Design

alignment

repetition

contrast

proximity

balance

Flash - drawing basics
Whats Where?
- Tools

- Stage

- Timeline
-- layers
-- locking layers
-- keyframes

- Properties

Changing paper size and proportion
--> Modify --> Document

Zooming in and out

Using the Tools
- Basic Shape tools
- Selection Tools
- Text Tool

--> File --> Save As

* Project 1 Type Space Design - Due Feb 20th

2/7/13

In class mon Feb 11th

Hello and Welcome to the Digital Art & Design 2, Digital Print Media. You are currently looking at the blog for the class. This blog will contain all the information you need for this class including up-to-date information on what will be happening in class, project specifics, examples and the syllabus..

take a moment to click around and check things out.

* You will need a 4 GB thumbdrive.

-- What is Print Based Media --

Print based media

- Illustration

- Graphic Design

- Image creation/Manipulation (remix, reprocessing, mashup)

Areas of study

- Graphic Design to sell an Idea or Object

- Art that uses the elements of Graphic Design as the Art medium

- Print Media in Public Spaces

So what is the difference between Art & Design?

Here is our first example of digital print media as subversive street art.

Here is Paul Rand the God Father of modern design.

Lets Play with Flash!

12/12/10

Portfolio Reviews Monday & Tuesday

Portfolio Reviews this week on Monday and Tuesday!

Be there on time with your portfolio printed and ready to present.

12/8/10

In class wed Dec 8th

Have your 2 Stencils cut and ready for class!

Get Ready to Paint!

12/5/10

In Class Mon Dec 6th

Crit Pattern Project. Have JPGS ready to hand in on your thumbdrive!

Cutting Stencils!

Do you have questions about making your portfolio?

Did you sign up for a time slot to crit your portfolio? (sign up sheet is on my office door in the lobby)

11/30/10

In Class Wed Dec 1st

Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY! Class Canceled TODAY!

Crit of Project 6 next monday!

Create and print your 2 stencils for next monday Dec 6th (print a couple extras of each)

We will cut them out on Monday after the crit

11/28/10

In class Mon Nov 28th

Project 6 Due Today!
*You need your 12 hi-rez patterns saved as both a JPG and a PSD

Project 7

Create and cut out 2 useable Stencils.

Due Wed Dec 8th

Street Art in South Africa

11/21/10

In class mon Nov 22nd

Project 5 is Due today!

You need:
- Your box ready
- 3 Product shots printed and as Jpegs
- Jpeg of your final layout