5/18/10

In Class Wed May 19th

Finish your Mineself and Homepage websites!


hand in your web folder to Joe (the folder with your first & last name on it)


Your website needs to be uploaded to the server by 4pm!


Don't Forget to get your work up on your flickr and youtube accounts and link them to your blog.

* Also make sure you email me your blog web address if you have not done so already!


Class Final Monday May 24th 12-3pm



5/16/10

In Class Mon May 17th

SUMMA

Work on Project

5/12/10

In class Wed MAy 12th

How to get your own web space and .com
- check out namesecure for domain names
- URL Grabber (domain forwarding)


* there are a lot of places to purchase web space up on the internet.

- I use Richmond Internet Technology but a quick web search will uncover many other possibilities.


To get your files up on the web you need a FTP program

* FTP = File Transfer Protocol

- The FTP program can connect your computer to a server so you can copy your files onto the server for distribution on the web.



Work on Project!


5/9/10

In class Mon May 10th


Work on Project!

5/4/10

In class Wed May 5th

Introduction to Dreamweaver

-Whats Where


the Order of Dreamweaver
- Make a folder on your desktop with your name all in lowercase.
ex. - joevonstengel as my folder name

- Open Dreamweaver

- Make a new site and hook up the folder with your name to it

- Open your HTML files from Photoshop in Dreamweaver one at a time

- Change your 'Background Color'

- Change your 'Title'

- 'Center' your image

- Make your 'Links'

- Save your pages in the 'mineself' folder inside the folder with your name.



Creating Rollovers in Dreamweaver


Work on Project

4/27/10

In class Wed Apr 28th

The Web

'Structures of Experience'
.
.


- The structure of the experience on the web is created through linking.
- How and What you link too, in What order changes the viewers experience.








Assembling your pages, Slicing and your sites structure
- Open up a new document in Photoshop, 72dpi sized 960x620 pxls or smaller
- Save the doc with, 'Save As'
- Open your images and bring them into your new document
- Layout and Design your Images
- Slice your image
- 'Save for web' your doc, include both images and HTML



.

4/25/10

In class Mon Apr 26th

Web page sizes
- the web is measured in Pixels
-- these 'pixels' are related to the actual amount of pixels there are across & down a screen
- the 'Resolution' of images on the web is 72dpi
- the Average MAX size of your web pages should be smaller then 960x620 pixels

Creating web pages using Photoshop
- First go in to 'Preferences' and change the units from 'inches' to 'pixels'

- The first page of all websites is call 'index'
* It is important to make sure 'index' is in lowercase because web servers are case sensitive.

- Go to: file --> new
-- name the document 'index'
-- make sure the 'Resolution' is set to 72dpi
-- choose a page size no bigger then 960x620 pxls
-- 'Color Mode' = RGB
- Save your file
- Drag & Drop images from one of your folders into Photoshop

* This is your work space. Collage, blend, cut out & interact. Make sense or chaos out of the images you found on the internet. DO NOT USE TEXT!

- Save your file

- Slice up your file
* Slices have many advantages like a faster and more dynamic load time
* You can make links from slices in Dreamweaver!

- Save for Web (and Devices)


Web File Types
JPG - RGB - Photorealistic, small file sizes
GIF - Index Color - limited to 256 color, can be animated, can have transparency
PNG - is the best of both worlds but currently PNG files can only be used in Flash






4/21/10

In class Wed Apr 21st

Introduction to the web

Web page sizes
- the web is measured in Pixels
- the 'Resolution' of images on the web is 72dpi
- the Average MAX size of your web pages should be smaller then 960x620
--- check out popular screen resolutions on Sitemeter

Internet Lingo
the language of the Internet

HTML

4/18/10

In class Mon Apr 19th

Critique of Project 4



Introduction to the Web



Introduction to the Internet
.

.

.

.

Internet (Framework for Interconnections)
- Peer to Peer
- Ftp
- Instant Messaging
- Emil
- Online Gaming
- World Wide Web
-Websites

--- Flash
--- HTML
-- Web 2.0
'interpersonal computing', 'web services' and 'software as a service' (SaaS) as the the three key aspects of Web 2.0. they appear on the web as:
--- Blogs (Personal Broadcasting)
--- Flickr, Picasa, Photobucket (Image Storage & Presentation)
--- Picknik, Sumopaint, PicJuice (Image editing)
--- Youtube, Hulu, Sidereel (video)
--- Podcasting, Pandora, Musicovery, Amie Street (music/audio)
--- Internet Archive, CCMixter (Creative Commons Licensed Media Content)
--- Facebook, Myspace, Friendster, Linkedin, Twitter (Social Networking)
--- Delicious (links)
--- Bloglines (RSS Feeds)
--- Digg, Stumble, Technorati, PopUrls (Aggregators)


How Does the web work?

Net Neutrality
.

.


.

.

Project 5 Assigned


Review Stopmotion Animation Films (Project 4)


.

4/14/10

In class Wed Apr 14th

What you need to do in iMovie to complete your animation.

1- import your clip(s)
2- put on your titles
2a- put the name of your video at the beginning
2b- put "Hartwick College", "Art213 Spring 2010", your name and any special credits
3- edit and add transitions as needed
4- add sound

5- export your video (Ask JOe about the specific settings)



Work on your video


Project 4 due at the end of class



4/11/10

In class Mon Apr 12th

CC-Mixter

MediaConverter.org


Bring your folder full of images to class.

iMovie The BAsics
- Opening & Saving
- Importing Video
- Editing Video
- Audio

.
.
.
Work on Project 4!

4/6/10

In class Wed Apr 7th

Open Hours Digital Lab

Mon 12:30 - 1:30pm - Donna
Mon 5 - 7pm - Donna

