In class Fri Sept 8th

Photoshop Basics Day 2

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

Project 2

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 used to create a cover for an LP. This project is an exploration of appropriation, manipulation & layout and design. We will consider the meaning attached to images through context and our own expectations created through societal influence.

When manipulating your images in Photoshop, try using all the different tools in the tool bar (except the Slice tool and the History brush). See if you can figure out how to do something beyond what I have covered. Part of idea behind this project is to help you discover Photoshop on your own and also to help make you feel secure in just picking up a program and playing instead of being a afraid to try.

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 --> Save for Web , and save your image as a JPEG, 100% quality. Do not check any other boxes. Save your images using this naming convention: yourname_01.jpg, yourname_02.jpg. (ie... jvonstengel_01.jpg)

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

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 the last seven days”

or click http://www.flickr.com/explore/interesting/7days

Third picture, no matter what it is, will be your album cover.

4 - Use Photoshop to put it all together.

5 - Create 10 different Album Covers

6- Save your designs as explained above

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

Work on Project

Project 2 due Fri Sept 15th beginning of class

In class Wed Sept 6th

Bring your USB Thumbdrive

We start the image a day project on the App VSCO!

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

* File Types

- 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

Photoshop Basics 1

Setting Preferences
Photoshop --> Preferences --> General

View

- Rulers, Grids & Guides

- Show

- Snap

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 (print on anything thats flat)
* Laser Printer -  1/4",1/4",1/4", 1/4"
-- standard sizes 8.5x11",8.5x14", 11x17"
* Inkjet printer -  1/4",1/4",1/4", 1/4"
-- 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

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

Assignment #2

create a template for the following list:

- movie poster

- 8.5"x11" business flyer

- business card

- postcard

- bumper sticker

- CD cover

Work on Assignment

n class friday Sept 1st

Photoshop Basics 1

- Starting the Program / Quit

Whats Where?

Hot Keys

- Opening a file
-- Browse in Bridge or Mini Bridge

- 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

- 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

Work on Assignment

In class wed Aug 30

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

 Project 1 Assigned 
- lets look at Project 1


Blogging
- How to hook up and use a blog.

* if you took the digital is fundamental class, you can use the same blog, Flickr & Youtube accounts you created in that class for this class. 


A blog is many things, a personal website, an archive of media, the ability to broadcast a message to a greater audience, even an art piece in itself. 


You can use Blogger, Instagram or Flickr

Flickr is a photo storage/social website

Instagram is a social website/application that acts like a blog but for photos only.

Blogger is Googles blogging system. It is social through Google +


Lets make a blog using Blogger
1- log into your Gmail
2- using the navigation in gmail (located in the upper right corner) click on the Blogger App icon
3- Create a new blog



Show Joe your 1 post and email your blogs URL before you leave!


Intro to Photoshop
- Making a new document
- The tool bar
- Getting an image from the internet into Photoshop
- Layers

In Class Mon Aug 28th

Hello and Welcome to the Art213 Intro to Digital Media blog. This blog contains up-to-date information on the class, assignments & projects. There are also important links from this blog to other class resources. This blog is the hub of the class, so don't forget to check if frequently. Make it an icon on your smart phone. I usually updated the blog within 24 hours of class. 

Part of your first assignment is to bring your laptop to class and show me the bookmark to this site.


Make a link to this blog on your smartphone
1) open Safari or another web browser on you phone 
2) add a bookmark to the home screen


The Intro to digital media class is presents an introduction to Print based media through image manipulation & graphic design, Time based media through Animation and 3d Design, both scanning and printing. These areas of media are explored through the use of Adobe Photoshop, iMovie, Quicktime Pro, Meshmixer and Makerware, as well as a hand full of useful shareware and web applications (YouTube, Flickr (or Instagram) & Blogs).

We will investigate the mechanics of creating Digital Media as well as consider the roll of media within American society and it's potential to alter our society. We will also look to consider the many facets of technology that interact with digital art.

Have you see this image? Creating Reality!

So, Secretary of State John Kerry referenced this photograph when making a speech last September, trying to drive home how awful the Syrian chemical attack was as he tried to convince us why we should go to war. One problem. The picture isn't even from Syria. It's from Iraq in 2003. The photographer, Marco di Lauro, said he nearly "fell off his chair" when he saw it was being used to promote a war in Syria. It's getting pretty disturbing to see how far our politicians, both Republican and Democrat, are willing to go to drum up support for a war nobody wants.


  * This class has a $100 Lab fee & you will need a 8GB thumb drive or larger.



The Syllabus

Lets take the Awareness Test!

How to use a Mac 

Login name = student
Login pass = artist

1) Desktop
2) The Dock
3) Top Menu
4) Making a new Folder 
5) Renaming files and folders on the desktop
6) Opening a program
7) Opening a file
8) Saving a file
9) Closing a program


Using Safari
1) Tabs and Windows
2) Searching
3) downloading a file

Final Exam

Our Final stats at 9am!


3D Printing







Blog Design

In class Wed May 3rd

Final Exam Time




We will be meeting at 9am for our final







Project 6 Assigned





Making images for the web
- just steal it!
- looking up dimensions
- 72dpi but really its about pixels
- Flatten and use Save for Web to make a .jpg
- Upload it to your blog. The Banner will go in the "Header" of your Blog in the "Template" section.

The Background images can be changed under " "Customize" in the "Templates" area 

Making a Favicon

- Create an image 16 pixels X 16 pixel image in Photoshop

- Use Save for Web to create a .jpg

- Go to favicongenerator.com to translate it into a .ico file

- Upload your file onto your blog under "Layout" at the top. 

Putting Links on your Blog
- Under "Layout" select the area you want the links.
- Hit add Gadget and find the Link List. (notice there are a lot of things you can add to your blog) 
- add your link and the link name and save





3D Printing Starts today!

what to do to get your files printed.

1) Show Joe your model laid out in the Makerbot software
2) Pick a PLA color
3) Get on the color rotation list
4) Transfer your file to the appropriate printer
* Replicator 2 files need to be exported as .x3g and transferred to the SD card.
* Makerbot Mini files need to be saved as .thing files and transferd using a USB thumb drive to the computer in the fablab

Cookie cutter dimensions

back layer = 3mm tall

mid layer = 9mm tall

outside layer = 13mm tall

Work on Projects

In class Mon May 1st

Critique Project 4


Work on Project 5