2/28/18

In class Thur Mar 1st

Show me what you found on your blog! Lets talk about Design.



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 

Rework Project 4











2/26/18

In class Tue Feb 27th

The creation of reality:

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



Awesome "text" based public art piece



© Copyright

U2 vs Negative Land














Roy Orbison vs 2 Live Crew
















Creative Commons ©©



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.




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





Work on Project 4

2/21/18

In class Thur Feb 22nd

Project 2 & 3 Due 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




Work on Project 


Project 3 Due Monday Feb 27th

2/19/18

In class tue Feb 20th

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)




Patterns

William Morris 1834 -1896,  English Textile Designer








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





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!

Proj 2 & 3 Due Thur Feb 22nd

2/13/18

In class Thur Feb 15th




Advanced Design Concepts


Scott McCloudUnderstanding Comics
* get one on Amazon



Reality - Language - the Picture Plane (design elements)





















Ideology of 'Broken' [video]









Critique Project 1


Are you keeping up with the Semester Long Project?


Work on Project 2 & Project 3

Project 2 & 3 Due Feb 22nd




2/11/18

In class Tue Feb 13th

Project 1 is Due today!


More on Fonts



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



Lets look at some basic rules for using Fonts


Photoshop and Fonts



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



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 - Due feb 22nd





2/7/18

Thur Feb 8th


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 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



Lets take a look!




------------------------------------------------------------------














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



* Project 1  Type Space Design - Due Feb 13th

2/5/18

In class Tue Feb 6th

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!