Day 7

 

.

Review Project 2

.

What we are looking at:

- Color

- Composition (placement of visual elements in 2d space...positive and negative space, rule of thirds)

- Image - subject matter

- Image - style

- Font - literal reading

- Font - style

.

.

Project 3

Movie Poster

.

description:
Create 3 different versions of a movie poster for a movie you’d like to see.

.

How to Create Project 3

Part 1

a) Write out your Movie idea! First pick a movie genre. (Horror, Sci-Fi, Romantic comedy) Then write down 'who' the antagonist and protagonist are, 'where' the movie takes place, 'when' the movie takes place, and finally the 'what' and 'why' of the story.

.
b) Look up and download 10 examples of posters that inspire you from the movie genre you choose

.

c) Compile a list of important information that needs to be on the poster including: movie title, main actors/actresses, film company, producers, date, credits, ext… (use the 10 examples you downloaded as a guide)

.

d) Collect a variety of imagery to work with for your poster

 * Make sure to find the largest images possible

.

Part 2

a) Create a template for your poster 11x17” at 180dpi

b) Put in guides for the unprintable boarder and for the middle

c) Create 3 different prototypes of your movie poster

.

Part 3
- Create 1 final version of the best movie poster based on the comments derived from the critique
.

Key things to Remember:

* Always start with the poster template

* Duplicate important layers

* Save often

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

things to consider:
First you want to figure out a genre for your movie. Is it a Romantic comedy, Sci-fi, Fantasy, Horror, Comedy, Drama, Action, ect… Then look at and collect movie posters of that genre. Consider things like colors used, font type, text placement, use of actors/actresses images, are they full body or close up, what is their gesture?

.

Details:
all posters should be set for 11x17 inches at 180 dpi

.

.

Due

Tuesday Sept 24th – Part 1a,1b,1c,1d (due beginning of class)
Tuesday Oct 1st - Parts 2 all three on Google Photos (due end of class)
Thursday Oct 10th – Part 3 Best one Printed (due beginning of class)

Day 6

 Strangeness caught on Film

 .

 

 .

.

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

Digital Art

from Google - "Digital art is an artistic work or practice that uses digital technology as part of the creative or presentation process. Since the 1960s, various names have been used to describe the process, including computer art and multimedia art. Digital art is itself placed under the larger umbrella term new media art. "

.

This includes:

• Fractal/Algorithmic Art
  Dynamic Sculpture
• 2D Computer Graphics
  generally derived on traditional graphics like typography, cartography, technical drawing and advertising
• 3D Computer Graphics
• Pixel Art
• Digital Photography
• Digital Collage
• Manual Vector Drawing
• Integrated Art/ Mixed Media/ Hybrid Media

.

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

.

Photoshop

How to flatten your image and save it as a JPEG

.

.

Today we will have a structured studio time. 

• 15min - collect the band name, album name and Ai generated image for 5 CD covers. 
• 15min - choose music genres for the 5 bands, then use a google image search to do research on album covers for music genres you chose
• 10 min create first album cover
• 8 min create second album cover
• 6 min create third album cover
• 5 min create fourth album cover
• 3 min create fifth album cover

.

.

Virtual Record Shop [due tuesday 9-17 at the beginning of class]

description: 

For this project you will use the following process to create an album cover for a fake band for the music genre of your choice.

This project is an exploration of appropriation, Ai generation, image manipulation, aesthetic research, layout and design. We will consider the meaning attached to images through context and our own expectations created through societal influence. This is the first project that utilizes the design thinking process.

Save your images using this naming convention: yourname_01.jpg, yourname_02.jpg. (ie... jvonstengel_01.jpg)

* to be successful with this project it will be important for you to do Google searches for examples of album covers for the genre you decide to base your CD cover on. 

.

The Process

1 - Go to "wikipedia." Hit Random... or click here . The first random wikipedia article you get is the name of your band.

.

2 - Go to "Random quotations" or click here. The last four or five words of the very last quote of the page is the title of your first album.

.

3 - Go to the random noun generator website here. Generate a noun or two!

.

4 - Go to ImageFx here. Use the Ai 'text to image' generator to generate an image using the following prompt framework. [a color + your generated noun + a texture + "texture"]. Download the image you like the most.

.

5 - Consider the information you have about your fake band; the album name, band name and image. Pick a music genre that you think would go well with this information.

.

6 - Research the aesthetics used in album covers for that music genre by doing a Google image search. Search for the genre and the word "album covers". 

Look at the colors used, the fonts, the imagery, the subject matter and the layout. Take notes. You will want to reflect upon these visual ideas in your design.

.

7 - Create a template for a CD cover (look up the size) and save it as a PSD to your desktop

.

8 - Use Photoshop to assemble the text and imagery on the CD cover template. You can generate other images using ImageFX for this part. Download fonts at DaFont.com

