Awesome PS Site- Worth 1000

Computer Graphics
Gallery 2007-08
Class Rules, Grading & Expectations List of Notebook assignments and Due Dates

E-mail me using a form
E-mail Mr. Versch

Week 1 Week 2 Week 3 Week 4
Week 5 Week 6 Week 7 Week 8
Week 9 Week 10 Week 11 Week 12
Week 13 Week 14 Week 15 Week 16
Week 17 Week 18   2004Computer Graphics Gallery
PhotoShop Links PhotoShop Tutorials #1 PhotoShop Tutorials #2 Computer Graphics Gallery 2003

Notebook- List of Notebook assignments and Due Dates
I will give selected Notebook assignments which tie into certain events, exhibits or photo  issues.
It is your responsibility to check the web page section for your particular class early each week and complete
assigned questions and sketchbook activities outlined for each week. These assignments are due each Monday/Tuesday at the start of your hour and should be completed outside of class time (homework!)

The computer has become an important technological tool used in nearly every facet of our society, including the visual arts. Virtually all commercial art and design careers now require some type of computer graphics experience. This course will provide important and necessary skills to students seeking careers in a variety of communication and art fields.
 Students are evaluated on project-based assignments that will emphasize the fundamentals of the elements of art, principles of design, as well as, computer graphics techniques using the software applications of Adobe PhotoShop. These assignments will revolve around communication and design themes, including topics such as logotypes, letterheads, advertising, and layout. Assignments will be structured around the basic tools and techniques provided by computer technology available.


This is the Course Outline for Computer Art at M.H.S. Throughout the year you will be introduced to a variety of new computer artists, techniques and software. Please refer back to this page throughout the semester for added links, project explanations, due dates, technique workshops, and more.

Computer Graphics Projects & Assignments
 


Week Nine    

 

Week 10- Check out "Tessellation to ART"
 

You need- Tessellation 1- Alternating 1's & 2's Man with Tie Tessellation  
Tessel Tessellation 2- Alternating 1's, Color, 2's, Color, etc Room with Tessellation on walls or floor
TesselArt1 Tessellation 3- T1 or T2 with flipped horiziontal and vertical parts Woman with Tessellated Dress
TesselArt2 Sunglasses with your Tessellation Another Object with Tessellation


These should be saved to your TEEN folder and saved in a folder
you have created called "Tesselations"
These should also be added to your Web Page/Tessellation Page
No School Friday!
 Week 11

Final Project- Tessellation Final Project
 Utilize your tessellations in a creative composition. Your project should have some thought involved, more than pasting your tessellation in empty space.

No School Friday!

Tuesday- Creating a Spooky House

 Thursday.-
 #1 -
Masks and Channels 
(Review) #7 Tutorial/Handout
Work thru the handout #7, (06 start. psd is in your computer graphics folder)
Complete Workshop on "Channels & Masks" (the Egret)
 

#2   Online Tutorial
Folded Paper Tutorial
She uses a map for this tutorial you can use any image even a colored rectangle.
Save as "foldedpaper" in your TEEN Folder  when completed.

  Week 13-
#1
TEEN folder cleanup- remove all done parts (tutorials, unused images, etc.)
     Daily Grade for this activity!
#2YourWebPage folder cleanup- remove all unneeded excess, NO .PSD files in this folder

Final Project-
 Complete the two tutorials above "The Egret" and "The Folding Paper"-
both should be on your 2nd quarter web page (Daily grades)
*Utilizing the knowledge you have gained from both workshops find 3 pictures similar to the
ones we utilized in "Masks and Channels" tutorial, using your workshop knowledge create an
interesting combination image (image should be in the horizontal format-landscape). Once image is done use the knowledge from workshop #2 and change your image from a flat one to a 3-d folded paper with background and shadow.
That's right you are creating your own image and turning into a folded page complete with 3-d shadow and background.
Your 3 starting images along with your final folded piece should be on your website along with a good explanation of the evolution of this project. (Project grade)


