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!