.

9 - Layout the text and manipulate the images to create a CD cover design that follows the aesthetic use of visual elements for the genre of music genre you choose 

.

10 - Save your CD covers with the naming convention explained above 

.

Repeat the process to create a minimum of 8 different CD album covers (each can have a different music genre) the minimum gets you a "C" for the project. Doing more gets you a higher grade. Bonus points are added for proof of skill building, consideration of composition, the rules of design and most of all experimentation!

.

Upload your favorite 8 CD Cover JPGs to the Google Photos Album "Art213 P2 Record Shop F24"

.

Work on Assignment 1 and Project 2

.

DAy 5

.

.
.

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

Composition

- Rule of thirds

- Golden Rule

- Rules of Design from Paul Rand the godfather of modern design

- Positive and Negative space

.

.

Photoshop

How to flatten your image and save it as a JPEG

 .

 

Things to consider when creating an Album cover

We are using the format of an Album cover so our viewer is already aware that the image has something to do with music and the music industry. They have a collection of music that all has imagery attached to albums and music genres.

What we are looking at:

- Color

- Composition (placement of visual elements in 2d space...positive and negative space, rule of thirds)

- Image - subject matter

- Image - style

- Font - literal reading

- Font - style

Each of these elements becomes a "signifier" to the viewer. Which means from these visual elements we will try to make sense of the image. In this case what genre of music might this CD contain?

 

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

Photoshop Day 2

.

History / Undo function

-- It is a new way to create!

.

Magic Wand

- Single Row Marquee Tool

 

Paint Bucket/Gradient

Erase/Magic Erase/Back Ground Eraser

.

Vector Tools

— Pen Tool

— Shape Tools

.

The Clone Stamp & Healing Brush

-- These are 2 part tools. Hold down 'Option' while clicking on the area you wish to copy. Move to where you want to place the cloned visual data and click and hold to draw.

-- Blend Mode / Opacity

-- Air Brush / Flow

-- Aligned

-- Sample (Layer)

.

Image Adjustments

- Color Adjustments

-- Histogram

-- Levels

- Color Correction

.

Filters
.
Type Tool

.

.

Work on Finish Assignment 1 & Project 2. Joe will come around to review your work so far.

.

 

DAy 4

 

 

 

 

 

Photoshop

 

Setting Preferences

Photoshop --> Preferences --> General

View
- Rulers, Grids & Guides
- Show
- Snap

Navigation

- Change Screen Mode

Color Picker

- Foreground/Background Color

- Eyedroper tool

Drawing Tools

- Erase/Magic Erase/Back Ground Eraser

- Sharpen/Blur/Smudge

—- Depth of Field - How much of the image is in focus in front of and behind the image

- Burn/Dodge/Sponge

Selection Tools (they define a workable area)

- Selection Tools addition and subtraction

- Magic Wand/Quick Selection Tool

— Tolerance

Layers

- Making Layers

--- New Layer

--- Duplicate a Layer

--- Delete Layer

- Layer Visibility

- Moving a Layer

- Opacity

- Modes

- Locking 

Text Tools

- Horizontal Type Tool/Vertical Type Tool

- Horizontal Type Mask Tool/Vertical Type Mask Tool

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

Virtual Record Shop

description: 

For this project you will use the following process to create an album cover for a fake band for the music genre of your choice.

This project is an exploration of appropriation, Ai generation, image manipulation, aesthetic research, layout and design. We will consider the meaning attached to images through context and our own expectations created through societal influence. This is the first project that utilizes the design thinking process.

Save your images using this naming convention: yourname_01.jpg, yourname_02.jpg. (ie... jvonstengel_01.jpg)

* to be successful with this project it will be important for you to do Google searches for examples of album covers for the genre you decide to base your CD cover on. 

.

The Process

1 - Go to "wikipedia." Hit Random... or click here . The first random wikipedia article you get is the name of your band.

.

2 - Go to "Random quotations" or click here. The last four or five words of the very last quote of the page is the title of your first album.

.

3 - Go to the random noun generator website here. Generate a noun or two!

.

4 - Go to ImageFx here. Use the Ai 'text to image' generator to generate an image using the following prompt framework. [a color + your generated noun + a texture + "texture"]. Download the image you like the most.

.

5 - Consider the information you have about your fake band; the album name, band name and image. Pick a music genre that you think would go well with this information.

.

6 - Research the aesthetics used in album covers for that music genre by doing a Google image search. Search for the genre and the word "album covers". 

Look at the colors used, the fonts, the imagery, the subject matter and the layout. Take notes. You will want to reflect upon these visual ideas in your design.

.

7 - Create a template for a CD cover (look up the size) and save it as a PSD to your desktop

.

8 - Use Photoshop to assemble the text and imagery on the CD cover template. You can generate other images using ImageFX for this part. Download fonts at DaFont.com

