In class Thur Feb 20th

Photoshop Day 3

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

In class The Feb 18th

Your 3 stickers are due today!

Upload it to the Google Album I shared with you in email last night.


Review Stickers



Work on Project 2

Project 2

ART213 Spr 2020

Virtual Record Shop

description:

For this project you will appropriate images you find online through the process outlined below. The images and text you appropriate will be make up the bands name, album name and the base image used to create a CD cover for a fake band for the music genre of your choice. This project is an exploration of appropriation, manipulation, research & layout and design. We will consider the meaning attached to images through context and our own expectations created through societal influence.

When downloading images for this project, Make sure you download the full size image!

Make sure to save your work often. Use the 'Save As' option to save a duplicate of your file (just change the file name). When you are finished with your image go to File --- Export --- Save for Web (Legacy), and save your image as a JPEG, 80% quality. Do not check any other boxes. 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 bas your CD cover on.

The Process

1 - Go to "wikipedia." Hit Random...

or click http://en.wikipedia.org/wiki/Special:Random

The first random wikipedia article you get is the name of your band.

2 - Go to "Random quotations"

or click http://www.quotationspage.com/random.php

The last four or five words of the very last quote of the page is the title of your first album.

3 - Go to flickr and click on explore

or click https://www.flickr.com/explore

To get the photo, multiply the number of the CD cover by 2 and count until you get tot the photo. This is your album cover image.

4 - Pick a music genre that you think would go well with the album name, band name and/or image you got. Research the aesthetics used in album covers for that music genre using a Google search

5 - Create a template for a CD cover and save it as a PSD

6 - Use Photoshop to assemble the text and image on the template.

7 - Manipulate the text and images to create a visual that follows the aesthetic use of visual elements for the genre of music you chose

8 - Save your designs as explained above

9 - Create 8 different Album Covers

10 - Hand them in to Joe on your USB thumb drive

In class Assignment

create a template at 180dpi for the following list:

- movie poster - with guides for unprintable border and center

- 8.5"x11" business flyer - with guides for unprintable border and center

- business card - with center guides

- postcard - with center guides

- bumper sticker - with center guides

- CD cover - with center guides

In class Thur Feb 13th

Visual Information - the info graphic

.

Photoshop Example: Worth 1000

Photoshop Basics

- Starting the Program / Quit

Whats Where?

Hot Keys

- Opening a file

- Save / Save As a file

- Windows

- File --- New

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

End Product Files

---- JPEG = .JPG = web and email (Flickr) file

---- GIFF = .GIF = web file

---- TIFF = .TIF = full quality print file

--- RAW = .RAW = raw camera data uncompressed file

---- Portable Document File = .PDF = compressed print file

Setting Preferences

Photoshop -- Preferences -- General

View

- Rulers, Grids & Guides

- Show

- Snap

Laying out a design in Photoshop

before Photoshop

1) what paper size do you need?

2) single or multiple designs on a the page?

in Photoshop

3) set size and resolution of the image

4) define print area using 'guides'

* Offset press - requires all cut lines, the bleed and image area to fit within the paper size (can print on anything thats flat)

* Laser Printer -  unprintable boarder 1/4" on all sides *

-- standard sizes 8.5x11",8.5x14", 11x17"

* Inkjet printer - unprintable boarder 1/4" on all side *

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

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

Upload your Stickers to the Google Album I emailed you a link to last night!

Review Stickers, pic the best.

Rework best sticker for Tuesday!

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

Project 2

ART213 SPR 2020

Virtual Record Shop

description:

For this project you will appropriate images you find online through the process outlined below. The images and text you appropriate will be make up the bands name, album name and the base image used to create a CD cover for a fake band for the music genre of your choice. This project is an exploration of appropriation, manipulation, research & layout and design. We will consider the meaning attached to images through context and our own expectations created through societal influence.

When downloading images for this project, Make sure you download the full size image!

Make sure to save your work often. Use the 'Save As' option to save a duplicate of your file (just change the file name). When you are finished with your image go to File --- Export --- Save for Web (Legacy), and save your image as a JPEG, 80% quality. Do not check any other boxes. 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 bas your CD cover on.

The Process

1 - Go to "wikipedia." Hit Random...

or click http://en.wikipedia.org/wiki/Special:Random

The first random wikipedia article you get is the name of your band.

2 - Go to "Random quotations"

or click http://www.quotationspage.com/random.php

The last four or five words of the very last quote of the page is the title of your first album.

