demand

Project Based Learning

    ●   These classes make more sense if you look at them from a Project Based Learning perspective:

Students are given a project, which contains tutorials they apply toward completion of their final product.

Tutorials center on general skill building and students are encouraged to customize the results to suit their needs.

 

propaganda-image-2.png



Each Class Starts …

… with a daily journal warm-up.

Usually a short question about the project theme or concept.


 

dylan

 

Then a Tutorial …

    ●   Tutorials are intended to be applied toward completion of your final product.

Each tutorial is a step closer toward finishing the project.

 

lion face

Work Time …

    ●  The rest of the time is devoted to customizing your own work.

Using what you've learned, make it suit your needs.

photoshop icon PhotoShop | flash icon Flash | dreamweaver icon Dreamweaver | Adobe Illustrator icon Illustrator

Photoshop Tutorials

photoshop icon 00 - Basic Tools

photoshop icon 00 - Basic Tools 2

photoshop icon 01 - Feathering Collage

photoshop icon 02 - Cartoon Kid

photoshop icon 03 - Photoshop Things

photoshop icon 06 - Star Shape

photoshop icon 10 - Feathering Banner

photoshop icon 11 - Filters & Backgrounds

photoshop icon 13 - Unholy Creature

photoshop icon 14 - Herald Banner

photoshop icon 17 - Human Hybrid

photoshop icon 18 - Text in Photoshop

photoshop icon 19 - Bling Bling Text

photoshop icon 20 - Stone Statue

photoshop icon 21 - Radial Blur

photoshop icon 22 - Distort - Transform Text

photoshop icon 24 - Cigarette

photoshop icon 25 - Contour Lines

photoshop icon 26 - Half n Half Mask

photoshop icon 31 - Blending Options 1

photoshop icon 32 - Blending Options 2

photoshop icon 33 - Filters & Portraits

photoshop icon 34 - Abstract Portrait

photoshop icon 35 - Filters

photoshop icon 36 - Line Art

photoshop icon 37 - Face

photoshop icon 38 - Shading

photoshop icon 39 - Hair

photoshop icon 40 - Highlights

photoshop icon 42 - Glowing Lines

photoshop icon 43 - Text Vectors 2

photoshop icon 45 - Pointillism

photoshop icon 47 - Wanted Poster

photoshop icon 48 - Sphere with Volume

photoshop icon 50 - Spotlight Background

photoshop icon 52 - Banner Header

photoshop icon 53 - Rounded Boxes

photoshop icon 54 - Alien

photoshop icon 55 - Gradient Background

photoshop icon 57 - Zombie

photoshop icon 58 - Planet Photoshop

photoshop icon 59 - Pop Art

photoshop icon 62 - Propaganda Image

photoshop icon 63 - Type on Path

photoshop icon 64 - Exterior Perspective

photoshop icon 72 - Live Trace - Grayscale

photoshop icon 75 - Movie Credit Font

photoshop icon 78 - Gradients & Patterns

photoshop icon 80 - Old Map Image

photoshop icon 81 - 1 Pt. Perspective

photoshop icon 83 - Twirl Text

photoshop icon 84 - Borders

photoshop icon 85 - Vector Sunburst

photoshop icon 86 - Reflection Text

photoshop icon 87 - Web Page Background

photoshop icon 88 - Magic Land Bkgrnd

photoshop icon 89 - Portfolio Background

photoshop icon 91 - 3D Text

photoshop icon 93 - Text Vectors

photoshop icon 99 - Geometric Pattern

photoshop icon 101 - Lasso Tool

photoshop icon 103 - Nav w/ Gradient Bkgrnd

photoshop icon 104 - Text & Font

photoshop icon 107 - Clone Stamp

photoshop icon 109 - Wood Frame

photoshop icon 111 - Distort-Transform Text w/ Shadow

photoshop icon 112 - Simple Distort Transform Text

photoshop icon 115 - Angels Wings

photoshop icon 120 - Pen Tool - Straight Lines

photoshop icon 121 - Pen Tool 2 - Curved Lines

photoshop icon 132 - Lightning Bolt

photoshop icon 137 - Stroke Text

photoshop icon 140 - Type Mask Tool

photoshop icon 141 - Pegasus