Working with Quick Masks and Working with Difficult Subjects
The picture of the rose and the tree are in your TEEN folders, in a new folder called "Quick Masks"
These two projects should end up on your 2nd Quarter web page also!    
 After completing the above tutorials, begin on project-    



 Extra- Awesome Tutorial-

Online Demo


  


Week 14
Mon/Tues-
1. Discussion of Web Pages- "What makes a webpage successful?"
2. Complete terms - webpage terms
3. Critique of 9 different websites    - Review sheet
Web pages to critique
 

Other pages to look at;

http://homepages.wmich.edu/~m3kaiser/ http://www.csumentor.edu/ http://us.billabong.com/#/home/
http://www.ubl.com/ http://msn.foxsports.com/ http://www.nationalgeographic.com/
http://homepages.wmich.edu/~n7hubbar/ http://www.zeldawisdom.com/index.shtml http://www.2advanced.com/


Cool Text Tutorials-


Flaming Text (you must do this one)
Quick Text Effects
Movie Style Text
Feathered Type
Rainbow Edges 
Embossed Text
Over-Exposed Type
Groovy Text
Glowing Text
Gold Metallic Fonts 


We will-
Using PhotoShop to create Web Sites
Workshops on;
* Learn about ImageReady
* Optimizing Web Graphics
*Creating Buttons for Web page
*Create Slices in an Image
* Create a Rollover Effect
* Create and Play a Basic Animation
* Add Tweening and frame delay


Lesson 13- Creating Links Within an Image

Follow the workshop and keep in mind you are going to create a website for yourself
based on these workshops.

Overview- Requirements for your Web Site

 

Some great ideas for web pages (great tutorials)-
Click on thumbnail to see larger image, click on link to see how to.
 

Five-Minute Website Tutorial The Slime Factory Website
 Tutorial
Sunlight Web Design Tutorial Creating a website with
an Aurora effect
Create a graphical web page
header in Adobe Photoshop
"A Touch of Class" Complete
Web Design Tutorial
"The Piglet Factory" Website Tutorial Glitter Swirls
Tigerskin Web Design Tutorial "Splat" Website Tutorial Atlantis Roll Over Beethoven


 


Simple animation made with ImageReady

 

Animated .gifs
Lesson 16 - Creating Animated Images for the Web
 

Work through the blender exercise pg.s 499-510
Once completed find an image you would like to try to animate from the internet,
something that could be applied to your website, guitar player for your music page or ?
Once you find the image, use the knowledge from the workshop and animate the image.
You must use at least 3 animated images (ones you animate yourself) on your site.

 


Week 15
Review some web pages-