.

9 - Layout the text and manipulate the images to create a CD cover design that follows the aesthetic use of visual elements for the genre of music genre you choose 

.

10 - Save your CD covers with the naming convention explained above 

.

Repeat the process to create 8 different CD album covers (each can have a different music genre)

.

Upload the final images to the Google Photos Album "Art213 P2 Record Shop F24"

.

.

.

Work on Assignment 1 and Project 2

.

Day 3

ART213 Blog

.

.

 =============================

WHO WAS THE FIRST PRESIDENT OF THE UNITED STATES?

I'm sure that George Washington was your first guess.

But think back to your history books — The United States declared its independence in 1776, yet Washington did not take office until April 30, 1789.

So who was running the country during these initial years of this young country?

It was the first eight U.S. Presidents.

In fact, the first President of the United States was one John Hanson.

 The new country was actually formed on March 1, 1781 with the adoption of The Articles of Confederation. This document was actually proposed on June 11, 1776, but not agreed upon by Congress until November 15,1777. Once the signing took place in 1781, a President was needed to run the country.
John Hanson was chosen unanimously by Congress (which included George Washington). In fact, all the other potential candidates refused to run against him, as he was a major player in the revolution and an extremely influential member of Congress. The Articles of Confederation only allowed a President to serve a one year term during any three year period.

Seven other presidents were elected after him — Elias Boudinot (1782-83), Thomas Mifflin (1783-84), Richard Henry Lee (1784-85), John Hancock (1785-86), Nathan Gorman (1786-87), Arthur St. Clair (1787-88), and Cyrus Griffin (1788-89) — all prior to Washington taking office.

Why don't we hear about the first eight presidents?

.
It's quite simple — The Articles of Confederation didn't work well. The individual states had too much power and nothing could be agreed upon. A new doctrine needed to be written — something we know as the Constitution.

.
George Washington was definitely not the first President of the United States. He was the first President of the United States under the Constitution we follow today. And the first eight Presidents are forgotten in history.

 

==========================
.

.

.

Design Thinking for Problem Solving

Design Thinking can be used to solve problems across all disciplines and is currently being used by businesses to understand how to pivot during a time of "exponential change". We will be using it in the up coming projects. It is about making many versions (called prototypes) and getting feedback.

.

Design Thinking is a process much like Analytical Thinking (used in scientific experiments) and Systems Thinking (used for understanding how things connect in psychology and sociology). 

 

 

Design Thinking uses a 4 step non linear process shown below 

--Understand - Ideate - Prototype - Test--

 .

"This process is about creating multiple iterations of a variety of ideas ad testing those prototypes to find a final solution."

 .

 .

Photoshop Basics

.

Bit Map vs Vector Graphics

memory vs math

.

.

Resoultion

72 dpi traditional screen resolution
180 dpi lowest printing resolution
300 dpi + good printing resolution
600 dpi + high resolution printing
.
.

File Types

Working File Types

---- Photoshop = .PSD = working file, the one you keep. contains all information including layers
.

.
End Product Files

---- JPEG = .JPG = great at compressing files. for web and email
---- GIFF = .GIF = limited to 225 colors, animation, web file
---- TIFF = .TIF = full quality print file
---- RAW = .RAW = raw camera data uncompressed file
---- Portable Document File = .PDF = compressed print file (used by the Hartwick Copy Center)

 

 .

File Management in Photoshop

- Opening a file
- Save / Save As a file
- Windows
- File --> New

.

.

Laying out a design in Photoshop

before Photoshop

.
1) paper size

2) single or multiple designs on the page?
.

in Photoshop

3) size and resolution

.
4) define print area 

.
* Offset press - requires cut lines, a bleed and image area to fit within the paper size

.
* Laser Printer - boarder size is 1/4" on all sides
-- standard paper sizes  - 8.5x11", 8.5x14", 11x17"

.
* Inkjet printer - boarder size is 1/4",1/4",1/4", 1/2" on leading edge
-- standard paper sizes - 8.5x11", 8.5x14", 11x17", 19" wide, 24" wide, 36" wide, 42" wide

.
5) Define the Middle

.
6) "save as" a template file named appropriately as a .psd 
.
ex. LP_cover_Template.psd
.

.

Walk Through. Creating an 11x17" mini poster for a local event

.

.

.

Assignment #1 [Due before the End of Class]

Create and Save a template at 180dpi for each of the following:

.

1. small movie poster, 11"x17" - with guides for unprintable border and center
2. business flyer, 8.5"x11" with guides for unprintable border and center
3. business card with center guides
4. postcard with center guides
5. bumper sticker with center guides
6. CD with center guides

Save each template as a .PSD in a folder labeled with "your first name" and "assignment 1", on your desktop. Show the professor your six templates when you are finished.

.

. 

Work on Assignment 1