Bay Shore High School Visual Arts Tutorial Page for Graphic Arts and Commercial Arts


Bay Shore High School Visual Arts Page

Graphic Art

cntrl+click the links below, save to desktop, then open from desktop. Otherwise click on link

(may slow down server if many people are watching movies at the same time)

New PSD doc Dragging Layers

Jumping Layers/Option Key/Layer Order

Drop Shadow/Cleaning Stray Pixels

Color Wheel

Foreground Objects P1

Foreground Objects P2

Pen Tool Cheat Sheet Explained

Pen Tool Chart

Please drag and drop the files below to your desktop, complete them using the 'shape' pen tool. Save them as.PSD files.

Vector Portrait Project 1

Vector Portrait Project 2

Web Design Intro Exercises

Web Page Layout 1 Web statistics and sizes

Header [] Banners Creating the banner and placing it on a layout

Dreamweaver 1 Setting up you web index

MIDTERM GRADE will be applied to the following exercises:

Web Design Exercises

Web Background Image Create a web background image

Web Background Export Exporting the background image

Web Background and Banner Update Revisiting the banner

Web Banner Placement Placing the banner

Web Banner Placement part 2 Placing the banner

Web Banner Corrections part 1 Improving the design

Web Banner Corrections part 2 Improving the design

Web Banner Corrections part 3 Improving the design

Web Thumbnail Placeholder Designing the thumbnail

Web Saving Thumbnails Priming the thumbnail for linkage

Web Thumbnails That Link! yaaaayyyyy!!!!! Click through to another location

Transparent .PNG logo Float a new .png transparent banner design

CSS - cascading style sheets An intro exercise using css

CSS - Text drop shaow effect Create drop shadows for text and import fonts

CSS - Table drop shadow Creating drop shadows for box

MIDTERM EXAM

EXAM

Control-Click and 'Download to Desktop' Then open with PHOTOSHOP

CSS - Table drop shadow Creating drop shadows for box

Flash Intro Exercises

Gather 10 .SWF files Using google's Advanced Search to obtain 10 .SWF files

Starting with Flash Opening and starting with Flash

Click the pages below to review the steps for starting with Flash

Adjusting Alpha Alpha Channel

Tinting and Making Symbols

Errors

The Bouncing Ball Pt.1

The Bouncing Ball Pt.2

The Bouncing Beach Ball Swapping symbols, drop shadows, copy and paste filter effects

ball-2.fla

PLEASE NOTE: save this new .fla file with a new name. Example: "Ball.fla" was the original.

Now save this 'swapped symbol file' as "Ball-2.fla".

FLASH Part 2

Overview of Flash 1 Some of the controls and features of the flash layout

Importing vehicles Importing and making symbols

Organizing the library Naming items and organizing symbols in folders

Moving vehicles

Moving vehicles Part 2 Demo of street scene

Moving the vehicles Part 3Pt.1 Importing other objects and creating more tweened symbol animations

Moving the vehicles Part 4Pt.2 Fine tuning the drop shadows demo without audio

Creating the background, gradients, aligning Fine tuning the drop shadows demo without audio

Static Credits Type Tool - Credits, Actions layer, Stop Action

Replay Creating the 'replay button'

Actionscript Code How to copy and where to paste the following code (below) onto your 'replay' symbol

copy this code for the Replay button Actionscript:

onClipEvent (enterFrame) {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
this.nextFrame();
} else {
this.prevFrame();
}
}

on (release) {
//Movieclip GotoAndPlay Behavior
_root.gotoAndPlay("your_label_here");
//End Behavior

}

Garage Band Opening the program

Making the Sound Creating and exporting the sound

Pasting the sound LIVE tutorial feat. P.9 Kids, ugh! Like it says

Click the links below to see the storyboard examples for theinteractive ABC Children's Book

Page 1

Page 2

Page 3

Helpful Links regarding Animation research project

Edward Muybridge