3 - Go to flickr and click on explore

or click https://www.flickr.com/explore

To get the photo, multiply the number of the CD cover by 2 and count until you get tot the photo. This is your album cover image.

4 - Pick a music genre that you think would go well with the album name, band name and/or image you got. Research the aesthetics used in album covers for that music genre using a Google search

5 - Create a template for a CD cover and save it as a PSD

6 - Use Photoshop to assemble the text and image on the template.

7 - Manipulate the text and images to create a visual that follows the aesthetic use of visual elements for the genre of music you chose

8 - Save your designs as explained above

9 - Create 8 different Album Covers

10 - Hand them in to Joe on your USB thumb drive

In class Tue Feb 11th

Photoshop Basics

Bit Map vs Vector Graphics

memory vs math

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

Work on Sticker Assignment - you need to have 3 prototypes ready for Thursday at the beginning of class.



Class ends at 3pm today

In class Thur Feb 6th

The creation of reality!

Early Manipulations

Early Alterations

Photographs have always lied

The LA Times 2003

Photo tampering through out history

Free Photoshop

FireAlpaca & the Gimp

Quick Intro to Photoshop

1. Making a new document

To do this you need to know what you want to make. the first question is, is the final product for print or screen. There are different rules that apply.

for Print
- you need to know the width and hight of the final product. Is it a movie poster? a post card? a flyer, will it be in a book, if so what size book?

- you need to pick a resolution. This is how many dots appear in an inch, generally referred to as DPI (dots per inch). 

180 dpi = minimum print resolution
300-600 dpi = professional print resolution 

for Screen
- you need to know the pixel dimensions for the final product. This changes a lot depending on what form of media you need. Adobe has a lot of templates ready to go, so you can usually find what you need in there. 

some examples
HDTV = 1920 x 1080
4KTV = 3840 x 2160

iPhone X = 2436 x 1125
Pixel 3a = 2220 x 1080

Macbook Pro 13" = 2560 x 1600
Lenovo ThinkPad 13" = 1920 x 1080


2. Saving a document

Photoshop is the great image translator. It can open up almost any image file type and can save into most any image file type. 

the most important file you save is the working file. This is always a photoshop file also known as a 'PSD'. As long as you have the original PSD, you can make any 'final' files.

PSD = working file, has layers, can make all other files

JPG = flattened file, good at compression and photo realism.

GIF = flattened file, good at transparency, can animate, limited to 215 colors, good for graphics

TIFF = flattened file, no compression, photo realistic

RAW = original camera file, uncompressed, un-rendered, pure unaltered image data



3. The tool bar

Each tool in the tool bar has sub tools. To see them jut click and hold to see the pop up menu. Hover over a tools icon to see how a tool works.


4. Getting an image from the internet into Photoshop

1) search for an image

2) make sure the smallest side is at least 1000 pixels

3) make sure to download the largest version of the image

4) drag and drop the image onto the desktop. if it won't let you do that, Hit 'control' and click on the image. From the pop up menu, choose 'save image', and save it to the desktop. If it will not let you do that, hit 'shift' + 'command' + '4' and select the part of the image you want to take a screen shot of. The file will appear on your desktop.

 5) drag and drop the image file (usually a jpg) onto the Photoshop icon in the 'dock' at the bottom of the screen. It will open as a new tab in photoshop.

6) use the hot keys 'command' + 'a' to select the image

7) use the hot keys 'command' + 'c' to copy the image data

8) navigate to the tab withe the image you want to add to

9)  use the hot keys 'command' + 'v' to paste the image data into the new document. This image will appear as a new 'layer'


5. Layers

Layers are a very useful aspect of Photoshop. They stack in visual order from the top down, and you can have as many as you want in a single document.

- the background layer

- layer visibility

- naming layes

- changing opacity and using blend modes

- erasing to create 'transparency'

Finding and Installing new fonts

Free Fonts - dafont

Double click on a font to install it.

Make a sticker
for the  Hartwick Overnight Program (HOP)

"I really wanted to reach out to you to see if maybe one of your classes would want to create a sticker for us to have for prospective students (for many years to come hopefully)? It wouldn't need to be massive, just big enough to have at least the bell tower logo plus the words "I'm a #HOPSTER"? I would love something personalized by our students, so they are free to make it how they want."

Sticker specifications

- size 4" tall x 5" wide at 240 dpi 

- create 3 different prototypes using the image of the bell tower and the text 'I'm a #hopster' 

I'm a #HOPSTER