Digital Art & Media
 FINE ARTS / VISUAL COMUNICATION

Mr. Elliot Harris - eharris@snths.org

School(s) of Study: UC Santa Barbara and Sacramento State University iMet
Degrees: B. A. English/Art, M. A. Education w/ emphasis on Technology and On-Line Learning
Years Teaching: 6
Hobbies: Surfing, Soccer, Web Design, Flash
More About Myself: I've wanted to be a teacher all my life, but I spent 20 years in the private sector 1st working at Apple Computer, Franklin Templeton Mutual Funds, State Government, General Contractor, Commercial Fishing, etc.

Yes, I have a wide range of work experience, but I never feel more complete as a professional as I do when I'm teaching.

About this Course...

Digital Art and Media is about expressing yourself in the information age.

We mix the traditional elements and principles of design with graphic art and web development.

Advertisers and marketers use the elements and principles of design just like famous painters do, and students understand the motivation behind creating an advertisement that manipulates the eye towards buying or selling something. So it makes sense to combine the two.

Digital Media is where the jobs are and it's relevant to students.

Class Projects:

 

Tutorials

PhotoShop | Flash | Dreamweaver | Lesson Plans | Illustrator

Photoshop

x 00_Basic_Tools_1_Ps

x 00_Basic_Tools_2_Ps.htm

x 01_collage_feather_Ps

x 02_Cartoon_Kid_Ps

x 03_Things_Know_Ps

x

x 05_Combine_Filters_Masking_Ps

x 06_Star_Shape_Ps

x

x

x

x 10_Feathering_Collage_Ps

x 11_Filters_Backgrounds_Ps

x

x 13_Centaur_Ps.htm

x 14_herald_banner_Ps.htm

x 15_transform_text_Ps

x

x 17_Human_Animal_Hybrid_Ps

x 18_Transparent_Bevel_Text_Ps

x 19_Bling_Bling_Text_Ps

x 20_Texture_Ps

x 21_Radial_Blur_Ps

x 22_Shiny_Orb_Ps

x 24_Brushed_Metal_Text_Ps

x 26_Half _n_Half_Mask_Ps

x 28_Gradient_Tool_Ps

x 32_Blending_Options_Ps

x 33_Cartoon_Portrait_Filters

x 34_Abstract_PhotoShop

x 35_Filters_PhotoShop_Easy

x 36_Line_Art_PhotoShop

x 37_Face_PhotoShop

x 38_Hair_PhotoShop

x 39_Shading_PhotoShop

x

x

x

x 42_Frozen_Text

x 43_Mirror_Mirror

x 44_Feathering

x 47_Wanted_Poster

x

x

x 53_Rounded_Boxes

x 54_Depth_of_Field in PhotoShop - Easy

x 55_Gradient_Backgrounds_Ps

x 57_Zombie

x 58_planet_photoshop

x 59_Pop_Art

x

x 62_Propaganda_Image_PhotoShop_Intermediate

x 63_type_on_path

x 64_Luminosity

x

x 72_Transparency

x 75_Clipping_Mask

x

x

x 78_Link_Layers_Workshop

x 80_High_Contrast_Image

x 81_Hand_Drawn_Circle

x

x 83_Twirl_Text

x 84_Perspective_Text

x 85_Glamor_Portriat

x 86_Reflection_Text

x 87_webpage_background

x 88_webpage_background_II

x 89_webpage_background_III

x

x

x 91_3D_Text

x 93_custom_text_vectors

x 97_slice_rulers

x 99_webpage_bg_IV

x 101_lasso_tool_Ps.htm

x 102_Header

x 104_Blend_Mode_Layers

x 107_Clone_Stamp

x 109_wood_frame

x 120_pen_tool_Ps

x 121_pen_tool_II_Ps

x 132_lightning_bolt_pen_tool_Ps.htm

x 137_banner_III_Ps.htm

x 140_Type_Mask_Tool_Ps

x 141_Fire_Photoshop

x 145_Eyes_PhotoShop

x 155_rainbow_Photoshop

x

x 158_border_mask_Photoshop

PhotoShop | Flash | Dreamweaver | Lesson Plans | Illustrator

Dreamweaver

x Assignment1_Your_First_WebPage

x Assignment2_MrMillendez_home_page

x Assignment3_Character_Formatting_Elements

x Assignment4_Element_id

x 00 - five_basic_parts

x 01 - create_new_site

x 02 - Choose_Kuler_Colors

x 03 - CSS_Body

x 04 - CSS_html

x 05 - CSS_container

x

x

x

x

x

x

x

x 14 - Absolute_vs_Relative_Links

x 15 - CSS_header

x 16 - CSS_navigation