photoshop icon 145 - Eyes

photoshop icon 155 - Rainbow

photoshop icon 158 - Simple Border

photoshop icon 162 - Pen Tool Background

photoshop icon 165 - Rose

photoshop icon 170 - Cube Shape

photoshop icon 171 - Blending Tattoos

photoshop icon 180 - Northern Lights

photoshop icon 181 - Glow Background

photoshop icon 185 - Clipping Mask

photoshop icon 191 - Mountain Brushes

photoshop icon 195 - Animated Star w/Text

photoshop icon 200 - Animated gif Slideshow

photoshop icon 210 - Landscape

photoshop icon 215 - Snake

photoshop icon 225 - Sparkle Brushes

photoshop icon 230 - Masking

photoshop icon 233 - Grafitti Wall

photoshop icon 240 - Slice Background

photoshop icon 244 - Swirl Background

photoshop icon 250 - Transform Billboard

photoshop icon 251 - Animated .gif Text

photoshop icon 255 - Animated .gif Image

photoshop icon 260 - Filters & Portraits

photoshop icon 262 - Paint Brush Dynamics

photoshop icon 265 - Brushes & Backgrounds

photoshop icon 268 - Rays of Light Streaks

dreamweaver icon 270 - Choose Kuler Colors


photoshop icon PhotoShop | flash icon Flash | dreamweaver icon Dreamweaver | Adobe Illustrator icon Illustrator

Flash Tutorials

01 - Outline Drawing

02 - Gradients

03 - Highlights-Shadows

04 - Clouds & Hearts

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

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 - Rotate Shadow Text

68 - Stretchy Text

70 - Background Gradients

72 - Banner - Header

73 - 3D Objects

74 - Snowman

75 - Sounds & Music

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 Dropzone

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


photoshop icon PhotoShop | flash icon Flash | dreamweaver icon Dreamweaver | Adobe Illustrator icon Illustrator

Dreamweaver Tutorials

dreamweaver icon 01 - Your First Web Page

dreamweaver icon 02 - The Index Page

dreamweaver icon 03 - Special Characters HTML

dreamweaver icon 04 - Ordered Lists in HTML

dreamweaver icon 05 - Links in HTML

dreamweaver icon 06 - Horizontal Nav in HTML

dreamweaver icon 09 - five basic parts

dreamweaver icon 10 - Make an index Page

dreamweaver icon 11 - New CSS

dreamweaver icon 12 - CSS body

dreamweaver icon 13 - CSS in HTML

dreamweaver icon 14 - CSS container div

dreamweaver icon 15 - CSS header div

dreamweaver icon 16 - CSS navigation div

dreamweaver icon 17 - CSS content div

dreamweaver icon 18 - CSS footer div

dreamweaver icon 19 - Project Reflection Portfolio

dreamweaver icon 22 - Absolute Links

dreamweaver icon 24 - Scrolling Div Text

dreamweaver icon 26 - Blockquotes

dreamweaver icon 29 - Rollover Image

dreamweaver icon 34 - Custom Buttons in .ai

dreamweaver icon 35 - Unordered List Nav

dreamweaver icon 36 - Nav Text Shadow

dreamweaver icon 37 - Nav Rollover Gradient

dreamweaver icon 41 - Tables

dreamweaver icon 42 - Float images

dreamweaver icon 45 - transparent png in DW

dreamweaver icon 54 - Contact Forms in DW

dreamweaver icon 56 - Gradient Text in CSS

dreamweaver icon 62 - Rounded Divs Drop Shadow

dreamweaver icon 64 - Style your apDiv

dreamweaver icon 66 - Picture Size Must Match

dreamweaver icon 72 - first-letter Pseudo Class

dreamweaver icon 73 - text-indent Pseudo Class

dreamweaver icon 74 - first-line Psuedo Class

dreamweaver icon 81 - CSS text-size

dreamweaver icon 87 - CSS Gradients in DW

dreamweaver icon 88 - Spry Menu

dreamweaver icon 89 - Transparent png in HTML

dreamweaver icon 90 - CSS Text and Font

dreamweaver icon 95 - Float animated gifs

dreamweaver icon 98 - Background Colors HTML

dreamweaver icon 100 - Responsive Layouts

