In class thur Feb 18th

Photoshop Basics Day 2

Bit Map vs Vector Graphics

memory vs math

Navigation

- Hand tool/Hand Rotate Tool

- Zoom tool

- Change Screen Mode

Color Picker

- Foreground/Background Color

- Eyedroper tool

Drawing Tools

- Pencil/Paint Brush

—- Color Replacement Tool/Mixer Brush

- Paint Bucket/Gradient

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

- Square/Circular Selection Tools

- Move Tool

- Laso/Polygon Laso/Magnetic Laso

— Tolerance

- Magic Wand/Quick Selection Tool

- Crop Tool

Layers

- Making Layers

--- New Layer

--- Cut/Copy/ Paste

--- Move Tool

--- 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 Wed Feb 23rd beginning of class

In class Tue Feb 16th

Thought for the day!

.

*Flash Drive Test Today!

Photoshop Example: Worth 1000

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

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/2"
-- standard sizes 8.5x11",8.5x14", 11x17"
* Inkjet printer -  1/4",1/4",1/4", 1/2"
-- 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

In class thur Feb 11th

It's all about perspective!



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, Tumblr, 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.

Tumblr is a blogging website that has all the advantages of a social media website. It also gives us a different network to distribute on as Blogger and Youtube are owned by Google.

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

(Making a blog on Tumblr)
1- (if you already have a Tumblr account, skip to #2) Go to the Tumblr website and create an account. You will need a an email account for this. Write your name and password down in your phone / on a piece of paper.

2- After you have account, click the create a blog button.  

3- You will be asked for a Title and URL. Skip the "privacy" button and password

4- Make 3 post. A "text" post, a "photo" post and a "video" post. 

5- Email your blogs URL to vonstengelj@hartwick.edu so I can follow you. 


Show Joe your 3 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 Tue Feb 9th

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

Class Final

Todays the final (Tuesday Dec 8th 4-7pm)

You need your chess pieces and the link to your final blog on the class website!


Other classes in the digital art and design area:
Art 250 Video Games and Society
Art 250 Tabletop Game Design
Art 216 Graphic Design
Art 316 Interactive Media
Art 317 Film & Video
Art 401 Advanced Design Studio



Chess Pieces
Questions
- Can you easily tell which piece is which?
- How does the color effect your understanding of the pieces?
- How does it feel to pick up and move the pieces?
- How do the pieces interact with each other on the board?

Blogs
* Consider the types of things we talked about when reviewing the Album Covers and Movie Posters.

In class Mon Nov 30th

We started out this semester talking about how images effect us as individuals and society. We then learned how to manipulate images digitally with software. We also learned to consider our audience and how they react to things like color, lines, shapes, movement, subject mater and context. Below is an everyday example of digital manipulation for mass consumption. 

What changes did the manipulator of the image make and what do they signify to the viewer?

There are more ways then just digital manipulation to affect an image. How the image is framed through the context of language plays a major roll.

consider this map of states showing who will accept refugees.

How do they define each color. How does that make you feel about the state.

So what can this lead to? Consider this study done at Princeton University.

How did this happen? What has everyone been doing while this was going on? 

Maybe this had something to do with it.
The Story of Stuff

Notice the use of advertisements and mass media in this cycle? Now reconsider the meaning behind the changes made to Justin in his Calvin Klein ad. 






(though any press is good press and I wouldn't be surprised if the original images weren't leaked on purpose. )


Aquateen Hunger Force Movie viral ads 







Work On Projects

In class Wed Nov 18th

Fill out the new SUMMAs!

In class Mon Nov 9th

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 Chess Pieces
Create your 3d chess pieces using 123D Design

Layout your chess pieces, 3 in one file 4 in the other, in the makerbot software

check the blog for the correct settings to use in MAkerbot save the file as a .thing

Show Joe your .thing files before you export!

Exported files have the .x3g designation


Work on Project