Begin on our personal website
(yes we will create all the graphics for the page-
including Background graphics, buttons, animated gifs, (like the baby above)
Plus links to other pages and sites.
Overview- Requirements for your Web Site
Great tutorial- Creating a gel button


Week 16

 


Monday- Animation in Image Ready

Simple animation made with ImageReady

 Check out- The JUS Webpage
Lesson 16 - Creating Animated Images for the Web
Work through the blender exercise pg.s 499-510 and the Logo exercises pg.s 510-526
Once completed find an image(s) you would like to try to animate from the internet,
something that could be applied to your website, guitar player for your music page or ?
Once you find the image, use the knowledge from the workshop and animate the image.
You must use at least 3 animated images (ones you animate yourself) on your site.

Overview- Requirements for your Web Site
Yes we will create all the graphics for the page-
including Background graphics, buttons, animated gifs, (like the baby above)
Plus links to other pages and sites.

Friday- Introduction to Java Scripts
 


Week 17 and Week 18
Finish Up web page-
Requirements for your Web Site

Final Project- "Santa Claus- your version"
In your folder you have a great illustration by -
 Haddon Sundblom's of one of his Coca-Cola
Santas.
Your job take this image and alter it in a creative way, you can add or subtract from the image.
You can update the man, change him to bad santa, add images to the picture, etc.
* The entire work should look like it was meant to be- very realistic!
* You can use scanned pictures, internet images, or digital photos.
Major Christmas Project (Final Project for the Semester)- Due Dec. 21st - (no lates)
Should be on your website and work!

Example of a project I did a few years ago like this-
 

Original My Bluegrass Santa

Helpful Christmas Workshops-
#1
Christmas Tree Ornament  or an easier one (should work at Peabody)- Ball Ornaments
A basic 'Shape' and 'Blending Styles' helped create this ornamental effect.
#2 CHRISTMAS TEXT TUTORIAL
Learn how to create some 'cool' looking Christmas text just in time for the holidays.
#3 Candy Canes
#4 Christmas Lights
#5 Holly Leaves

#6 Check out this web site for some fresh ideas and motivation for the project
http://www.worth1000.com/ (look for PhotoShop contests- explore, it is worth it!)

Major Christmas Project (Final Project for the Semester)- Due Dec. 21st - (no lates)
Should be on your website and work!

 

 

 

 

 

 

 

 

 

 

 

 


Utilizing all of your PhotoShop skills you have gained this year so far, alter the illustration from Cabella's 2001 Christmas catalogue,
 * Your new illustration should have a theme (some idea that runs thru the entire project)
* You must eliminate all of the font on the present catalogue
* You must utilize the 5 Christmas tutorials above ( the ornament, the text, the candy canes, Christmas lights and the holly leaves)
 and utilize them in the work
 

Find resources- Mr. V's ideas- I want to create a Santa Claus bluegrass band, I need some elves and instruments!

 

Work in Progress #1 Work in Progress #2
 

Tuesday- Finishing up Christmas Tutorials (above) and beginning on major "Christmas Project"
Please have all late projects posted to your web page by Thursday, no late project grades given at that point!
(Alphabet Book, Fix it Workshops, Bald You, Christmas Workshops)( If it's not there-live with the grade!)
Final Project (Christmas Couple) Due- Dec. 22nd 12:30 (no lates, that's it)

 

Major Christmas Project (Final Project for the Semester)- Due Dec. 22nd 12:30 (no lates)
Utilizing all of your PhotoShop skills you have gained this year so far, alter the illustration from Cabella's 2001 Christmas catalogue,
Note- this is a resized graphic- use the picture from your web folder (called start.jpg)
* Your new illustration should have a theme (some idea that runs thru the entire project)
* You must eliminate all of the font on the present catalogue
* You must utilize the 5 Christmas tutorials above ( the ornament, the text, the candy canes, Christmas lights
and the holly leaves) and utilize them in the work
* The entire work should look like it was meant to be- very realistic!
* You can use scanned pictures, internet images, or digital photos.
* This should be a complicated/ complex project- my expectations are very high of you, you should utilize all
of the knowledge you have gained so far this year.

Find resources- Mr. V's ideas- I want to create a Santa Claus bluegrass band, I need some elves and instruments!
See examples above!
 



EXtras-

New workshop- Lesson 7-"Retouching and repairing" in this workshop you will improve flaws and imperfections in photographs.
These 3 parts should be completed and stuck on your website!
Finished workshop examples-(thumb nailed click on for large example)


     7A-end

     7B-end

    7C-end

Project- " Where's my hair?"  Utilizing the photograph of you that Mr. Versch took (and is in your folder),
create a "bald" you! Utilize all of the tools and tricks you learned in lesson 7 to create
 a new likeness of you. Use your imagination, the aging process could take place!


Together- Intro- Using Pictures in Text   105_lg.jpg (43066 bytes)
Try to follow the directions for each tutorial and save each into your folder, complete at least 8 of these,
assembly them all onto a new 8 x 10 " page (300 dpi) and save this page as "cool font.jpg"
 and place on your 2nd quarter web page.

Flaming Text (you must do this one)
Quick Text Effects
Movie Style Text
Feathered Type
Rainbow Edges 
Embossed Text
Over-Exposed Type
Groovy Text
Glowing Text
Gold Metallic Fonts