dreamweaver icon 101 - Make your Linked Pages

dreamweaver icon 106 - Rounded Divs

dreamweaver icon 116 - div borders

dreamweaver icon 118 - favicon.htm

dreamweaver icon 123 - Simple Background Colors

dreamweaver icon 126 - Hyperlink Styling

dreamweaver icon 130 - Responsive Java Slider

dreamweaver icon 150 - Untitled Document

dreamweaver icon 163 - Simple Java Slideshow

dreamweaver icon 170 - Template Layouts

dreamweaver icon 172 - Google Text and Fonts

dreamweaver icon 174 - img Padding

dreamweaver icon 175 - Java ToolTip on Rollover

dreamweaver icon 265 - Wireframe - Visual Design

dreamweaver icon Web Page Sketch

dreamweaver icon Upload to the Server - Workshop

dreamweaver icon 10 Commandments - Workshop

dreamweaver icon Computer Language - Workshop

dreamweaver icon Site Map - Workshop

dreamweaver icon Create New Site in Dreamweaver


photoshop icon PhotoShop | flash icon Flash | dreamweaver icon Dreamweaver | Adobe Illustrator icon Illustrator

Illustrator Tutorials

01 - Straight Lines

02 - Curves

03 - Shapes

04 - Clipping Mask Text

13 - Border Pattern Brush

15 - Abstract Background

17 - Guilloché Patterns

19 - Mesh Tool Furniture

20 - Heart Shapes

22 - Blending Fire

28 - Star Shape with Volume

34 - Rollover Buttons in .ai

35 - 3D Easter Egg

37 - Sunburst Background

41 - Radial Shapes

Illustrator icon 45 - Trace a Cell

46 - Badge Shapes

50 - Leaves and Vines

51 - Swoosh

52 - Swish

55 - Gradient Mesh Bag

57 - Happy Clouds

60 - Star

61 - Simple Live Trace

71 - Vector Landscape

72 - Grayscale Live Trace

73 - Grayscale Portrait

75 - 4 Leaf Clover

81 - Gradient Mesh Curtains

83 - Box

85 - Rainbow

87 - Gradient Texture

90 - 3D Vase

91 - 3D Milk Bottle

95 - Mesh Tool Face

102 - Pencil Line Art

103 - Pencil Shapes with Colors

105 - Mesh Tool Color

107 - Aboriginal Dot Art

111 - Hair

114 - Borders

117 - Shadows & Gradients

121 - Justify Text

127 - Ribbon Banner

130 - Perspective

132 - Type on Path

140 - Brush Libraries

141 - Watercolor Portrait

150 - Road Maps

151 - Template #1

152 - Template #2

153 - Map Template

161 - Blend Patterns

164 - Corner Star Shapes

170 - Border Patterns

172 - Pattern Brush

175 - Multiple Artboards

180 - Live Trace w/ Symbols

185 - Twist &Twirl Text

187 - 3D Globe w/ Map

190 - Tree

192 - Smoke

195 - Mesh Flower

200 - Abstract Shapes

202 - Lightning Bolt

204 - Vector Eyes

207 - Abstract Background

210 - Mesh Shapes

212 - Radial Circle Shape

215 - Smoking Pipe

217 - 3D Cereal Box

222 - Spiral Swirls

230 - Shield-Coat of Arms

232 - Face Proportions Portrait

235 - Geometric Flower

240 - Hypotrochoid Shapes

241 - Rotating Shapes

246 - Star Shapes

255 - Diamond Star Shapes

257 - Symbols in .ai

260 - Kuler Color Swatch

265 - Wireframe

272 - 3d Bowl

274 - Coastline Brush for Maps

278 - Scribble Text

280 - Abstract Background

282 - Bloody Text

285 - Bugs

290 - Angle Portrait

294 - Super Heroes Outline

295 - Pop Art

photoshop icon 302 - Rounded Corners Banner

305 - 3D Text w/ Symbols

307 - Pow Text

310 - Blend Text & Font

311 - Distorted Horror Text

314 - Money Font

315 - 3D Superhero Text

317 - Interlocking Text

319 - Vector Text

320 - Wow Text

322 - Text Gradients and Stroke

324 - Warp & Offset Text

326 - Envelope Distort Text