digitalartanddesign.org

Project Based Learning ~

• This whole web site will make a lot more sense if you look at it from a Project Based Learning perspective:

Every assignment is geared toward production of the final product.

Daily Warm Ups ~

• Each class starts with a brief warm-up journal.

Usually a short question about the project theme or concept.

 

Then a Tutorial ~

• Tutorials are intended to be applied toward completion of students' overall deliverable product.

Each tutorial is a step closer toward finishing the project.

 

Work Time ~

• We don't want all the projects to look the same.

The rest of the time students devote to customization of their own work.

 

Projects

Click on a project to see student examples. Content is updated almost daily...

Shoe Repair: Shapes in Advertising - Introduction to Photoshop	Drive Me Crazy: Design a Car Ad - Intro to The Pen Tool & Photoshop
Portrait Project: Introduction to Photoshop and the Pen Tool	The Renaissance: A Collage of Renaissance Images in Photoshop
We Can Be Heroes: Create a Game in Powerpoint or Flash	Cells Alive! Interactive Cell Diagrams in Photoshop and Flash
Aesop's Fables: Visual Story Telling - Introduction to Flash	Shadow Life: Draw a Common Object - Introduction to Illustrator
Make a Scene: Trace an Interior Scene in Illustrator	Logo Design: Design a Logo for a Non-Profit Organization - Illustrator
Package Redesign: Find a Package Design you can Improve Upon - Illustrator	Corporate Idenity: Design a Website and Logo for a Non-Profit Org using Illustrator and Dreamweaver
Fan Tastic! Build a "Fan Site" in Dreamweaver	Face 2 Face: Interactive Dress Up Game in Photoshop & Flash
Free Trade Project: Design a New Currency using Photoshop and/or Illustrator	CD - DVD Cover Project: Design a CD or DVD Cover in Illustrator

Specifics ~

The projects usually last about 10 days or 2 weeks.

Each project is designed around specific Elements and Principles of Design like Shape, Contrast, even Typography.

Tutorials

PhotoShop | Flash | Dreamweaver | Illustrator

---

Photoshop Tutorials
00 - Basic Tools 00 - Basic Tools 2 01 - Feathering Collage 02 - Cartoon Kid 03 - Photoshop Things 05 - Filters & Masks 06 - Star Shape 10 - Feather Collage 2 11 - Filters & Bkgrnds 13 - Centaur 14 - Herald Banner 15 - Transform Text 17 - Human Hybrid 18 - Bevel Text 19 - Bling Bling Text 20 - Texture 21 - Radial Blur 22 - Shiny Orb 24 - Brushed Metal Text 25 - Contour Lines 26 - Half n Half Mask 28 - Gradient Tool 31 - Blending Options 1 32 - Blending Options 2 33 - Filters & Portraits 34 - Abstract Portrait 35 - Filters 36 - Line Art 37 - Face 38 - Shading 39 - Hair 40 - Highlights	42 - Glowing Lines 43 - Text Vectors 2 47 - Wanted Poster 52 - Banner Header 53 - Rounded Boxes 54 - Radial Blur 55 - Gradient Bkgrnds 57 - Zombie 58 - Planet Photoshop 59 - Pop Art 62 - Propaganda Image 63 - Type on Path 64 - Exterior Perspective 72 - Halftone - Bitmap 75 - Text & Font 78 - Link Layers 80 - Old Map Image 81 - 1 Pt. Perspective 83 - Twirl Text 84 - Borders 85 - Vector Sunburst 86 - Reflection Text 87 - Web Background 88 - Magic Land Bkgrnd 89 - Web Background 3 91 - 3D Text 93 - Text Vectors 99 - Geometric Pattern 101 - Lasso Tool 102 - Rounded Corners Banner 103 - Nav w/ Gradient Bkgrnd 104 - Text & Font	107 - Clone Stamp 109 - Wood Frame 115 - Angels Wings 120 - Pen Tool 121 - Pen Tool 2 123 - Pen Tool 3 124 - Super Heroes! 132 - Lightning Bolt 137 - Stroke Text 140 - Type Mask Tool 141 - Pegasus 145 - Eyes 155 - Rainbow 158 - Border 162 - Pen Tool Shapes 165 - Rose 170 - Cube Shape 171 - Blending Tattoos 180 - Northern Lights 181 - Glow Background 185 - Clipping Mask 191 - Fantasy Village 195 - Shape Dynamics 200 - Biology Cell 210 - Landscape 215 - Snake 225 - Sparkle Brushes 230 - Masking 233 - Load Brushes 240 - Slice Background 244 - Swirl Background

	Back to Top...

---

PhotoShop | Flash | Dreamweaver | Illustrator

---