x 17 - CSS_content

x 18 - CSS_footer

x 19 - Template

x

x

x 22 - Anchor_Link

x

x 24 - Personal_Statement_Scrolling_Text

x 26 - Jump_Menus

x

x 29 - Rollover_Image

x

x

x 34 - Create_Custom_Buttons

x

x 42 - tables

x 45 - transparent_png

x 52 - Gradient_Header

x 54 - Forms in DW

x 59 - Border_Backgrounds_PhotoShop

x 60 - PowerPoint_Word_Doc_Examples

x 62 - Behaviors_Effects

x

x 64 - Learning_Outcomes_Workshop

x 65 - 100Percent_webpage_background

x 66 - Picture_Size_Must_Match_Area_Workshop

x 72 - first-letter_Psuedo-Class

x 73_text-indent_Dw.htm

x 74 - CSS_text-size

x 86 -Sketch_Visual_Design

x 87 -Behaviors_rollover

x 88 - Learning_Outcomes_Spry_Menu

x 90 - Scrolling_Div

x 98 - Spry_Menu

x 100 - simple_nav

x 101 - links

x 103 - header_gradient

x 106 - modify_layout

x 113 - background_textures

x 116 - div_borders

x 118 - favicon.htm

x 150 - Untitled Document

x 163 - centered - div - layout

x Upload_your_Files to the server

x The Rules - Workshop

x Ten_Commandments_of_Web_Design

x 5_Things_Good_Portfolio

x Computer Language - Workshop

x Site Map - Workshop

PhotoShop | Flash | Dreamweaver | Lesson Plans | Illustrator

Flash

x 01_Outline_Drawing_Flash

x 02_Coloring_Paint_Bucket_Gradients_Flash

x 03_Highlights_Shadows_Flash

x 04_Eyes_Flash

x 05_Morph_Flash

x 06_Drawing_Animals_Flash

x 07_Drawing_Character_Faces

x 08_Star_Shape_Flash_Easy

x

x

x 11_Bounce_Ball

x

x 13_Handwriting

x 14_Text_Box_Easy

x 15_Glowing_Text

x

x 17_Falling_Text

x

x

x 20_Word_Bubble

x 22_Animate_Stick_Figure_Walking

x 23_Squish_My_Face

x 24_Star_Rotating

x 25_Glowing_Text

x 28_Rainbow_Mask

x 30_Button_Wiggle_Mouseover

x 31_Butterfly_Movie_Clip

x 32_Shape_Tween_Text

x 33_Expanding_Contracting_Sphere_Movie_Clip

x

x 40_Filters_Workshop

x 41_Typewriter_Text.htm

x

x

x

x 47_Buttons_Flash

x

x 49_Sun_Sphere_easy

x 4_Things_Every_Flash_User_Should_Know

x 51_Simple_Shape_Tween

x 55_Invisible_Buttons_Flags

x 56_Transparency_Flash

x 57_Scenes_Stop_Commands

x

x 59_Pause_Flash

x

x

x 61_Color_Gradients_Workshop

x

x 67_Blend_Drawings_Photos

x 68_Stretchy_Text_Movie_Clips

x 70_Background_Gradients

x 72_Banner_Header

x 73_3D_Objects

x 74_Ctrl_B

x 75_Sounds & Background Music in Flash

x 77_Metallic_Bar

x 85_Photos_into_Bitmaps

x 88_slideshow

x 89_Backgrounds_Bitmaps

x 90_punch_the_Monkey

x 91_pow

x 97_draw_flowers_Fl.htm

PhotoShop | Flash | Dreamweaver | Lesson Plans | Illustrator

Lesson Plans & General Teaching Materials

x 00_Learning_Outcomes_Guidelines

x 01_Content_Literacy

x 02 - Written Proficiency

x 03_Oral_Proficiency

x 04_Critical_Thinking

x 05_Technological_Proficiency

x 06_Collaboration

x 07_Career_Preparation

x 08_Citizenship_Ethics

x

x

x 13_Slogo_Logan

x

x 15_Dynamic_Design_Workshop

x 16_Sketch_Your_Visual_Design

x Shoe_Repair

x Renaissance

x Portriat Project

x Resume_Guidelines

x Peer Edit Presentation Questions

x Personal_Statement_Guidelines

x storyboard

x Professional Portfolio Project

x Aesop's Fables

PhotoShop | Flash | Dreamweaver | Lesson Plans | Illustrator

Illustrator

x Pen Tool in Illustrator - Introduction

x 02_Face_Illustrator

x 02_pen_tool_illustrator_introduction

x 03_pen_tool_illustrator_introduction

x swirls_flourishes_illustrator

 

 

New Tech High: Log on to our way of life...