Tue 12:45 - 4:30pm - Danielle
Tue 4:45 - 6:45pm - Bri

Wed 8:30 - 10:30am - Donna
Wed 12:15 - 1:45pm - Bri
Wed 5 - 8:15pm - Carly

Thur 12:45 - 4:30pm - Danielle
Thur 4:45 - 6:45pm - Bri

Fri 9 - 11am - Donna
.
.

.

Work on Project 4!


You need to hand in a folder full of images by the end of class!



4/4/10

In class Mon Apr 5th

Check Out Video Below

Review Your Ideas

Work On Project!

3/23/10

In class Wed Mar 24th

Finish Crit of Project 2

Crit Project 3

Work on Project 4

3/21/10

In class Mon Mar 15th

.

Making a Photoshop-motion Animation
- Find Content
- Separate Content on Layers
- Move Content
- Save for Web
- Give each file a name in sequence. ie 001.jpg, 002.jpg, 003.jpg
- Save each new jpeg in your folder


Crit of Project 2


Work on Project !

3/15/10

In class Wed Mar 17th

Project 3 DUE at the beginning of class!



Print Project 3




.

.

.

3/14/10

In class Mon Mar 15th

.
.
.

.
.
.





Project 3 Due Wed at the beginning of class.



Work on Project!

3/9/10

In class Wed Mar 10th

Photoshop
Vector Tools
- Type Tool
- Shape Tool

Layers
- Modes
- Opacity
- Layer Styles
- Masks

Printing
--- Page Setup
--- Print with Preview

.
.
.



Work on Project!



3/7/10

In class Mon Mar 8th

Tips for Accomplishing Project 3
1) find images that are at least 1200 pixels on the shortest side
2) look for images that have people in similar positions
3) look for images with a light source that comes from the same side.
4) look for images that are similar in tone
5) duplicate important layers when necessary
6) save often

* Be considerate of who the celebrities are that you are choosing. What is their new identity when they are "mashed up".


Let do a walk Through of Proj 3

3/2/10

In class Wed Mar 3rd

Image Qualities & Aesthetics connected to changes in technology
.

.


Photoshop Advanced Tools

Crop Tool

Color Correction
- Adjustments

Saving Your Files
- Save
- Save As
- Save for Web ( & Devices)



Project 3 Assigned



Work on Project



Hand in Project 2 on your thumbdrive before you leave class today.

3/1/10

Digital Lab Hours

Open Hours Digital Lab

Mon 12:30 - 1:30pm - Donna
Mon 5 - 7pm - Donna

Tue 12:45 - 4:30pm - Danielle
Tue 4:45 - 6:45pm - Bri

Wed 8:30 - 10:30am - Donna
Wed 12:15 - 1:45pm - Bri
Wed 5 - 8:15pm - Carly

Thur 12:45 - 4:30pm - Danielle
Thur 4:45 - 6:45pm - Bri

Fri 9 - 11am - Donna






2/28/10

In class Mon Mar 1st

Photoshop Advanced tools

- Selection Tools
-- Add & Subtracting from a selection
-- Saving a Selection

- clone stamp / pattern stamp
- healing brush / patch tool


Work on Project 2

Due Wed March 3rd before you leave class

2/23/10

In class Wed Feb 24th

.
.

Project 2 Assigned


Photoshop Basics 2
- Pencil/Paint Brush
- Paint Bucket/Gradient
- Erase/Magic Erase/Back Ground Eraser
- Burn/Dodge/Sponge
- Sharpen/Blur/Smudge

Selection Tools (lets check them out)

work on Project

2/21/10

In class Mon Feb 22nd

*Flash Drive Test on Wednesday!

Example: Worth 1000


Photoshop Basics 1
- Starting the Program / Quit
- Opening a file
- Save / Save As a file
- Windows
- File --> New

* 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
---- Portable Document File = .PDF = compressed print file


- Image size / Canvas size
- Preferences
- History / Undo function
- Foreground/Background Color
- Eyedropper




in class Assignment: Dada CD cover

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 - Email it to Joe (image size 1200x1200 or smaller at 72 dpi)






















Work on Assignment

2/16/10

In class Wed Feb 16th


Lab Fee $100


Lets talk about the Mac


the Dock - where most everything you need is.
the Desktop - just click on the background while in program
the Finder - to know where you are
Applications Folder - where all the software is

File ---> New Folder - to make a new folder
Finder ---> Empty Trash - to remove files from the trash forever
File ---> Get Inf0 - to find out how big a file is and other info

What questions do you have for me?


Flashdrive info
to eject your flashdrive you need to drag it to the Trash

do not use files while they are on your flashdrive. drag them off the drive onto the desktop before working with them in a program

to remove files from your flashdrive, drag and drop them into the Trash, then Finder ---> Empty Trash


Web 2.0


What is web 2.0?
Link
Popular Web 2.0 Applications
- Flickr, Picasa
- Blogger, TypePad, WordPress
- Youtube, Hulu, Sidereel
- Picnik, Sumo Paint
- Facebook, Myspace


*remember to ALWAYS log out of your Web 2.0 accounts when you are done!


Semester Project 1 Assigned


work on Project

2/14/10

Welcome!

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 don't forget to check if frequently. I usually updated the blog within 24 hours of class.


The Teaching Assistant for this class is Ashley Rombough.


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


The Intro to digital media class is an overview of Print based media, Time based media and Interactive Media. These areas of media are explored through the use of Adobe Creative Suite 4 which includes Photosop, ImageReady, Final Cut Express, & Dreamweaver as well as a hand full of useful shareware and web applications(YouTube, Flickr, Picnik & 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 perception. We will also look to create a definition for 'Digital Art' as a new medium within the art world.


* This class has a $100 Lab fee & you will need a 1 GB thumbdrive.



Awareness Test