Flash Tutorials
01 - Outline Drawing 02 - Gradients 03 - Highlights-Shadows 04 - Clouds & Hearts 05 - use-me 07 - Character Faces 08 - Star Shapes 11 - Bounce a Ball 14 - Text Boxes 15 - Lines 17 - Falling Text 20 - Word Bubble 22 - Animated Walking 23 - Squish My Face 24 - Star Rotating 28 - Rainbow Mask 30 - Animated Button	32 - Shape Tween Text 33 - Expanding Sphere 37 - Draw a Cactus 40 - Filters 41 - Typewriter Text 49 - Sun Sphere 4 - Things Flash Users Need to Know - Workshop 51 - Shape Tween 54 - Rollover Buttons 55 - Invisible Buttons 56 - Transparency Flash 57 - Scenes & Stops 59 - Pause Flash 67 - use me 68 - Stretchy Text 70 - Background Gradients 72 - Banner - Header 73 - 3D Objects 74 - Snowman	75 - Sounds & Music 77 - Use Me 85 - Photos into Bitmaps 88 - Slideshow in Flash 89 - Backgrounds - Bitmaps 90 - Punch the Monkey 91 - Pow! 97 - Draw Flowers 107 - Drag and Drop 108 - Drag and Drop II 109 - Origin Code 110 - Reset Button 111 - Target Area Snapback 112 - Sound on Target 113 - Handwriting 122 - Draw a Tree 131 - Photoshop>Flash 137 - Trace a Butterfly 138 - Butterfly Flapping 139 - Butterfly - Guides 150 - Glowing Text

	Back to Top...

---

PhotoShop | Flash | Dreamweaver | Illustrator

---

Dreamweaver Tutorials
01 - Your First Web Page  02 - The Index Page  03 - Special Characters  04 - Ordered Lists  05 - Links  06 - Horizontal Nav  09 - five basic parts  10 - Create a New Site  11 - Choose Kuler Colors  12 - CSS body  13 - CSS html  14 - CSS container  15 - CSS header  16 - CSS navigation  17 - CSS content  18 - CSS footer  19 - Template  22 - Anchor Link  24 - Personal Statement Scrolling Text	26 - Jump Menus  29 - Rollover Image  34 - Create Custom Buttons  42 - tables  45 - transparent png  54 - Forms in DW  59 - Border Backgrounds PhotoShop  60 - Unordered List Nav  62 - Behaviors Effects  64 - Spry Accordion Menus  66 - Picture Size Must Match  72 - first-letter Pseudo Class  73 - text-indent  74 - CSS text-size  87 - Behaviors on Rollover  88 - Spry Menu	98 - use me  100 - Simple Navigation Bar  101 - links  103 - Nav Rollover Gradient  106 - Personal Statement Page  113 - background textures  116 - div borders  118 - favicon.htm  126 - Horizontal Nav  150 - Untitled Document  163 - Centered Div Layout  165 - Sketch your Visual Design  170 - Premade Layouts  Upload to the Server - Workshop  10 Commandments - Workshop  Computer Language  Site Map - Workshop  Root Folder - Workshop  Absolute vs Relative Links - Workshop

	Back to Top...

---

PhotoShop | Flash | Dreamweaver | Illustrator

---

Illustrator Tutorials
01 - Straight Lines 02 - Curves 03 - Shapes 04 - Squid Tentacles 15 - Abstract Background 17 - Guilloché Patterns 20 - Simple Shapes 35 -3D Easter Egg 37 - Sunburst 41 - Radial Shapes 45 - Trace a Cell 46 - Simple Shapes 50 - Swirl 51 - Swoosh 52 - Swish 55 - Gradient Mesh Bag	60 - Star 61 - Simple Live Trace 65 - Splat! 71 - Vector Landscape 75 - 4 Leaf Clover 81 - Curtains 83 - Box 85 - Lizard 90 - 3D Vase 91 - 3D Milk Bottle 95 - Mesh Tool Face 104 - Interlocking Text 107 - Dot Art 111 - 3D Pencil 114 - Borders	121 - Design with Shapes 124 - 3D Superhero Text 130 - Perspective 132 - Type on Path 140 - Line Art 141 - Watercolor 150 - Wood Grain 151 - Templates 161 - Blend Patterns 164 - Shiny Buttons 170 - Border Patterns 172 - Pattern Brush 180 - Live Trace w/ Symbols 185 - Twist &Twirl Text

	Back to Top...

---

PhotoShop | Flash | Dreamweaver | Illustrator

---

Other Stuff...
Resume Guidelines Peer Edit Presentation Questions Personal Statement Guidelines Storyboard 13_Slogo_Logan

 

---

	Back to Top...