Persistence of Vision

The Flipbook

The Zoetrope

Nickelodeon The Early Movie Theater

Nickelodeon

How You See It (1936)

Traditional Animation

Storyboarding

Tweening

Holiday Card Submissions

Commercial Art

cntrl+click the links below, save to desktop, then open from desktop. Otherwise click on link

(may slow down server if many people are watching movies at the same time)

Please drag and drop the files below to your desktop, complete them using the 'shape' pen tool. Save them as.PSD files.

Waves (open path)

Guitar

Shapes Handout

Pen Tool Cheat Sheet Explained

Type Path Tool

Type Tool Intro (no audio)

press control key and click mouse over a type layer to 'convert to shape'

Type Tool Negative Space (no audio)

anchor points convert point tool

Type Tool Cliping Mask (no audio)

press option key and click mouse inbetween layers

Type Art Examples

Flash Intro Exercises

Gather 10 .SWF files Using google's Advanced Search to obtain 10 .SWF files

Starting with Flash Opening and starting with Flash

Click the pages below to review the steps for starting with Flash

Adjusting Alpha Alpha Channel

Tinting and Making Symbols

Errors

The Bouncing Ball Pt.1

The Bouncing Ball Pt.2

The Bouncing Beach Ball Swapping symbols, drop shadows, copy and paste filter effects

ball-2.fla

PLEASE NOTE: save this new .fla file with a new name. Example: "Ball.fla" was the original.

Now save this 'swapped symbol file' as "Ball-2.fla".

FLASH Part 2

Overview of Flash 1 Some of the controls and features of the flash layout

Importing vehicles Importing and making symbols

Organizing the library Naming items and organizing symbols in folders

Moving vehicles

Moving vehicles Part 2 Demo of street scene

Moving the vehicles Part 3Pt.1 Importing other objects and creating more tweened symbol animations

Moving the vehicles Part 4Pt.2 Fine tuning the drop shadows demo without audio

Creating the background, gradients, aligning Fine tuning the drop shadows demo without audio

Static Credits Type Tool - Credits, Actions layer, Stop Action

Replay Creating the 'replay button'

Actionscript Code How to copy and where to paste the following code (below) onto your 'replay' symbol

copy this code for the Replay button Actionscript:

onClipEvent (enterFrame) {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
this.nextFrame();
} else {
this.prevFrame();
}
}

on (release) {
//Movieclip GotoAndPlay Behavior
_root.gotoAndPlay("your_label_here");
//End Behavior

}

Garage Band Opening the program

Making the Sound Creating and exporting the sound

Pasting the sound LIVE tutorial feat. P.9 Kids, ugh! Like it says

Helpful Links regarding Animation research project

Edward Muybridge

Persistence of Vision

The Flipbook

The Zoetrope

Nickelodeon The Early Movie Theater

Nickelodeon

How You See It (1936)

Traditional Animation

Storyboarding

Tweening

Photoshop Animal Project

Make your own ANIMAL - Create a hybrid of 2 or more animals - PHOTOSHOP - past examples below (tutorial coming soon)

Movies

Cutting and Joining Different Animal Parts

Files

Crazy Squirrel [] Untitled [] Wolf-Cardinal [] Bamawk [] Monkeyman [] B-Tiger [] Catfishbird [] PiFrog [] Kutztown

Photoshop Animal Project

Use photoshop to create a new breed of animal

Intro: What to look for How to select the best resolution stock photo

Animal Photo Considerations Try to match size and direction of images

Cutting with the grain p1 Polygon lasso technique to avoid ransom edges

Cutting with the grain p2 continued

Adjusting Color Matching the color of different animal parts

Clone Stamping Copying parts on a layer

Color range select/Modify blur Adv techniques to consider

PLANNER DESIGNS FROM THE PAST

OLD TUTORIALS

Content on this page requires a newer version of Adobe Flash Player.

Content on this page requires a newer version of Adobe Flash Player.