Issuu on Google+

BROOMFIELD HIGH

DIGITAL ART 2.4

TEXTBOOK 2.0

ART IS LIFE...

ThANK YOU JK

ART IS LIFE...

& DESIGN


key

L O B M SY KUP N O I C T A A T E B OU R C Y LA ISTIC T R A A I D ME

2

E L F B O T A T NTEN

B A C K

O C

S S T L N O E M TO T S U J D A

INSIDE 02-71

2

LS O TO

FX KS S TOR g Tools A M STRA ditin E ILLU Video & D ARE 3 W FT O

F

S E E R

M N IG

S T EN

Y S R S A Term SSA O L G


Symbol Key

3

Symbols will appear on certain page to help guide you.

Layout -

Canvas/ Starting (new project) -

Non destructive -

Color tools -

Layers -

Destructive -

Rulers -

Edge control -

EC

FILTERS -

Selection -

Transform tool -

Masks -

Levels Back-up -

Layer styles -

Clipping -

Digital Art logo -

Hyperlinks - Any word or phrase that looks like this


4

S A S

E V SA

)

R

G R O F

( S ILE

F G IN

V A S

NG I D A

E G RA

Type to enter text

O T S

P U K C A B & P U

K C BA

B A C K

T S I KL

C E H

C P U

K C BA

INSIDE 03-09

4

S A FL

R D H

S E IV


5

SAVE AS Always use (save as) instead of (save). -If you use (save) you will loose the ability to (re-name) your file. You will save over any file that has the same file name.


6

SAVING FILES Remember these settings & set-up are not optional....

for Grading

FIRST THING TO DO... CREATE a TURN-IN FOLDER All files must be placed in a Turn-in Folder WITH YOUR LAST NAME then FIRST NAME as the title.

SECOND THING TO DO... (project nameWorking.psd File) (This is your saved photoshop file with all LAYERS intact & visible)

THIRD THING TO DO... (Project name Final.psd File)

“USE ONLY MERGE VISIBLE”

(This is your saved photoshop file with all VISIBLE LAYERS merged & with only one layer visible) Note: this file is what we use for printing

This merges all visible layers, so make sure this is only done when you are at the end of your project... -Then save your file as (project nameFINAL.psd) note: make sure your saved file name is accurate.

FOURTH THING TO DO... ADD Media that you have used to your turn-in Folder: ALL pictures used, scanned drawings used, Artist statements, and self-evaluation in .pdf form... Your Turn-in Folder should be labeled like this...

Your Turn-in Folder should contain... 1. Your working file labeled properly 2. Your Final file labeled (& merged) properly 3. ALL of your original Media (This includes your self-evaluation & all pictures used.


7

SAVING FILES

for Grading

All files must be placed in a Titled Folder

Media that you have used: pictures used, scanned drawings used, self-evaluation in .pdf form...

(project nameWorking.psd File) (This is your saved photoshop file with the LAYERS intact & visible)

(Project name Final.psd File)

(This is your saved photoshop file with all Visible LAYERS merged & not visible)

“USE ONLY MERGE VISIBLE” This merges all visible layers, so make sure this is only done when you are at the end of your project... -Then save your file as (project nameFINAL.psd)


8

Backup/Storage USB FLASH DRIVE AT LEAST 1GB OF STORAGE. -note: try to look for a flash drives that is compatible with both Mac & Windows.

CD-R’S

IPOD DOCK CONNECTOR

CD-R’s can be used as storage. Students can purchase blank CD-R’s using their “Art Cards”.

In order to use your ipod as a storage device, you will need to enable the disk use feature in the preferences & have a USB dock connected.

-note: CD-R’s are not re-writable. so once they are finalized, no more data can be added.


9

5 Truths About Flash Drives by Jeremy Brock

Many devices such as USB flash drives, Solid State Drives (SSD), and memory cards (CF, SD, etc) use NAND memory to store data. NAND memory is inexpensive however it does have its faults. These are some interesting things i've learned while recovering data from bad USB flash drives:

1. Files ARE NOT deleted While NAND memory is solid state (no moving parts) individual sectors fail after 10K to 100K writes. To prevent failure each write operation stores data in a different location (wear leveling). If a file is deleted or overwritten numerous times using a “file shredder” application the original data will remain on the physical chip because each pass will write to a different physical sector. The only secure way to use flash devices is with an encryption layer such as TrueCrypt for USB drives and BitLocker for Solid State Drives (SSD).

2. Cheap Components As flash drives come down in price so have the quality of components. Many USB flash drive manufacturers are using untested NAND memory, choosing to rely upon the controller to handle bad blocks. Bad clock generators, faulty controllers, and buggy firmware are other common failures. While it’s no guarantee (*cough* PNY Anttache) I recommend buying flash drives from known manufacturers and staying away from inexpensive unbranded drives.

3. Flash Drives ARE NOT Indestructible USB Flash Drives are susceptible to wear and tear, static shock and power fluctuations. One frequent killer of USB Flash drives is removal during a write operation. This can cause corruption to the internal wear leveling tables that tell the controller where each sector is stored on the NAND flash chip. To prevent further corruption the drive will stop working resulting in errors like “Unknown Device” or “Unrecognized Device” and incorrect drive capacities (ie. Total Size: 0MB). Never unplug the drive while it’s in use. If possible, always use the “Safely Remove Hardware” applet.

4. Short Lifetime Newer high capacity NAND chips (MLC) have a shorter life time (~10K writes per sector) than older SLC chips (~100k writes per sector). Remapping bad blocks, wear leveling, and error correcting code (ECC) are used to prevent and identify failure. These technologies show their faults when there is no free space and a file is continually written to. For example premature failure can occur if the drive is full and the page file is actively used.

5. Very Difficult Data Recovery While data recovery is usually possible if the NAND chip isn’t physically damaged, this often involves removing the NAND chip and reverse engineering the controller to decode the data. Unlike hard drive data recovery, NAND data recovery is a relatively new field. Besides us, there are very few small data recovery shops that specialize in it. Most NAND data recovery is performed by the government and big data recovery shops at a high price. As with any other storage medium,

Don’t rely on a flash drive to keep backups of your important data. Instead use a flash-drive to transfer data between computer hard-drives.


10

BA

If you have only one copy

-UP

CK

of a FILE then you have no copies!!!

BACK-UP CHECK LIST

Knowing how to properly back-up is key to surviving that inevitable bad “technology� day...

K EC

CH

Do I have multiple copies of my file(s) that are up-to-date? Do I have multiple files saved in two completely different places? i.e. two different hard-drives.

T LIS

ALWAYS BACK UP


G T T N C I U T E O J R Y A O A R L ST P

11

B A C K

P O W H NE S O T O H P S A V N CA L BAR UND O GRO O T RE ND FOCKGROU BA

INSIDE 11-23

11

Y A L

T U O

R E K C I P S R O W L O O D C N I W / I W N I O M D N I W I N R I A M B L O O T S R E Y LA S S P E U D I O U G GR / S R E L RU


Starting a New Project 12

To start a new project: Go to FILE and select NEW.

NEW “CANVAS” SCREEN Your canvas size should not be bigger than 11 x 14. Your Resolution should always stay at 300 resolution. Note: 18 x 14 is a big canvas, your canvas’s will always be smaller than this...

CHANGING YOUR CANVAS AFTER YOU START A PROJECT MAY CAUSE SOME ISSUES. Note: It is better to know your dimensions at the beginning.

THE BIGGER THE IMAGE SIZE THE SLOWER PHOTOSHOP WILL RUN...


PHOTOSHOP LAYOUT 13

Menu Bar: save,print, & other

free space

individual Tool: toolbar

Your Tools (right side)

Canvas

Mini -Windows free space

Document/Canvas size info

AESTHETICS

"THE SCIENCE OF HOW THINGS ARE KNOWN VIA THE SENSES." How you arrange your desktop is up to you. But keep in mind that functionality is key to having an

enjoyable user experience when using software.


CANVAS

14

The canvas is “where the magic of creation happens”.

TRANSPARENT (you can see the Pixels)

This Indicates if the file has been saved

ZOOM %

Document/File SIZE

This tells you how much or little you are zoomed in on the canvas.

This tells you how big or small your complete file is.


Tool Bar

15

Tool Bar

“KNOWING YOUR TOOLS IS HALF THE BATTLE”. It is very important that you familiarize yourself with the types of tools PhotoShop has to offer.

CLICK AND HOLD (ARROW IN BOTTOM RIGHT CORNER) TO REVEAL MORE TOOLS. This will not only change the tool you are using, but it will change the individual tool, tool bar.


FOREGROUND & BACKGROUND 16

Color Picker The Visible-Color Spectrum Wheel

Foreground (in front of)

Background (behind)

hex triplet Is a six-digit, three-byte hexadecimal number used in HTML, CSS, SVG, and other computing applications, to represent colors.


4

MINI-WINDOWS 17

“DON’T OPEN TO MANY WINDOWS.”

Try to limit the number of mini-windows you open.

-Navigation -Layers -History -Color

MENU BAR Each category title will help you to determine what is located within the sub categories. (Editing tools are located under Edit, image tools are located under Image.

MINI-WINDOWS SELECTION Simply click the mini-window you want to become visible. A check mark will appear by the visible mini-windows. To hide a window single click the checked item.

MIN-WINDOWS


HISTORY 18

Go back to the future...

The history section of the mini window lets you go back to an earlier state of your project. -NOTE: The History state is not unlimited, the default range is generally between 20-30 steps that you can go back to.


-Mini Window Toolbar 19

Link Layers

Add Layer Styles

Add Layer Mask

New Fill or Adjustment Layer

Add new Group

-linking layers is helpful when you need to moving or adjust more than one layer

-used to open Layer Styles window

-Adds a layer mask to the (selected) layer

-Adds a Fill layer or New adjustment layer (i.e. Levels, Curves, color, etc)

-Adds a new group -If you drag an existing layer onto this symbol it will (put that layer

Add new layer -Adds a new (blank layer) to your project. -If you drag an existing layer onto this symbol it will (duplicate) that layer.

Trash

-click to delete selected layer or Drag onto this symbol to delete layer


20

MINI-WINDOWS LOCKS

Lock transparent pixels protects all transparent areas.

Lock image pixels protects all which is not transparent.

Lock position protects the layer from being moved.

Lock all combines the previous three items.


21

LAYERS

Understanding Layer order is essential to Photoshop. *Layer Order: Top to Bottom

Navigator View (similar to a print view)

*Top Layer *Middle Layers *Background

Top

Mid

dle

Lay

er

Lay

ers

Bac

kgro

und


22

Groups Groups are fundamental to keeping your projects organized.

Right click on folder

Using Groups as a powerful tool-

When layers are within a Group you can do things that effect all of the layers at once (such as: moving, merging, transforming, copying, layer blending, etc...)

Click on Folder icon to create a


23

Rulers/Guides First thing- make sure that (Rulers view) is checked. TO GET GUIDESsimply (click on the ruler) and drag into position. -Drag from the top ruler for (horizontal) guide lines -Drag from the left ruler for (vertical) guide lines

To clear a guide simply drag the guide back to the ruler from which it came Or goto the (view) section of the Menu bar and click on Clear Guides.


24

B A C K

T & R S A T F N SO E M E E L L E IP C N N I R O I P IT S O P M O C

C I T S I N T O R I A EAT R C E V I AT

E R C INSIDE 24-30

24

E G ED

S S CE

O R P

L O TR

N O C

G N I S T E N I I PA ATEG R T S


ELEMENTS & PRINCIPLES OF 25

ART Elements of art Line Shape Form Color Texture Space Value Principles of art Emphasis Balance Harmony Variety Movement Rhythm Proportion Unity

LINE + SHAPE = FORM

Elements of Art

Principles of Art

Line is an element of art which refers to the continuos mark made on some surface by a moving point. It may be two dimensional, like a pencil mark on a paper or it may be three dimensional(wire) or implied( the edge of a shape or form) often it is a outline,contour or silhouette. Shape is an enclosed space defined by other elements of art. shapes may take on the appearance of two-d or three- objects. Form is an element of art that is threedimensional and encloses volume. Cubes ,spheres,and cylinders are examples of various forms. Color Is an element of art with three properties 1) Hue, the name of the color, e.g. red, yellow, etc. 2) Intensity or the purity and strength of the color such as brightness or dullness. And 3) Value, or the lightness or darkness of the color. Texture refers to the surface quality or "feel" of an object, such as roughness, smoothness, or softness. Actual texture can be felt while simulated textures are implied by the way the artist renders areas of the picture. Space refers to the distance or area between, around, above or within things. It can be a description for both 2 and 3 dimensional portrayals. Value describes the lightness or darkness of a color. Value is needed to express Volume.

Emphasis in a composition refers to developing points of interest to pull the viewer's eye to important parts of the body of the work. Balance is a sense of stability in the body of work. Balance can be created by repeating same shapes and by creating a feeling of equal weight. Harmony is achieved in a body of work by using similar elements throughout the work, harmony gives an uncomplicated look to your work. Variety refers to the differences in the work, You can achieve variety by using difference shapes, textures, colors and values in your work. Movement adds excitement to your work by showing action and directing the viewers eye throughout the picture plane. Rhythm is a type of movement in drawing and painting. It is seen in repeating of shapes and colors. Alternating lights and darks also give a sense of rhythm. Proportion or scale refers to the relationships of the size of objects in a body of work. Proportions gives a sense of size seen as a relationship of objects. such as smallness or largeness. Unity is seen in a painting or drawing when all the parts equal a whole. Your work should not appear disjointed or confusing.


26

LINE

is an element of art which refers to the continuos mark made on some surface by a moving point. It may be two dimensional, like a pencil mark on a paper or it may be three dimensional or implied (the edge of a shape or form) often it is a outline,contour or silhouette. “Line is the foundation, the building block of art...�


27

SHAPE or 3D objects.

is an enclosed space defined by other elements of art. shapes may take on the appearance of 2D


28

FORM

 

is an element of art that is three-dimensional and encloses space. Form can be both real and implied.


29

COMPOSITION How you arrange objects within your piece (canvas), is one of the most important decisions you will make about your art.

Original Image

For

egr

Mid oun

dle

d

Gro

und

Bac

kgro

und


THE CREATIVE PROCESS 30

My Sketchbook

My sketchbook holds my thoughts, ideas, & dreams

Artist Checklist

Do I throughly understand what my goal and/or what the (assignment) is about? Do I understand the requirements to meet my goal? Artistic requirements Technical requirements What sketches or Layout designs do I need to do prior to creating my digital art?

Will another medium help to enhance my digital art?


THE MATRIX 31

A Computer Generated Dream World ... THE

What is real? How do you define real? If you're talking about what you can hear, what you can smell, taste, and feel, then real is simply electrical signals interpreted by your brain.

By William Irwin

THE REAL WORLD The world as we know it...


PAINTING 32

LINE + Shape = Form

STRATEGIES

Blending All types of digital art require a knowledgeable understanding of blending techniques.

Layering Painting “even digital painting� is about layering of colors to create depth & details.

Opacity Opacity is key to blending when digitally painting.

Work from Background to Foreground. Work from Light to Dark


EDGE CONTROL! 33

Edge control

Edge control

Edge control

Creating Digital Art in Photoshop is all about blending image elements together.

-Wether

you are doing digitally painting or photo manipulating an image.

“The key to your success is controlling the edges of the added elements�.

C E


Subject:

SETTING

MIND MAPING

Date:


34

S E YP

T E FIL

s ’ F PD

.

R Y P

CO

B A C K

T H IG

A I D E M S E G

A M I E

L G O

GO

S O OT

H P K

INSIDE 31-39

31

C O ST

IN

T U P

S E IT

V E D

S E IS


STOCK PHOTO 35

1. Stock.Xchng http://www.sxc.hu/ index.phtml

SITES

2. Public-Domain-Photos

http://www.public-domain-photos.com/

3. Everystockphoto http://www.everystockphoto.com/

4. StockVault http://www.stockvault.net/

5. Pixel Perfect Digital http://www.pixelperfectdigital.com/ free_stock_photos/


36

Vector

Raster

.FILE TYPES .PSD

.JPG

.PNG

.GIF .BMP .TIFF

.FLV .PDF

.AI

“Your files are your art, you must know how and where they are saved at all times”

Raster If vector programs are usually "drawing" programs, then raster applications tend to be considered "painting" programs. Just as Van Gogh used to paint a brush point or dot at a time, raster applications create their images a pixel (based on "picture element") at a time.

.PSD - Adobe Photoshop The file format photoshop uses

Vector As opposed to the raster image formats (where the data describes the characteristics of each individual pixel), vector image formats contain a geometric description which can be rendered smoothly at any desired display size.

.AI - Adobe illustrator The File Format Illustrator uses

.JPG or (jpeg)- Joint Photographic Expression Group A format developed by the Joint Photographic Expression Group, it is popular for Web use with continuous-tone (read: photographic) images, -but is less appropriate for use in print, as it achieves its economic file sizing by being a "lossy" format

.PNG - Portable Network Graphics more potent and flexible than GIF, retaining all of GIF's latest improvements (such as GIF89a transparency) while adding features, such as full 8-bit and 24-bit color palette options.

.GIF -

Graphics Interchange Format A Compuserve®-trademarked format for online transmission and display of pixel-based images. These files are generally small, and images best saved as GIFs are line art, those containing solid blocks of color, and lacking in continuous tone, gradient-type images.

.BMP- Bit MaP

.TIFF -

not unlike TIFF, but far less universal. Photoshop-friendly, and has some cross-platform virtue, albeit limited. Tagged Image File Format The Tagged Image File Format is, perhaps, the most crossplatform-friendly of file formats, at least for the printed world

OTHER FILE FORMATS These are other file formats that are important for digital artists.

.PDF - Portable Document Format Not considered a graphic file format to purists, but the default "image distribution" format.

.FLV - Flash Video Flash Video is a file format used to deliver video over the Internet using Adobe Flash Player


tamroF Format

tnemucoD Document

.PDF elbatroP Portable

37

Use PDF’s to distribute graphical documents

Why use PDF’s? Multimedia capable

You can store & also print large amounts of information from the web.

The content you want to add is a form you would like people to be able to print, fill out and send in to you.

If the content is a long document, it can be difficult to read on a computer screen. PDF’s can help make viewing long documents look more natural and easier to read.


INPUT DEVISES 38

The path between the The Real World & The Matrix.

(Human) Input devises: Eyes, nose, mouth, skin, hands & feet

The “Real World”

The “MATRIX”

Flatbed Scanner

Film cameras

1080p Digital Camera


INPUT DEVISES 39

TABLETS & Multi Touch

More and more we want our interaction with computers to be more natural.

Tablets are (a must for a true graphic artist).

Bamboo Fun Wacom Tablets ( The beginner tablet).

Intuos 4 (Advanced tablet)

Bamboo Wacom Tablets ( The intermediate tablet).

Cintiq (A tablet with a pen tough screen)

Cintiq (A tablet with a pen tough screen)

Augmented Reality -A 3D (holographic) concept that allows you to physically interact w/ the “matrix”.

Micro-Soft Table Top PC w/ MultiTouch. Apple’s touch screen tablet concept). Apple’s touch screen tablet concept).

iPhone (cellphone w/ multi-touch)

Palm Pre (cellphone w/ multi-touch)


TABLET CONTROLS

WACOM

Wacom is the de facto digital tablet company. Tablets allow digital artists to create art more like traditional artists. Why should you use a tablet? Tablet increase your precision, and most importantly allow you to control pressure sensitivity, line thickness & the amount of opacity of certain tools. Bamboo tablet properties

Bamboo tablets Each tablet operates a little differently, but the basics are the same. More expensive tablets (Intuos), have more tablet space and more pressure sensitivity and touch inputs. Intuos tablets

Intuos tablet properties Tablet Rules • Know where your tablet settings are. • Make sure your workspace is set up for maximum comfort. • Hold your pen exactly like you hold your pencil (do not change something you have been doing since pre-school). • Learn how to move your palm around the tablet. (This is the mouse mode; when your pen hovers just above the tablet surface). • Know how the software uses your tablets functionality. Different software will work differently. • Trust you can do this, and just like any new tool you must use it regularly. (“get away from the mouse” as much as possible)

Adjust these settings to make your pen act & feel more natural.

In my opinion do not use the “Windows Ink” setting. This option should be unchecked. Windows ink cause a lot of undesired results.


TABLET CONTROLS

WACOM

I have found that these settings help a lot, but you will from time to time, need to turn these settings of and use traditional opacity and size settings.

You may have seen these little icons in the Tool Toolbar at the top of Photoshop. When activated, this button allows you to control the size & opacity of your tool by the pressure you apply with a pen on a Wacom tablet. This is idea for Digital Painting & Photo manipulation.

(Pressure for Opacity button) allows you to control the opacity of your brush based on your pen pressure. The harder you press the less seethrough your lines are. This will allow you to mimic the fluidity and style of lines found in typical hand drawn art.

(Pressure for Size button) allows you to control the size of your brush via the pressure you apply with a pen on a Wacom tablet. The harder you press down on the tablet, the bigger the brush gets, allowing you to switch between fine lines and bold marks without having to change your settings. Note: Besides the paint brush this button is also found in the Healing Brush, Clone Tool, History Brush, Eraser, Smudge Brush and Dodge/Burn Tools.


MOBILE CAMERAS 


The Best Camera Is The One You Have With You… A link to a webpage with Mobile Photography tips The best way to determine your camera phone’s image resolution and file size is to download an image from your phone to your computer and use the “get info” command. (Usually you can do this by right clicking on a file.)

IPhone 6 Image size

2,448 x 3,264 / 2.2 MB Note: This is the resolution & file size taken by the native iPhone 6 camera app. Quality will drop if you use an app like Instagram.

Color & Texture Walks: are a great way to improve your eyes and increase you stock image library. Color Walks are when you “walk the earth” taking pictures based solely on colors. Texture Walks are when you “walk the earth“ taking pictures based solely on Texture.

Remember as a rule of thumb, do not use any image if it is under a 1000 x 1000. Never sacrifice quality for convenience.


MOBILE CAMERAS  

The Best Camera Is The One You Have With You‌ A link to a webpage with Mobile Photography tips

Image size taken by

IPhone 6

is

2,448 x 3,264 / 2.2 MB Note: This is the resolution & file size taken by the native iPhone 6 camera app. Quality will drop if you use an app like Instagram.

Image shot with iPhone 6 (zoom in see quality)

Remember as a rule of thumb, do not use any image if it is under a 1000 x 1000. Never sacrifice quality for convenience.


MOBILE CAMERAS 


The Best Camera Is The One You Have With You… A link to a webpage with Mobile Photography tips

ADOBE CAPTURE CC 4 Apps in one

WE WILL USE THE ADOBE COLOR CC APP: You will download the Adobe Capture CC app which has four apps including Adobe Color CC. Adobe Color CC

Color & Texture Walks: are a great way to improve your eyes and increase your stock image library. Color Walks are when you “walk the earth” taking pictures based solely on colors. Texture Walks are when you “walk the earth“ taking pictures based solely on Texture.


MOBILE CAMERAS The Best Camera Is The One You Have With You‌ A link to a webpage with Mobile Photography tips

Adobe Color CC Capture color inspiration.

Capture color combinations whenever inspiration strikes with Adobe Color CC and your iPhone, iPad or Android devices. Your color themes are automatically saved to Creative Cloud Libraries for access in desktop and mobile apps, or to share with your team. Color CC now works with the Apple Watch, so you can browse themes from other users around you and save them to your libraries.

Color Wheel To get to the color wheel click on edit in the top right corner after you take a picture. Use the color wheel feature to understand which colors go together.

Click this symbol to help you understand color theory.

Simply point your camera phone camera at an object to get a color theme for that object.


Basic Website layout Header

Header: Located at the top of the page, can contain information.

Window Body

Banner Banner: is typically rectangular advertisement placed on a Web site either above, below or on the sides of the Web site's main content and is linked to the advertiser's own Web site.

Window Body: Fills up the page. Like the Canvas sometimes contains style editing.

Navigator Navigator: Allows the user to move from page to page fallowing the site architecture and Layout.

Canvas

enter text

Canvas: Where page content is located. Usually contains style editing.

Type to

Footer Footer: An area where copyright information and additional links are found.

Important Web Language

Domain Name: A name that identifies one or more IP addresses.

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation (that is, the look and formatting) of a document written in a markup language.

HTML - "HyperText Markup Language" is the authoring language used to create documents on the World Wide Web (WWW). HTML defines the structure and layout of a Web document by using a variety of tags and attributes. All the information you'd like to include in your Web page fits in between the tags. There are hundreds of other tags used to format and layout the information in a Web page.

Adobe Flash (previously called Macromedia Flash). Flash has become a popular method for adding animation and interactivity to web pages. Flash is commonly used to create animation, advertisements, and various web page components, to integrate video into web pages, and more recently, to develop rich Internet applications.


GoSquared

CSS Help Sheet

This Needs a Diagram

Syntax Syntax

height

selector {property: value;}

External Style Sheet

width

<link rel=”stylesheet” type=”text/css” href=”style.css” />

Internal Style border

<style type=”text/css”> selector {property: value} </style>

padding

margin

background border border-bottom border-left border-right border-top font list-style margin padding

height; width; margin-top; margin-right; margin-bottom; margin-left; padding-top; padding-right; padding-bottom; padding-left;

Inline Style

Border

<tag style=”property: value”>

General String preceded by a full stop [.]

ID

String preceded by a hash [#]

div

Formats structure or block of text

span

Inline formatting

color

Foreground colour

cursor

Appearance of the cursor

display

block; inline; list-item; none

left

overflow

How to handle content that overflows its box. visible, hidden, scroll, auto

top

The top position of an element auto, length values [pt, in, cm, px]

visible, hidden

position

static, relative, absolute

z-index

Above or below overlapping elements auto, integer [higher numbers on top]

visibility

Font

Position clear

If any floating elements around the element both, left, right, none

float

Floats to a specified side left, right, none The left position of an element auto, length values [pt, in, cm, px]

font-style italic, normal fontvariant

normal, small-caps

fontweight

bold, normal, lighter, bolder, integer [100-900]

font-size

Size of the font

background-color Colour of background background-image Background image

letter-spacing line-height text-align textdecoration

Space between letters Vertical space between baselines Horizontal alignment blink, line-through, none, overline, underline

text-indent texttransform vertical-align word-spacing

First line indentation capitalise, lowercase, uppercase

backgroundattachment

Background image scrolls with element scroll, fixed

backgroundposition

(x y), top, center, bottom, left, right

List list-styletype list-styleposition list-styleimage

Type of bullet or numbering in the list disc; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none Position of the bullet or number in a list inside; outside Image to be used as the bullet in the list

Download this Help Sheet now at gosquared.com/liquidicity or put it on your wall

all braille embossed handheld print projection screen speech tty tv

Units

background-repeat repeat, no-repeat, repeat-x, repeat-y

Text

:hover :active :focus :link :visited :first-line :first-letter

Media Types

Background

font-family Specific font[s] to be used.

Vertical alignment Spacing between words

Pseudo Selectors

Colour of the border

class

Comments /* Comments */

border-width Width of the border border-style dashed; dotted; double; groove; inset; outset; ridge; solid; none; border-color

Shorthand

Length % em pt px Keywords bolder lighter larger Please note that developing CSS to work with IE6 is a lost cause. Spread the word: encourage your users to give up on IE 6 (unchanged since 2001.)

© 2008 Go Squared Ltd.


TECHKNOWLEDGE Life Changing

40

w

Whatâ&#x20AC;&#x2122;s ne

Trends

Write a 1 page or 500 word paper on one of the subjects (below) to help increase your tech knowledge.

HT

vi cti

du

pro

Augmented Reality M Ne L5 tN e utr Streisand effect alit g y n i t u p m o c d u o l C

User interface

se Fa ir U

EULA

ty

social networking


COPYRIGHT

41

Always know where you are getting images from. -Only use stock photo sites that have pictures that are public domain and royalty free.

T, EI US U IT” YO E G “IF AN CH Respect & Understand what a watermark means.

Read the License agreement


42

images Use the (Adv. Image Search) to get better results. IMAGE SIZE FILTER

Image Type Filter

1080P:

1920Ă&#x2014;1080 (HD on TV)

This is the best HD quality currently available on a TV. -Note: A computer monitors resolution is generally much higher than that of a TV.

Your resolution should always be HD quality or above.

This image is 315 X 290 (it looks OK now?) THIS IS NOT A USABLE RESOLUTION IN THIS CLASS (REGARDLESS OF THE PROJECT) Small images become pixellated & loose detail when you make them


N O TI

43

C E EL

S

OLS

TO

G N I D

N E BL

S L O

S L O O T

R E AY

L

B A C K

O T H

S U R

B

S L O

R O SF

O T M

N A TR

L O TO

INSIDE 40-57

40

L O O N T R U N E B P & L O E O G T O T D N IE D A R L G O O T T L X O E T O T H E S N U O R B CL G N I L S A E E P H A SH


44

Selection Tools Magic Wand

MAGIC WAND TOOL Use the magic wand to select a certain area of an object based on the color or value of that object.

TOLERANCE The Higher the Number (0-225) the more accurate the tool matches the color.

Check Anti-aliased to define a smooth edge to the selection. Check Contiguous to select only areas which are joined together. Check Use All Layers to select areas from all layers.

A good beginning tool for simple selections, but do not use this tool for precise detailed selections. Instead use the Pen tool.


45

Selection Tools Square Selection Tool:

best used for selecting big areas

â&#x20AC;&#x153;Marching Antsâ&#x20AC;?

Circular Text Tool:

best used for selecting round objects/areas.

Use the selection tool to select a whole or part of an object. (once selected you will see marching ants..) -The selected area can now be edited.


46

The BRUSH Tool

Brush quick access toolbar: Only visible when brush is selected from the side toolbar.

Type, Diameter & Hardness selection box

The Brush tool: hold bottom right corner for more tools i.e. pencil tool

Foreground & Background Color selector: double click on color to expose color swatches.

“ALL GOOD PAINTERS NEED GOOD BRUSHES” * Round: The long closely arranged bristles of these brushes make them useful for detail * Flat: These are used for spreading paint quickly and evenly over a surface. They will have longer hairs than their Bright counterpart. * Bright: These are flat brushes with short stiff bristles and can be useful driving paint into the weave of a canvas in thinner paint applications, as well as thicker painting styles like impasto work. * Filbert: Flat brushes with domed ends. They allow good coverage and the ability to perform some detail work.

* Fan: These are used for blending broad areas of paint. * Angle: These, like the Filbert, are versatile and can be applied in both general painting application as well as some detail work. * Mop: A larger format brush with a rounded edge for broad soft paint application as well as for getting thinner glazes over existing drying layers of paint without damaging lower layers. * Rigger: Round brushes with longish hairs, traditionally used for painting the rigging in pictures of ships. They are useful for fine lines and are versatile for both oils and watercolors.


BRUSH DYNAMICS ADV. BRUSH PRESETS

Modify existing brushes and design new custom brushes. The Brushes panel contains the brush tip options that determine how paint is applied to an image. The brush stroke preview at the bottom of the panel shows how paint strokes look with the current brush options.

A.

Toggle the Brush Preset Panel

D.

B.

A. Locked/ Unlocked C. Brush stroke preview

C. The brush stroke preview at the bottom of the panel shows how paint strokes look with the current brush options.

B. Brush settings D. Pop-Up Menu

C.


Brush Creation 47

Brush creation link

1. First import your picture into (photoshop), then go to EDIT. Select Define Brush Preset.

1. 1.

2.

2. You will then see a labeling box. After you label your new brush click 3. Open up the brush selection window. Make

sure you see your newly created brush, then click on the little arrow in the top right corner. Go to save Brushes....

3.

3.


49

TRANSFORM FREE

WARP

SCALE

SKEW

DISTORT

ROTATE

PERSPECTIVE

The transform tool is able to change the size, shape, and look of an objects (pixels).

Click on the check mark to finalize the Transformation.

Transform (bounding Box) Free Transform Allows you to (freely) or transform an object in different ways. -You can scale, rotate,skew, and warp


50

TRANSFORM FREE

WARP

SCALE

SKEW

DISTORT

ROTATE

PERSPECTIVE

The transform tool is able to change the size, shape, and look of an object.

Warp is a free form tool.

Side Handles

Click on the Warp mode to switch between warp and free transform modes. -Warp mode gives you a selectable guide w/ points & side handles and arm-bars.

By clicking & Dragging on the side handle will make arm-bars appear. This will let you warp more accurately).


51

TRANSFORM FREE

WARP

SCALE

SKEW

DISTORT

ROTATE

PERSPECTIVE

Skew - is a transform tool that is a orthogonal. Skew restrict movement to strictly vertical or strictly horizontal. Skew

Perspective - is a transform tool that fallows the rules of perspective aligning with a vanishing point. Perspective


The pen tool is like a vector based tool. Vector 52images

are represented by geometric shapes such as lines, circles and curves ( & not pixels ).

Pen Tool

Make sure you see & use these settings!

To Add points: (single)

Use the Convert point tool (to make points visible).

+ Anchor points let you make a strait line curved. To use: Click & (release) between the two points. Pull on arms to fine tune curves Note: Put points at the beginning and end of a curve.

DONâ&#x20AC;&#x2122;T USE THESE SETTINGS!


53

Pen Tool

(continued)

Load selection

-Once you have created the Work Path around your image.

-Select the Path tab and drag the (working Path) to the load selection icon: -this will load the path as a selection -Now that the path is a selection you can edit the selected area.


54

Pen Tool Exercise (use this exercise to fine tune your pen tool skills) -note: Try to use as few points as possible

This exercise is to be used with the pen tool exercise .PSD file you were given.


DODGE & BURN

55

Exposure can be treated like the (opacity) option of the paintbrush tool.

Brush size

The Dodge & Burn mini toolb

ar is similar to the paintbrus

Choose which area of the picture you want to (effect) Shadows = Blacks (dark areas) Midtones = Middle greys (in between areas) Highlights = Whites (light areas)

DODGE TOOL -USE this to LIGHTEN (shadows, midtones, & highlights).

BURN TOOL -USE this to DARKEN (shadows, midtones, & highlights).

Click & (hold) to see the tools that are not displayed.

h mini toolbar.


Gradient Tool

8

56

â&#x20AC;&#x153;A rate of change with respect to distance of a variable quantity.â&#x20AC;? Radial

Traditional

Hi-light these little images (by clicking on them) to change the type of Gradient.

Click and Drag cursor across Layer to determine the length/size of the Gradient.

The Gradient tool allows you to select different color patterns.


A b57 B CdE FgH IjK

TEXT Tool STEP # 1 Select The (selection )text tool then type your font. -You will see a selection font that will allows you to put a picture into the font. -Make sure you are on the layer that

STEP # 2 Once you have your selection, use the mini tool tool-bar to resize

STEP # 3 Once you are finished (deselect) the text and COPY & PASTE to a new

ONCE YOU HAVE YOUR TEXT IN IT’S OWN LAYER. TOOLS TO USE: TRANSFORM, GRADIENT & LAYER STYLES TO REALLY MAKE YOUR TEXT “POP”.


Clone Stamp 58

Origin

Final

Close up

STEP # 1 To clone the Sand Hold Down ALT key then click (w mouse the area you want to clone: The Clone SCOPE will appear. Conclusion: up w/ CLONED SAND Here

STEP # 2 You should now see What/Where you are going to clone (circle symbol). Note: This is the place where you are going to put the newly clone

STEP # 3 You will now see the (whatâ&#x20AC;&#x2122;s being Cloned crosshairs) note: Watch this symbol closely, because this is what is being clone.


Healing Brush 59

Healing Brush Tool used to remove the Text But (still preserving the skin texture).

USE THE HEALING BRUSH TO REMOVE AND ADD TEXTURE. The Healing brush tool is used like the clone stamp (hold down option key to get the “scope curser”). It removes text, spots and scratches while preserving the texture and values underneath or next to the text, scratch, or spot.

EX

A R T

-MORE CONTROL of your EDITING go under the Edit menu, choose Fade Healing Brush


CUSTOM SHAPES 60

Custom Shapes can be used & created very similar to (see: created brushes).

Make sure you see these settings.

By clicking on this icon you will get a drop down menu were your custom shapes can be found

Once you have selected & made your shape you have created a work path (notice the skinny gray lines). -This work path can be edited in the same way any Path can be edited.

Click on the load selection icon to make the path a selection


PUPPET WARP adv.

TRANSFORM TOOL

You can apply a Puppet Warp on regular layers, shape layers, type layers, Smart Objects, and even vector masks. Here’s how: 1.

! ! ! !

Select your desired layer in the Layers panel.

Mode: Determines the elasticity of the mesh. Distort will give you an ultrastretchy mesh, while Rigid will do the opposite.

2.

Choose Edit→Puppet Warp.

3.

On the Tool Toolbar, specify your desired settings:

Density: Specifies the spacing of the mesh, where small changes in moving the pins result in larger warps. Also a good mode for larger images. Rigid is the opposite and recommended when your object is more stiff, as with human appendages.

Expansion: Expand or contract the outer edges of the mesh.

Show Mesh: Deselect to display only the pins, and not the mesh.

4.! ! ! !

5.! ! !

On your image, click to add a pin to an area you want to distort or anchor. Drag a selected pin to warp the mesh.

6. To rotate around a pin automatically, select Auto on the Options bar, and drag. To rotate a fixed number of degrees, select Fixed on the Options bar, press the Alt (Option on the Mac) key and position your cursor near, but not over, the pin. Drag to rotate. Your degree of rotation appears on the Options bar. 1.

2.

You can also do the following: ◦

To show a mesh area that you’ve overlapped over another, click the Pin Depth buttons on the Options bar.

To select multiple pins, Shift+click on your desired pins. Release the Shift key to drag all pins simultaneously.

To delete a pin, select it and press Backspace (Delete on the Mac). Or Alt (Option on the Mac) and click over a pin.

Click Remove All Pins (the curved arrow icon) on the Options bar to do just that.

To select all pins, press Ctrl (Command on the Mac). To deselect all pins, press Ctrl+D (Command+D on the Mac). To hide the mesh, press Ctrl+H (Command+H on the Mac).

To exit Puppet Warp, click the slashed circle icon, or press Esc.

After you warp to your desired result, press Enter (Return on the Mac) or click the check icon on the Options bar.


CONTENTFILLAWARE 1.

You will need to use a selection

tool, such as the lasso tool, to isolate the area that you would like to remove.

(note: If there are any shadows around the object that you would like to remove, be sure to include them within your selection so that all visible evidence of the unwanted element will be removed.)  

2.

Go to Edit>Fill and make sure to choose Content Aware in the drop-down menu.

3.

You may need to clean up the background even more, but remember in many situations you will be covering up (the newly created background) with foreground objects.


CONTENT AWARE MOVE Use the Content-Aware Move tool to select and move a part of a picture. The image is recomposed and the hole left behind is filled using matching elements from the picture. You do not need to carry out intensive edits involving layers and complex selections.

You can make a selection with the Content Aware Move Tool or any Selection tool.

Once you have selected your area to move. Simply click and drag the selected area to the location you want. (You can adjust the results by changing the Adaptation settings from Very Loose too Very Strict.)

click and drag selected area


61

S E D

O M E

G A IM

S L VE

LE B A C K

T N E M T S U J D A

S L O O T

S T N

E M ST

U J D

A R LO

CO

INSIDE 48-54

48

S T N

E M ST

K JU C A L AD B & E S T I T N E WH TM

S U E J S D D A YER O M G LA N I D N LE


62

IMAGE MODES

If you find that you cannot edit a file, and a lot of tools are grayed out, check the image mode.

RGB Every color computer monitor and television in the world displays color using the RGB image mode, in which every color is produced with varying amounts of red, green, and blue light. CMYK Traditional full-color printing presses can print only four colors in a run: cyan, magenta, yellow, and black. Every other color in the spectrum is simulated using various combinations of those colors. When you open a file saved in CMYK mode, Photoshop has to convert the CMYK values to RGB values on the fly, in order to display the image on your computer screen. It's important to remember that when you look at the screen, you're looking at an RGB version of the data. Bit Map "flat" black-and-white images, in which each pixel is defined using one bit of data (a zero or a one), are bitmaps. limited in the sorts of image editing you can do. For instance, you can't use any filters Grayscale Grayscale files consist of an image that only uses values. -In Photoshop are always either 8- or 16-bit images: Anything less than 8-bit gets converted to 8-bit.

Duotone

extra colors aren't typically used to simulate colors in the image; rather, they're used to extend the dynamic range of the underlying grayscale image. Those expensive Ansel Adams books on your coffee table were very likely printed using three or four (or even five or six) different black and gray inks.

Index Color

Multichannel mode

While indexed color can save disk space (it requires only 8 bits per sample point, rather than the full 24 in RGB modeâ&#x20AC;&#x201D;see below), it gives you only 256 different colors. That's not a lot of colors, when you compare it to the 16.7 million different colors you can get in RGB.

This mode is the generic mode: like RGB or CMYK -Many scientific and astronomical images are made in "false color"â&#x20AC;&#x201D;the channels may be a combination of radar, infrared, and ultraviolet, in addition to various colors of visible light.

Lab Color Lab doesn't describe a color by the components that make it up (RGB or CMYK, for instance). Instead, it describes what a color looks like. Photoshop uses Lab mode as a reference when switching between CMYK and RGB modes


LEVELS 63

Middle Grey Black

White

Adjusting each slider will increase or decrease the input level of the Value. Adjustments: can dramatically effect your piece with a click or a slide.

Output Levels effect all values at once.

A full range of Values can add a lot to a picture, such as depth, distance, and texture, to name a few...


CURVES 


COLOR, CURVES, & COLOR GRADING

In the Curves adjustment, you adjust points throughout an image’s tonal range. Initially, the image’s tonality is represented as a straight diagonal line on a graph. When adjusting an RGB image, the upper-right area of the graph represents the highlights and the lower-left area represents the shadows. The horizontal axis of the graph represents the input levels (original image values) and the vertical axis represents the output levels (new adjusted values). As you add control points to the line and move them, the shape of the curve changes, reflecting your image adjustments. The steeper sections of the curve represent areas of higher contrast while flatter sections represent areas of lower contrast.

Panel Menu (You can save your curves settings). Set black point. Sample image to Set Black Point. (Sample the blackest part of your image).

Sample image to Set Gray Point. (Sample the Grayest part of your image).

Curves

Sample image to Set White Point.

-Can be used to do color corrections & color grading. Set Grey point.

(Sample the Whitest part of your image).

Set White point.

Clip Adjustment to layer bellow. (This means the adjustment will only effect the layer directly underneath the adjustment).

Turn on/off Adjustment visibility. Reset to Adjustment Default.


CURVES COLOR, CURVES, & COLOR GRADING

In the Curves adjustment, you adjust points throughout an imageâ&#x20AC;&#x2122;s tonal range. Initially, the imageâ&#x20AC;&#x2122;s tonality is represented as a straight diagonal line on a graph. When adjusting an RGB image, the upper-right area of the graph represents the highlights and the lower-left area represents the shadows. The horizontal axis of the graph represents the input levels (original image values) and the vertical axis represents the output levels (new adjusted values). As you add control points to the line and move them, the shape of the curve changes, reflecting your image adjustments. The steeper sections of the curve represent areas of higher contrast while flatter sections represent areas of lower contrast.

what would happen when you drag a point up or down, in any given channel.


3


COLOR GRADING Color grading is the process of altering and enhancing the color of a motion picture, video image, or still image either electronically, photo-chemically or digitally. Color correction, whether for theatrical film, video distribution, or print is generally done digitally in a color suite.

BEFORE

BEFORE

AFTER AFTER

Complementary Colors: are colors that are opposite each other on a color wheel. Skin color is opposite the blues, that is why in a lot of movies the background has a blue or greenish tint. AFTER

BEFORE


64

Color Adjustments Adjust the sliders to change the color of the layer you are currently on. The Visible-Color Spectrum Wheel

It is best to start your adjustments with the Midtones, as they will have more of a global effect than either Shadows or Highlights. You will need to adjust all three Shadows Midtones and Highlights settings before you click OK.

The Preserve Luminosity option prevents the brightness from being changed.


65

ITE H &W

CK A L ^ B

Color Adjustments You need to have an understanding of what colors are in an image. -This will allow you to adjust the sliders to effect those colors when you turn your image black & white..

Red slider at -200 (red removed)

Yellow slider at 300 (yellow maxed out)

Tint checked


66

Adjustment Layers The best thing about creating an adjustment layer is that it is non destructive (â&#x20AC;&#x153;no pixels are being harmedâ&#x20AC;?). Click on the Adjustment Layer icon then select the desired adjustment option. Make sure you are selected on the image layer before clicking the adjustment layer icon.

The Adjustment Layer can be adjusted at anytime. -And If you wish to delete the adjustment layer you will not effect your original image layer.


67

Blending MODE

The blending mode: specified in the options bar the blending mode controls how pixels in the image are affected by a painting or editing tool.

When you think of the blending mode you should always ask yourself simple questions: How can I bring this piece/ Layers together? How can I control my edges?

Click here to see a description of all the BLENDING MODES

Multiply Multiply blend mode makes the black values in a layer darker and the whites values transparent. Depending on the amount of values within a given color, that color will either become darker or more transparent. -Multiply tends to darken an image.

Screen Imagine looking through a screen door. You can see through it, but images are filtered. -Screen mode tends to lighten an image.

Overlay Overlay blend mode tries to blend the different colors within each layer together.


An Image is a "Channel Sandwich" An image is basically a "channel sandwich" with one channel each for red, green and blue in an RGB image or cyan, magenta, yellow and black in a CMYK image. There would be 3 channels in an RGB image and 4 in a CMYK image to start with -Mike Doughty

CHANNELS Note: Channels are NOT the same as Layers & if not used properly can destroy your image, “USE WITH CAUTION”.

(ORIGINAL RGB IMAGE) -An RGB image is composed of three 8-bit channels that combine to form a single 24bit image (3 x 8 = 24).

(RED CHANNEL 8-bit)

(GREEN CHANNEL 8-bit)

(BLUE CHANNEL 8-bit)

By default, Photoshop displays channels in grayscale. You can display the channels in color: Choose File > Preferences > Display & Cursors, then check "Color Channels in Color".


S E YL

68

T S R

B A C K

E Y LA G N I P P I CL S R E T FIL

INSIDE 65-80

63

X F

S R E T IL F T R D A L E I SM F f o R H U T L B P E N D USSIA S GA W O D D L A E I SH F f o H T P E D S FLAIR LEN


LAYER STYLES

69

Take your piece to the next level...

Double click blending options to open the:

(Layer Style Box)

Layer Styles/Effects used on that specific layer. note; click on the eye to turn style off/on

double clicking the style to open up more options.

note: within the layer style box you can select individual effects.

“Layer Styles should be used to enhance an already solid piece...”


LAYER STYLES

70

These eďŹ&#x20AC;ects can add a lot to an already solid peace.

To activate the Layer Styles menu (double click) on the layer or click the FX icon on the Mini-windows tool-bar.

Click on the check mark to activate the default style.

Click on the style word to get blending options.


71

Clipping Clipping Masks let you easily put an images inside another image. Once you have clipped, you will see this symbol

An example of this would be when you see an image inside text. Because you are using a

mask the layers are not (destroyed) Step # 1 duplicate your image layer. Step # 2 create a blank layer, then fill with desired color. Step # 3 make a text layer (make the text color black) Step # 4 Put your layers in this order.

Make sure the layer order looks like this...

While holding down (ALT) move your mouse in between the (image layer: top layer) and the text layer. You will see the clipping symbol

Then click


72

Clipping

Continued

What your image should look like with the the (black background layers) turned off.

(Black turned

on.


73

ly On

o use

nce

FILTERS

Filers are used to add effects to your piece.

Filters are very powerful tools that should be used with caution.

Normal Filters are DESTRUCTIVE to the

layer(s) they are used on.

Generally filters should be used towards the end of your creative process.


FILTERS 74

SMART

Smart Filters are Non destructive -They will allow you to edit the filter without permanently editing the original layer

Selected (Original Layer)

Go to the filters (menu) to convert the layer into a smart object.

Now that your layer is a (Smart Object) -You can add (non-destructive) filter Note: you can always identify which layers are smart object when you see this ICON.


FILTERS 75

SMART

Smart Filters are Non destructive -They will allow you to edit the filter without permanently editing the original layer

Click on the (EYE) to (de)activate the filter

Click on the filters box to select it -you will see (Brackets) around the smart filters box -You can then delete the filter.


DEPTH Gaussian blurof FIELD

76

Blurring an image by a *Gaussian function.

STEP # 1 -Duplicate the layer that you want the Gaussian blur filter to be on. -Make sure the (new) Blur layer is on top of the Original (non blur) layer.

Perspective

Use the Gaussian blur filter to create a dynamic depth of field within an image.

*Note: gaussian function (named after Carl Friedrich Gauss) is a function of the form:

STEP #2 -Then go to Filter in the menu bar (select blur, Gaussian Blur) -A *Gaussian blur (radius) box will appear. (see next page)


DEPTH Gaussian blurof FIELD

77

:continued Perspective

Blurring an image by a Gaussian function.

STEP #4 -*Gaussian blur (radius) box

Zoom in or out of preview

Increasing the (Radius), will increase the area effected & the amount of the blur.

STEP #5 -Use the (ERASER TOOL) to erase the blur effect from the desired part of the image you want to become (in-focus). Use (LOW) opacity% to control your edges.

BLUR AREA

ERASED AREA


SHADOWS 78

You must decide where your light is coming from to create realist a shadows.

Click on the Drop shadow to (move) it

Adjust the Drop shadow settings to get a realistic shadow.


79

SHADOWS Once you are done creating the drop shadow right click on the FX symbol to get the drop down menu.


SHADOWS 80

Use the Transform Tool to adjust your shadows.

Make sure you are on the drop shadow layer.

Use the Transform (skew) tool to create a realistic shadows.


DEPTH of FIELD

81

Perspective

Lens blur

Depth of Field is: the distance between the nearest and furthest object. By understand the idea of Depth of Field you can guide the “viewers eye” around your piece.

-Make the viewer see what you want them to see, you are in control of your art.

FINAL LAYERS

ORIGINAL LAYERS

Car

Before adding (Lens blur) edit your image so each part of your piece is edited properly.


DEPTH of FIELD

82

Lens blur

Perspective

Try these settings the first time. Then adjust as needed.

This is the background duplicated layer (with some erasing) added to help with EDGE CONTOL.


DEPTH of FIELD 83

Lens blur

Perspective

Lens Blur effect (creates) a dynamic depth of Field

“Shallow” Depth of Field

Original picture without lens blur

Notice how the perspective has changed. “Large” Depth of Field


Lighting Effects


Lighting Effects


84

S K S A M

B A C K

S C I AS

B S SK

MA

INSIDE 84-88

84


85

MASKS The Basics

A mask is a powerful non-destructive editing option. Your ability to use masks will increase your edge control.

This diagram illustrates what a layer mask does to your photoshop document. In this example;

Your eye view

The black ellipse is hiding the the corresponding pixels in the yellow layer (Layer 1).

The Background layer is Green. Note: What you see in a photoshop document window is always the result of looking down on the layers in the layers palette, starting at the top layer and in most cases ending with a background layer.

(layer 1) which is above the background layer is yellow. The layer to the right of (layer 1) is the Layer Mask.

The yellow layer has a hole in where the black ellipse is. That' is why it's the only area where we can see the layer below or (green layer). The result is a yellow canvas with a green ellipse.

black !

!

Layer Mask button: To create a layer mask single click the mask button at the bottom of the layers mini window.

hides pixels (or hides the result of an adjustment layer). !

!

!

!

!

!

!

!

!

White !

reveals pixels (or reveals the result of an adjustment layer).


86

MASKS

Step # 1 - Create a background layer (it can be anything, just not exactly like the original background).

Step # 3 - After you have made a (White reveal) layer mask. Select RING

Step # 2 Click on the add layer mask icon on the

mini-window toolbar. (make sure you are on the Layer you want to mask).

RING

the Magic Wand Tool and select ALL of the white areas (or the background of your image). Note: You may have to adjust the tolerance of the magic wand tool to get better edge control.


87

MASKS The Basics

A mask is a powerful non-destructive editing option. Your ability to use masks will increase your edge control.

Step # 4 - After you have selected the background w/ the magic wand tool. FILL the selection with Black (to hide the white pixels and reveal the underneath layer). Note: Before filling make sure you are on the layer mask and not the image, You should see the brackets around the layer mask.

Step # 5 - For some images you may need to FILL multiple selections. Note: after you fill the selection w/ black you will see the underneath layer or in this case Transparent canvas.

Notice the mask layer now shows the black (hide pixels) and the white (reveal pixels) of the mask.


88

MASKS A mask is a powerful non-destructive editing option. Your ability to use masks will increase your edge control.

Final Layer Mask (all areas are masked) -Remember that this image had a white simple background which is easy to select.

Final selections that needs to be filled w/ black.

More complicated backgrounds will require the use of the Pin tool and advanced layer mask techniques to make a good Layer Mask.


MASKS

A mask is a powerful non-destructive editing option. Your ability to use masks will increase your edge control.

Advanced Skill set

CHANNELS The channels show the Red, Green, & Blue layers of an image. (note: It is important to never delete any of the original layers,

ONLY COPY LAYERS

Original image: (White background will make it easier to select hair)

LAYER ORDER Your layer order needs to have the back ground layer above the image layer.

Duplicate the layer with the most contrast, this will become your MASK. (note: you will have to do this for every picture you mask. Each picture you use is different, so which channel layer you use may vary)


MASKS

A mask is a powerful non-destructive editing option. Your ability to use masks will increase your edge control.

Advanced Skill set

Create MASK using Overlay BRUSH: -Make sure you are on your new copy layer. -Select desired brush size (softness and a medium opacity to begin).

Be careful on the edges. You may need to adjust the opacity -don始t over do it.

-Then select OVERLAY MODE (This will protect your whites when painting, be careful and take your time on the edges)

You can change the BLEND MODE to NORMAL to do the interior parts of the image.


MASKS

A mask is a powerful non-destructive editing option. Your ability to use masks will increase your edge control.

Advanced Skill set

AFTER YOU FINISH YOUR MASK

GO Ma

ke

Bac

Loaded selection should look like this

TO

LOA

DS

kgr

sur

ELE

e yo

oun

CTI

ua

d la

re o

yer

)

ON:

n th

Afte

e to

r yo

pm

u fi

ost

nis

laye

hy

our

r (w

ma

hic

sk.

h is

you

r

Layer order: The Vector mask should be on the top most layer above the image layer.

tor

ec he v

m

st r ju r e y a l ye the e la lick n g c o ( a ion ask the im lect em e h s on t e not put g th u & n o i sk ey ad sur t to ma r lo e e t f k A a wan om er t ge you b a em Rem the im e v abo t on )

Results with the Eye of the image layer is OFF.

con

i ask


Refine edge Refine EDGE IS USED TO CONTROL the edges of your mask.

Mask is applied and image layer is ON. Now you need to clean up the EDGES. (NO HALO EFFECTS)

Adjust the sliders as needed

Click on the (BLUE standard button)

Hint: use control or command H to hide the selection around your mask.


89

R O CT

VE B A C K

T R A

I A

U L IL

R O T A R ST

R T E

E C A

LIV INSIDE 89-90

89


VECTOR ART 90

ILLUSTRATOR

LIVE TRACE ILLUSTRATOR


VECTOR ART i

Ai.

LAYOUT & SELECTION TOOLS

USING ILLUSTRATOR

(outside print Area)

(print Area)

Canvas

Use the Direct selection Tool to select a specific part of an object, you can then edit or move that objects.

Art Board

(outside print Area)

Use the Selection Tool to scale & move objects around the canvas. note: clicking in the center of the box works best.

Canvas

Note: In Illustrator you can have multiple art boards in one document.


VECTOR ART i USING ILLUSTRATOR

Ai.

COLOR, Gradient, Fill & Stoke

Return to

DEFAULT Fill & Stroke

FILL (Double click to change the fill color or value)

Swap FILL and STROKE STROKE (Double click to change the stroke color or value)

note: because the stroke box is behind the fill you must click to activate

NONE (clicking to de-activate the fill and/or stroke)

COLOR

GRADIENT note: To change the gradient color go to: Window, swatch libraries, Gradients


VECTOR ART i USING ILLUSTRATOR

GRADIENT note: To change the gradient color go to: Window, swatch libraries, Gradients

Ai.

Gradient


VECTOR ART i USING ILLUSTRATOR

Ai.

PEN TOOL

NOTE: In illustrator the Pen Tool functions a little differently than in photoshop, but with the same in principle.

Use the Pen Tool to create a (straight paths).

Click and release to add straight points

Holding the shift key will keep the path perfectly horizontal or vertical.


VECTOR ART i USING ILLUSTRATOR

Ai.

PEN TOOL

The Add Anchor Point tool is the main difference between Illustrator & Photoshopâ&#x20AC;&#x2122;s pen tools.

Click and Hold to add curved points.

Use the handles to fine tune your curved paths.


VECTOR ART i USING ILLUSTRATOR

Ai.

PEN TOOL

NOTE: In illustrator the Pen Tool functions a little differently than in photoshop, but is the same in principle.

Use the Convert Anchor Point Tool to (convert) straight paths to (curved) paths.

Click and Hold on a anchor point to convert that anchor points to a (curve). Anchor Points

Adjustment Handle


VECTOR ART i USING ILLUSTRATOR

You need to first select the image to see the live trace toolbar LIVE TRACE

Click to goto the Tracing Options

Use the Tracing options to fine tune you live trace even more.

Ai.

LIVE TRACE


VECTOR ART i

Ai.

LIVE TRACE

USING ILLUSTRATOR Threshold

Threshold

43

128

Higher threshold = more Black

lower threshold = more White

Threshold

83

Your Art/Style determines which way to go...


VECTOR ART i USING ILLUSTRATOR

Ai.

LIVE TRACE


VECTOR ART i USING ILLUSTRATOR

Object is Selected

Ai.

Vector background line design

After you have finished LIVE TRACE. Go to OBJECTS and set the Gap Options.

Gap Options are used to close the paths (that make up your image) so you can easily select which paths to fill with paint.

LIVE PAINT


VECTOR ART i USING ILLUSTRATOR

EXPAND the selection so that all PATHS are visible. Then click on the LIVE PAINT TOOL. After that change the color or gradient swatch if needed. note: You will need to zoom in really close so that you can see where and/or what you are painting.

Make sure Object and Fill are selected

Ai.

LIVE PAINT


VECTOR ART i USING ILLUSTRATOR

Ai.

LIVE PAINT

Once you Expand the object you will see the Path of that object.

LIVE PAINT ICON: The red line indicates which areas will be (Live Painted).

Area that will be LIVE PAINTED will be outlined in RED.


Exporting from Adobe Illustrators (Live Trace) to Photoshop Step 1. Import an image into Illustrator ! !

Original Image

Step 3. Adjust (Mode & Threshold) settings so that you get the desired look.

Step 4. Uncheck the (strokes) & change the (raster) to Transparent Image. Also change the (Vector) to Outline w/ Tracing

Step 2. Open up the (Tracing Options Dialog Box)


Step 5. Your image should look like this (you will have little (Path points) Save Your image New (live Trace Image)

Step 7. Edit the image Use the selection tools & inverse the selection so you can Fill or move the selection to another layer.

to Ph

op otosh

Impor

t yo

ge in ur ima

Step 6. Your New photoshop image should now be transparent. (Notice that you can see pixels) Save Your image!


Adding A Comic Book EffectImport your picture into PhotoshopStep 1: ! Duplicate the background Photo layer Step 2: ! Use the Filter/ Blur (Surface Blur) ! on this Duplicated layer. ! note: set the blur around 22 & 15. !

don始t loose all the details.

Step 3: ! Duplicate the newly filtered layer ! Then go to (image/adjustments/& ! Step 4: ! ! !

Desaturate the image)

! ! ! Step 5: !

while selecting the (RGB layer ) The layer will become a selection (marching ants).

! Step 6: ! ! !

Make sure you are on that new layer.

! Step 7:! ! ! !

Deselect the selection.

Load the Luminosity as a selection: Go to the Channel tab, and select the hold down the command key

Create a new (transparent layer)

Go to selection/ inverse the selection note: so the darker areas are selected. Fill selection with BLACK

Turn off the top two layers (click the EYES) Go to the Surface Blur Layer Go to Filters/Artistic/ (Cutout)

! ! ! Step 8: !

Note: Change the sliders to 8, 0, 3 select OK Duplicate that layer Change the Blending Mode to (soft Light)

! ! ! !

Go to Filter Artistic/ (Poster edges...) Leave all sliders at around 1,1, 1 Click OK. Change blending Mode to Multiply.

Turn on the Desaturated layer (click eye)

Step 8:! ! ! ! Step 9:

(Continued...) Change the Levels. Move the White slider So the gray areas become white. Change to around 150.

! ! ! ! !

Turn back on the Inverted selection layer. (click the eye) Hold the Command key or Ctrl key Click on the layer box it will load the active Selection

! !

Then click on (add layer mask icon) Note: This will give you an inverted mask

Final Step 10: ! Select original layer, not the mask layer ! ! ! !

! ! !

Change blending mode to Overlay

!

!

PS.

Comic Book Style

Turn almost any picture into a comic book style picture... www.apple.com/iwork/


PS.

Comic Book Style

Original

Filter/Surface Blur

Filter/ Artistic/ Cutout Final look w/ out pixelate filter put the pixelate filter on the Mask layer. Then go back to the layer that does not have a mask and change the blending mode to Overlay.

Final look w/ pixelate filter


V-Point filter The Vanishing Point filter is all about perspective, when you're editing images, perspective is one of the most important issues to consider, the Vanishing Point filter helps us to make it easy.

You should place your Vanishing Point work in a separate layer, first create a new layer before choosing the Vanishing Point command. Placing the Vanishing Point results in a separate layer preserves your original image and you can use the layer opacity control, styles, and blending modes.

If you plan to clone or make an image bigger than your original canvas, increase the canvas size to accommodate the additional content before using the V-point filter.

To paste an image into the Vanishing Point filter, copy the item before choosing the Vanishing Point command. The copied item can be from a different Photoshop document. If you’re copying type, you must rasterize the text layer before copying to the clipboard.

To put the Vanishing Point results in a specific areas of your image, either make a selection or add a mask to your image before choosing the Vanishing Point command.

To copy a v-point image in perspective from one Photoshop document to another, first copy the item while in Vanishing Point. When Then paste the item into another document.

NOTE- While in Vanishing Point, the item’s perspective is preserved.

Original image

Final image


You must first Copy an image to the clipboard, then goto filters / vanishing point and create a plane to put the picture into.

V-Point filter The Vanishing Point filter is all about perspective, when you're editing images, perspective is one of the most important issues to consider, the Vanishing Point filter helps us to make it easy.

The Vanishing Point filter lets you make a grid that keeps the Perspective of your image.

You may need to prepare your image before creating the plane or pasting an image.

3 2

Original image In order to add the Bob Marley Picture we must first remove the original pictures.

Vanishing point screen w/ tools 1

Note: you will need to First use the (clone tool) to keep the wall texture and lighting realistic.

Working image

Align the vanishing point plane (shown in red) with (real world lines & points shown in blue) to help keep the perspective accurate. Note: in this image I used the back of the couch (1), the corner of the room (2), and the line made by the decorative ceiling (3) to guide my vanishing point grid.


You must first

Copy an image to the clipboard, then goto filters / vanishing point.

V-Point filter The Vanishing Point filter is all about perspective, when you're editing images, perspective is one of the most important issues to consider, the Vanishing Point filter helps us to make it easy.

Adjust bounding box

Transform Tool

Final image

Once you are in the Vanishing Point window

Hold down Command + (V) to paste picture into Vanishing Point filter

Create Plane Tool Edit Plane Tool (move tool)

Transform Tool

Then use

the transform tool &

Drag your image to the Plane (Box)


Tron Effect

V-Point filter The Vanishing Point filter is all about perspective, when you're editing images, perspective is one of the most important issues to consider, the Vanishing Point filter helps us to make it easy.

Step # 1 - Open a new document make the background ! black. Step # 2 - Make a blank layer (above) the background layer. Step # 3 - Goto (filters) Open the Vanishing point filter, ! !

your will see that the create plane tool will ! automatically be selected.

-Edit Plane tool -Create Plane tool

NOTE: To Delete (make sure the Plane is selected) click Delete on your keyboard.


Tron Effect

V-Point filter Step # 4 - Create a (floor) plane.

Step # 5 - Hold down the command key or (ctrl on windows) click on the center point of the plane and drag to create another plane.

Step # 6 - You will need to create planes for all the parts of your image that will be visible to the viewer.

Step # 7 - Next: Hold down shift to select all the grid planes. It should look like this.


Tron Effect

V-Point filter

Step # 8 - Once you have selected all of your planes Go to the

settings and commands panel.

select render

grids to photoshop. (click OK)

Your

grid should be applied to the blank layer.

Step # 9 -Change your background color. This will be the color of your grid once you lock the transparency.

Step # 10 -(lock transparent pixels) of your grid layer. Remember to change the background color to your desired color, then select (command delete on a mac) or (on windows control

backspace).


Tron Effect Step # 11- Go to (Layer Styles) Put an outer glow on the grid layer, adjust as needed.

V-Point filter

Step # 12 (optional) - Add a layer mask to the grid layer. Then go to the gradient tool select (foreground too transparent) make black the foreground. radial gradient. Add a gradient fade to your image as needed.

Then select a


91

D 3

B A C K

&

O E D I V INSIDE 91-87

91

G N T I ED


VIDEO EDITING (Set-UP) The set-up for video editing in Photoshop is a little different than the usual Photoshop set up.

WHEN STARTING A NEW PROJECT GO TO FILM & VIDEO


VIDEO EDITING (Set-UP) When setting up Photoshop for video editing it is very important that you pay attention to your settings.

This is the best NORTH AMERICAN HD video quality for slower machines.

720

pH

Dv

FPS: Frames Per Second

ide

o /2

9.9

7fp

s

More frames, soother video.

DO not change these settings after you pick the size & FPS


VIDEO EDITING (UI)

Understand the user interface of video editing programs is the first step in learning how to video edit. After setting up your video canvas you will need to open up the video timeline by going to Window in your top most toolbar. Guidelines for your video: Note: Anything outside your guidelines will run the risk of being cut off when you render the video.

Canvas/ Video viewer

Your Timeline will look like this: Use Navigator to zoom in & out of Video.


VIDEO EDITING (UI) Understand the user interface of video editing programs is the first step in learning how to video edit.

Canvas/ Video viewer CONTROL PANEL

Make sure these 3 settings are checked.

TIM E

VIDEO LAYERS

LIN E

VIDEO LAYERS will also show up as layers in the Layers Min Window &S

CR

UB

BE

R


VIDEO EDITING

!

(CONTROL PANEL & TIMELINE)

Understanding the user interface of video editing programs is the first step in learning how to video edit. TIMELINE MINI WINDOW

SCRUBBER: Allows you to move from frame to frame by clicking and dragging or keyboard short cuts. (shift + R, L, arrow keys or just arrow keys)

Play controls

Volume

To edit a Video and/ or Layer, your scrubber (red Line) must be on top of a video layer.

CUT Transitions

- - - TIMELINE - - -

VIDEO LAYER

TIMELINE NAVIGATOR SEPARATE AUDIO TRACK(S)

FPS RENDER VIDEO BUTTON VIDEO LAYERS

Makes timeline bigger or smaller

VIDEO LAYER(s)

Realtime Frames Per Second. ~Photoshop renders slower the first couple of times you play your video.

EXPAND MINI WINDOW: Click & Drag


VIDEO EDITING

Understanding the user interface of video editing programs is the first step in learning how to video edit.

Canvas

Folder containing Video

(IMPORTING VIDEO & AUDIO FILES)

Drag & Drop Video & Audio files to add them to your project.


VIDEO EDITING

(Add Audio)

When adding audio donâ&#x20AC;&#x2122;t drag & drop. Use the add audio icon. Do not take your audio for granted. It is a big part of video editing.

Do not add audio by dragging & dropping. You need to click on the Audio track icon and add audio.

Audio Tracks are in Green.


VIDEO EDITING

(Adding Audio Tracks)

When adding audio donâ&#x20AC;&#x2122;t drag & drop. Use the add audio icon. Do not take your audio for granted. It is a big part of video editing.

Add Audio or New Audio Track button.

Once you add a second audio track, you can stack them to create different sound effects.


VIDEO EDITING

(Audio Controls)

When adding audio donâ&#x20AC;&#x2122;t drag & drop. Use the add audio icon. Do not take your audio for granted. It is a big part of video editing.

Click on small arrow on audio track to get audio controls

Use Fade & Volume controls to control your audio.


VIDEO EDITING

(Importing Media)

When video editing you will have a lot of different media. So it is important that you are organized so that you do not break the link between your media and photoshop. Photoshop does not store the media in the .psb document. So if you move your media from itâ&#x20AC;&#x2122;s original location you will get this window when you first open your Photoshop document.

All of the media for your project needs to be in the same folder so that Photoshop can find it.


VIDEO EDITING

(LAYER & TIMELINE ORDER)

Just like when you use photoshop to digitally paint or photo manipulate, the Layer order and in this case, the Timeline order, is very important to understand right away.

Red effect created by a Layer filled with RED and a Blending Mode of: HUE

The red layer must be above the video layer to create this effect. Also notice the length of the red layer. This shows you when the effect will start & end.


VIDEO EDITING

(TRIMMING CLIPS)

Whenever possible, TRIM CLIPS instead of cutting them. Think of cutting as a destructive act. Were as Trimming is a non-destructive act.

TR IM

CL

IP V

IEW ER

~If you hover your mouse at the front or back of a Clip, you will see the Trimer icon. ~Then click and drag to trim or extend the clip. ~note: The Trim clip viewer will automatically pop up once you begin trimming.

If you put your playhead and or “scrubber” at the exact point you want to trim to. Then you can drag your clip and it will snap to the playhead.


AUDIO EDITING Waveform Audio File Format (WAVE, or more commonly known as WAV due to its filename extension) (rarely, Audio for Windows[9]) is a Microsoft and IBM audio file format standard for storing an audio bitstream on PCs.

There are 3 major groups of audio

file formats:

Uncompressed (raw) audio:Uncompressed audio formats encode both sound and silence with the same number of bits per unit of time.

Lossless compression: A lossless compressed format stores data in less space without losing any information.

Lossy compression: Lossy compression enables even greater reductions in file size by removing some of the audio information and simplifying the data.

http://www.zamzar.com Free Audio conversion site:

.wav .m4a .mp3 .aac


AUDIO EDITING Audio sharing Sites:

There are many audio sharing sites out there. Do your research to protect your creations.

I use soundcloud to upload my mixes.

SoundCloud is the worldâ&#x20AC;&#x2122;s leading social sound platform where anyone can create sounds and share them everywhere. Recording and uploading sounds to SoundCloud lets people easily share them privately with their friends or publicly to blogs, sites and social networks. It takes just a click to share sounds to Twitter, Tumblr, Facebook and Foursquare. SoundCloud can be accessed anywhere using the official iPhone and Android apps, as well as hundreds of creation and sharing apps built on the SoundCloud platform.


AUDIO EDITING Software:

There are many audio sharing sites out there. Do your research to protect your creations.

Import your own .wav audio file. (remember you must create an Audio Channel first.)

All sound must be in a Audio Channel. (Click on the big plus button to add Audio Channel.)

Use Library to find beats, instruments, & sounds.


AUDIO EDITING Software:

Controlling Audio: (click on the Display oďŹ&#x20AC; bar) choose volume.

(click on the yellow volume bar) to add points to move the bar up or down.


92

Photoshop CS6 Extended incorporates a new 3D tools engine taps the power of your graphics card to deliver blazing fast performance. The Photoshop CS6 3D engine enables the end user to


Anaglyph

An Anaglyph image consists of a stereo channeled image (w/ one channel cyan and the other red).

The three dimensions are commonly called length, width, and depth (or height).

When creating a ANAGLYPHIC 3D picture you must first understand how to create DISTANCE in your piece. “Generally speaking, the more DISTANCE, the better”.

Foreground

Middle ground

Background

Your Picture must have a well established foreground, middle ground, and background. The more established or the greater the “implied distance” the easier it will be to create a 3 -Dimensional Effect.


Anaglyph

Go into the Adjustment levels for your duplicated layers and change the GREEN and BLUE channels only.

Original Image: (Duplicate at least twice)

MATCH THESE SETTINGS EXACTLY Change the GREEN channel output level to ZERO to create the RED CHANNEL

el hann Red C

cated Dupli

Change the RED channel output level to ZERO to create the BLUE CHANNEL

nged

& cha

ed

ang

Blue

n Cha

t

lica

Dup nel

ch ed &

LAYER ORDER IS VERY IMPORTANT: RED CHANNEL LAYER MUST BE ABOVE THE BLUE CHANNEL LAYER.


Anaglyph

The more you single out foreground, middle, and

background objects the better the effect. This also creates the depth and distance that you will have in your final piece.

BLENDING MODE: You will need to change the blending mode of the RED CHANNEL layers. note: for some results you may need to change the blue channel layers as well.

By not off-centering the RED and BLUE layers you can make your image look clear when viewed without 3D Glasses.

You Can off-center the RED and BLUE layers to get a traditional Anaglyph look.

Donâ&#x20AC;&#x2122;t forget to create two layers (one red and one blue)


Anaglyph MIDDLE GROUND This character is not turned RED and BLUE so it stands out from the Blue BACKGROUND.

Donâ&#x20AC;&#x2122;t forget to create two layers (one red and one blue


Anaglyph

BACKGROUND These characters and the explosion are all turned

BLUE. This gives the separation between the FOREGROUND & MIDDLE GROUND objects.

BLENDING MODE The BLENDING mode of the BLUE Channel

BACKGROUND layer is set to normal & the RED Channel Layer is turned

off

EXTRA Touches

Adding titles, boarders, and effects can add to the elusion of 3D.


G N I RD

A O B Y R O T

S

G N I EN

E W T B A C K

n o i t

a im

n A

O G E N D I I T V R O P EX INSIDE 113-116

113

GA

D E M

N G I ES


ANIMATION

In order to create an animation in Photoshop you will first need to open the Animation panel. Photoshop’s animation tool creates “animation frames”. Each frame represents a configuration of layers that you will need to adjust to create the illusion of movement.

If your animation includes several objects that are animated independently, or if you want to change the color of an object or completely change the content in a frame,

-it is very important to create the objects on separate layers.

When edit the layers for the selected frames you can do any of the fallowing: -Turn visibility on and off for different layers.

Animation Panel

-Change the position of objects or layers to make layer content move. -Change layer opacity to make content fade in or out. -Change the blending mode of layers. Add a style to layers.


ANIMATION Duplicate selected Panel tool

Step by step In order to animate objects. It is important to understand the Animation frame panel (toolbar). Tweening tool

Highlighted Frames

STEP: 3

STEP: 1 Use the duplicate panel tool to create multiple frames, start w/ three frames. After you create the initial frames. Make sure you are selected on the frame you want to edit. Then go to the layer with the objects you want to change, and move or change the object for that slide. ( this may mean you have to turn off layers and move or transform object on that specific layer.

STEP: 2

Tweening allows you to generate new frames with intermediate changes between two existing frames in the panel using the Tween command. This is a quick way to make an object move across the screen or to fade in or out. Note: Limit the # of frames to add to under 8 (This saves system resources)

You (generally) want to select All Layers

Change the parameters to determine the effect you are going for. For most images turn off opacity and effects.

Change the the Delay to NO DELAY

Use the Rewind, Jump to the beginning & Jump to the end, & Play: button to preview your animation.

Add more frames and edit layers as needed but remember: The number of frames you can create is limited only by the amount of system memory available to Photoshop.


ANIMATION To apply tweening to a specific layer, select it in the Layers panel. Select a single frame or multiple contiguous frames.

If you select a single frame, you choose whether to tween the frame with the previous frame or the next frame.

ADVANCE ◦

If you select two contiguous frames, new frames are added between the frames.

If you select more than two frames, existing frames between the first and last selected frames are altered by the tweening operation.

If you select the first and last frames in an animation, these frames are treated as contiguous, and tweened frames are added after the last frame. (This tweening method is useful when the animation is set to loop multiple times.)

Tweening In order to animate objects. It is important to understand the Animation frame panel (toolbar). Tweening tool


ANIMATION

How to save your project as a QuickTime movie


QA

B A C K

s t n e

m n g i s s

A k uic

INSIDE 124-130

124

Q


Trenz Pruca Lorem ipsum dolor 1969

QA Type to enter text

Trenz Pruca Lorem ipsum dolor 1969

Trenz Pruca Lorem ipsum dolor 1969


QA QA Trenz Pruca Lorem ipsum dolor 1969

QA QA Trenz Pruca Lorem ipsum dolor 1969

Trenz Pruca Lorem ipsum dolor 1969


QA Simplicity

Your INVITATION

The world is a fairly complicated place, and this can make life pretty stressful. In fact, I'd go as far as to say that the world is needlessly complicated. The rules for this QA are thus: I want you to show me a world where life is much simpler.

QA

BHS

Your INVITATION

A world where internet search engines just have a button which says "Find awesome stuff." A world where a fighter jet's control panel just has a steering wheel and a button marked "Blow stuff up". As always, (HD) quality & edge control are a must. We will critique at the end of the assignment. You'll have 60 minutes for this assignment. Good Luck...

Simplicity

The world is a fairly complicated place, and this can make life pretty stressful. In fact, I'd go as far as to say that the Idea credit Worth1000.com world is needlessly complicated.

The rules for this QA are thus: I want you to show me a world where life is much simpler.

Gallery Hours: Day: Time:

A world where internet search engines just have a button which says "Find awesome stuff." A world where a fighter jet's control panel just has a steering wheel and a button marked "Blow stuff up". Simplicity Your INVITATION

As always, (HD) quality & edge control are a must. We will critique at the end of the assignment. You'll have 60 minutes for this assignment. Good Luck...

Idea credit Worth1000.com

BHS

Gallery Hours: Day: Time: Gallery Hours: Day: Time:

D.A.D 2 (room 579) 1 Eagle Way Broomfield,Co. 80020 D.A.D 2 (room 579) 1 Eagle Way Broomfield,Co. 80301


QA Paradise

Your INVITATION

QA Paradise

Your INVITATION

Trenz Pruca

The world is a fairly complicated place, and this can make life pretty stressful. In fact, I'd go as far as to say that the world is needlessly complicated.

Lorem ipsum dolor sit amet March 18–May 3, 2007 The world is a fairly complicated place, and this can make life pretty stressful. In fact, adthat minim veniam Friday, complicated. March 18 I'd go as Ut far enim as to say the world is needlessly

The rules for this QA are thus: I want you to show me a world where life is much simpler.

The rules for this QA are thus: I want you to show me a world where life is much simpler.

A world where internet search engines just have a button which says "Find awesome stuff." A world where a fighter jet's control panel just has a steering wheel and a button marked "Blow stuff up".

Workinternet Streetsearch engines just have a button which says "Find awesome A world where stuff." A Work world where a fighter jet'sWork controlZIP panel justTrenz has a Pruca steering wheel and a City, Work State button marked "Blow stuff up". 4321 First Ave

As always, (HD) quality & edge control are a must. We will critique at the end of the assignment. You'll have 60 minutes for this assignment. Good Luck...

As always, (HD) quality & edge control are a must. We will critique at the end of the assignment. You'll have 60 minutes for this assignment. Gallery Hours Contact Information Good Luck... Tuesday–Thursday 123.456.7890 tel 11:00am–5:00pm 123.456.7891 fax Idea credit Worth1000.com Friday–Sunday no_reply@apple.com 11:00am–7:00pm www.apple.com/iwork D.A.D 2 (room 579) Gallery Hours: 1 Eagle Way Day: Broomfield,Co. 80020 Time:

BHS

Idea credit Worth1000.com

D.A.D 2 (room 579) 1 Eagle Way Broomfield,Co. 80020

Gallery Hours: Day: Time:

QA

Anytown, State ZIP

QA

Paradise

Your INVITATION

Trenz Pruca

Simplicity

Your INVITATION

Trenz Pruca

Lorem ipsum dolor sit amet The worldMarch is a fairly 18–May complicated 3, 2007 place, and this can make life pretty stressful. In fact, I'd go as Ut far as to say the world is needlessly enim adthat minim veniam Friday,complicated. March 18

Lorem ipsum dolor sit amet The world March is a fairly 18–May complicated 3, 2007 place, and this can make life pretty fact, I'd go far asad to say that veniam the world Friday, is needlessly complicated. Utasenim minim March 18

The rules for this QA are thus: I want you to show me a world where life is much simpler.

The rules for this QA are thus: I want you to show me a world where life is much simpler.

A world where internet search engines just have a button which says "Find awesome Work Street stuff." A world where a fighter jet's control panel just has a steering wheel and a Trenz Pruca Work"Blow City,stuff Work button marked up".State Work ZIP

A world where internet search engines just have a button which says "Find awesome Work Street stuff." A world where a fighter jet's control panel just has a steering wheel and a Trenz Pruca Work"Blow City, stuff Work State Work ZIP button marked up".

BHS

4321 First Ave

State ZIPof the As always, (HD) quality & edge control are a must. WeAnytown, will critique at the end assignment. You'll have 60 minutes for this assignment. Good Luck... Gallery Hours Contact Information Tuesday–Thursday 123.456.7890 tel 11:00am–5:00pm 123.456.7891 fax Idea credit Worth1000.com Friday–Sunday no_reply@apple.com 11:00am–7:00pm www.apple.com/iwork Gallery Hours: D.A.D 2 (room 579) Day: 1 Eagle Way Time: Broomfield,Co. 80020

stressful. In

BHS

4321 First Ave

ZIP As always, (HD) quality & edge control are a must. WeAnytown, will critique atState the end of the assignment. You'll have 60 minutes for this assignment. Good Luck... Gallery Hours Contact Information Tuesday–Thursday 123.456.7890 tel 11:00am–5:00pm 123.456.7891 fax Idea credit Worth1000.com Friday–Sunday no_reply@apple.com 11:00am–7:00pm www.apple.com/iwork Gallery Hours: D.A.D 2 (room 579) Day: 1 Eagle Way Time: Broomfield,Co. 80020


93

E E E R R A F OFT W S IDAY FR IT

B A C K

s k Lin

D E R

C

INSIDE 88-89

88


CS4

Adobe®

Photoshop CS3 Training Photoshop Quick Reference Card! Photoshop CS3 Workspace

Toolbar * Tool keyboard shortcuts are in parenthesis.

Menu bar Tool options bar

Panel tabs

Toolbox

Dock

Keyboard shortcuts Color Settings

<Shift>+<!>+<K>

Page Setup

<!>+<Shift>+<P>

Free Transform

<!> + <T>

Preferences

<!> + <K>

Feather Selection <!> + <Alt> + <D>

Group

<!> + <G>

Fill

<Shift> + <F5>

Extract

<Alt>+<!>+<X>

Open

<!> + <O>

Proof Colors

<!> + <Y>

Grids

<!> + < ‘ >

Actual Pixels

<Alt>+<!>+<O>

Guides

<!> + < ; >

Merge Layers

<!> + <E>

Target Path

<!>+<Shift>+<H>

Merge Visible

<Shift>+<!>+<E>

Image Size

<!>+<Alt>+<I>

Extras

<!> + <H>

Invert

<!> + <I>

Revert

<F12>

Levels

<!> + <L>

Show/Hide Rulers <!> + <R>

New Layer

<!>+<Shift>+<N>

Snap to

<Shift>+<!> + < ; >

Palettes ! To View a Panel: Select Window from the menu bar and select the panel you want to view. ! To View More Options: Click the palette’s

Character Palette

Context menu.

Paragraph Palette Font style

Font size

Set leading

Set kerning Vertical scale Baseline shift

Align paragraph

Set tracking Indentation Horizontal scale Font color Font formats

Language setting

Format the text used in an image, including font type and color, line spacing, and scale.

Rectangle Marquee (M): Select a rectangular pixel area Elliptical Marquee: Select an elliptical pixel area Single Row or Column Marquee: Selects a horizontal or vertical row of pixels Lasso (L): Draw a freeform pixel area Polygon Lasso: Draw straight lines around selected area Magnetic Lasso: Automatically sticks to edges of defined areas

Image window

Font type

!"#$%!&"'(!)"*&*("*+!,"%#&!!"%%&!-'&" *&"%$(!*$!+*(&!'&!*.!/*0$!1%2('&%3

Set antialias

Hyphenate breaks

Paragraph spacing

Format paragraphs properties, such as indentation, alignment, and paragraph spacing.

!"#$%&'()*+,!!%&-"$,.!/.)'0'01 "!,*0$(%-#$%!

"!@.A'.%!B%#$.'.C! "!!6'AA(!D((%((=%.&(

Crop (C): Remove parts of an image Healing Brush (J): Correct imperfections with pixels around the trouble spot Patch: Repair selected area with pixels from a different area Red Eye: Repair selected area with Clone Stamp (S): Copy areas of an image and apply them elsewhere Pattern Stamp: Paint a predefined pattern, or create a custom pattern Eraser (E): Erases pixels to the background color layer Background Eraser: Paints the background color or erases pixels Magic Eraser: Converts the selected image area to transparency Blur (R): Smooth defined edges Sharpen: Focus soft edges Smudge: Smear pixels

Move (V): Click and drag to move selection Quick Selection (W): Select a pixel area of similar coloring Magic Wand (W): Select a pixel area of similar coloring Slice (K): Draw a slice area Slice Select: Resize or relocate a slice Brush (B): Draw soft brush strokes Pencil: Draw hardedged freeform shapes Color Replacement: Paint over a targeted color with a new color History Brush (Y): Paint from a previous history state or snapshot. Select the state or snapshot from the History palette. Art History Brush: Similar to the History brush, but with more options Gradient (G): Click and drag to fill with gradient of foreground and background colors Paint Bucket: Click to fill with fore color Dodge (O): Lighten areas of the image Burn: Darken areas of the image Sponge: Decrease or increase pixel color Horizontal or Vertical Type (T): Insert text in the image Horizontal or Vertical Type Mask: Insert transparent text Rectangle (U): Draw a rectangle filled with foreground color. Rounded Rectangle: Draw a rectangle with rounded corners

)"*&*("*+!40'56!7%8%$%.5%!9!:;;<!,0(&*=>0'?%! ---E50(&*=C0'?%E5*=!F!)"*.%!<<<EG;HE:IH:!


FREE 94

SOFTWARE

FRI.

“I started Free Software Friday With the sole purpose of helping you experience some of the great software that is available on the internet. Creating good software is an art form that is widely under-appreciated”. Discuss and make suggestions about your favorite free software.

Google Sketch-up Blender

Graffiti Creator

Evernote Jungle Disk Floola

www.LifeHacker.com

Augmented Reality

Miya

www.Audible.com

Podcasts Firefox Extensions

And More...


95

B A C K

t i tra

r o e p P a c s m d s i n n a o L i s s e s r t p n x e E m n g i n s g i s s A e D o r g e t s Lo o P ) l e a i n i v F ( o M m s i l a e r r u y h S INSIDE rap 90-98

90

g o an

Sc

e e T

t r i Sh

g i s De


MUG SHOTSELF PORTRAIT 96

DIGITAL ART

A self-portrait is a portrait where the artist is also the subject. Usually it is in the form of a painting, drawing, or similar graphic image; self-portraits occur in other media such as sculpture, photography, cinema, literature, and digital art. A good portrait tries to let the viewer see into the soul of a person….

Assignment Your job is to paint a self portrait of yourself using your real life "Mug Shot" as a guide. You will need to use painting strategies to create your piece. Remember that your goal is to have a finished piece that looks like a painting of yourself.

Required Techniques -You can only use these Tools: Paintbrush, Selection tools, Smudge, Eraser tool, Color picker, & Eyedropper tool. -You will then import that picture into PhotoShop. -Canvas: needs to be: 11x14inches (only) -The resolution: 300 -Color Mode: RGB 8bit -Background: (Transparent) -Number of Layers: You can only use 3-4 layers. Top layer is your "Painting Layer", the the next layer is your “Hair Layer”, the next layer “Self-Portrait Photo”, the Bottom layer is “Background” blank & transparent. (you can add a background picture at the end if desired)

ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art?

elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

* MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

Student Goals are is to learn how Lines and shapes, and colors make up the form of our faces. Another goal is to learn how to see lines, shapes, form, and color in art.

LINE

EMPHASIS

SHAPE

BALANCE

FORM

PROPORTION

VALUE

UNITY

* In everyone of my assignments ALL the Elements and Principles of Art could be listed, these are just the Main (EPA) emphased in this spicific assignments.

DIGITAL ART LANGUAGE (you will be tested on your knowledge of these important technology terms). 1. Opacity: 2. Pixel: 3. Layers:

Due Date:

4. Selection:


ANAGLYPH 3D DIGITAL ART 1

A long time ago Artists and or philosophers were considered divine, influential leaders of society. Today many people may argue that Artists have a diminished role within society.
 -A case can be made either way... But what can not be denied is that Artists are Magicians. Art and or Artist in many ways bridges the gap between reality and illusions. (The “Real World” & “the Matrix”) 3D is defined as involving or relating to three dimensions. In the simplest terms, “it is giving the illusion of natural human sight”.
 The three dimensions are commonly called length, width, and depth (or height).

The "golden era" of 3-D began in 1952 with the release of the first color stereoscopic feature called Bwana Devil. During the 1950s the familiar disposable anaglyph glasses were mainly used for comic books. An Anaglyph image consists of a stereo channeled image (w/ one channel cyan and the other red). This is used to provide a stereoscopic 3D effect, when viewed with 2 color glasses (each lens a chromatically opposite color, usually red and cyan). “Anaglyph” is considered a dated technology compared to the newer IMAX 3D technology (sometimes referred to as Stereoscopic 3D)which is the most advanced 3D film technology in the world. IMAX 3D cameras incorporate two identical lenses that are precisely spaced to match the distance between your eyes. This interocular distance allows each lens to "see" both left and right views exactly as the human eyes would see them. To see images in 3D, the audience wears either polarized glasses or a headset that includes electronic liquid-crystal shutter (E3D) glasses.

Assignment Your job is to make an “Anaglyph image”. To do this you can either create a brand new piece or use one of your previous assignments. Your piece must represent a “traditional Anaglyph image”. It will be important for you to understand Space, Depth, Balance, length & width. Your piece will needs to have (objects) in the Fore-ground, Middle ground, and Background areas. You will need to

determine what the EMPHASIS of your piece will be. This will determine which objects are closer to our eye.

Required Techniques -Software used: Adobe Photoshop -Tools: Masks, Layer blending mode, Channel adjustments
 -Adjustment tools: Levels & channels
 -Layer Options: Layer Blending modes:(screen, vivid light, ?)
 -Canvas: needs to be: 11x14 or 14x11
 -Masks: (at least 3)
 -The resolution: 300
 -Color Mode: RGB 8-bit
 -Background Layer: white (untouched)


-Extras: Each student must use Levels to change the channels to cyan & red.
 Each student will need to create left (cyan) and right (red) duplicate images. Each student will be given polarized

ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

Understand basic of perspective.

3D glasses.

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art? * MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

SHAPE, FORM SPACE

EMPHASIS BALANCE

Understand Space, Depth & Distance using Digital Art.

HARMONY

Understand how to create Emphasis in art. Understand Anaglyphic 3D. DIGITAL ART LANGUAGE (you will be tested on your knowledge of these important technology terms).

Due Date:

1. 2. 3. 4. 5.

Anaglyph Space, Implied Depth & Distance Emphasis Maskes Layer Blending Modes



EXPRESSIONISM

2.0

DIGITAL ART 1 -Germany 1905 Expressionism is the tendency of an artist to distort reality for an emotional effect. Expressionism reflects the artists’ state of mind rather than the reality of the external world. Expressionism can be defined as the use of distortion and exaggeration for emotional effect. This art style first surfaced in the literature of the early twentieth century. Expressionism can be described as a stylistic art that uses intense color, agitated brushstrokes, and disjointed space. Unlike Impressionism, an Expressionistic artists’ goal is not to reproduce the impression suggested by the surrounding world, but instead to strongly impose the artist's own sensibility to the world's representation.

Assignment Your job is to create a piece that represents an Expressionistic style. You will use your photo manipulation and digital painting skills to create this piece. Your piece must represent your ideas, thoughts, and feelings of the simple emotion you choose to express. (like: Love, Hate, Fear, Sadness, etc...) You will need to first plan out your picture using your sketchbook. (Then you will need to ask yourself questions such as: what simple emotion / mood am I going for, and what colors, pictures, and/or drawings will I use to create that emotion / mood.)

Required Techniques -You must use at least 2 Hi-Res. Pictures, but not more than 3 total Hi-Res. Hi-Res. pictures must be import into PhotoShop. Required Tools: Transform tools, Selection Tools, Paint brush tool, Move Tools, and Vector Mask. -You must have at least 3 painting layers that dramatically effect your piece. (these layers are just as important as your photo manipulation layers.

-You must use at least 1 Vector Mask. -You must use at least 3 Adjustment Layers. (These layers are not counted in your layer total.) -You must use Layer blending modes on your layers (as many as you feel necessary) -You must use only 2 Smart Filters (Both filters must be smart filters unless you use liquify.) -You can use pre-made Brushes like stamps, “but you must do actual painting on your painting layers”. -You must use Layer Styles (as many as you feel necessary) -Your Canvas needs to be: 11x14 or 14x11 -The resolution: 300 -Color Mode: RGB 8bit -Background Layer: Transparent (untouched) -You must use 8-layers not including adjustment layers. -Your layers need to be organized into Groups. -Each student is required to write an Artist Statement (A four sentence paragraph describing your idea). -Remember: You will have 2-3 photo layers & 3 painting layers. (Your Painting Layers & Photo Manipulation layers need to effect the overall image equally.) ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

Express a simple emotion graphically using Digital Art. Use color and images to express & communicate an emotion graphically. Use Digital Painting skills & photo manipulation skills equally to create an expressive piece.

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art? * MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

LINE, SHAPE, FORM

EMPHASIS

COLOR

BALANCE

VALUE

HARMONY

SPACE (you will be tested on your knowledge of these important technology terms). 1. Masking 2. Non-Destructive 3. Copyright Law

Due Date:

4. Adjustment layers 5. Digital Control

DIGITAL ART LANGUAGE


MOVIE POSTER DIGITAL ART

Los Angeles is considered the “Entertainment Capital of the World”. So it should be no surprise that there are many artists in Hollywood CA. that are not actors. One of the most popular areas that many artists work in is film advertising and art directing. These artists are responsible for designing the movie poster we see all over America. In order to design a movie poster an artist must understand the “Basics of Design” which consist of: Audience, layout, Typography, Image, and Color. They must also be well versed in traditional Elements & Principles of Art. A movie poster is a visual representation of that specific feature film. In order for an artist to create a successful movie poster, they must capture the tone and emotion of the movie.

Assignment Your job is to design a new movie poster for a fictional movie. You will need to use a traditional movie poster layout design. This assignment is about design and creativity. -You will also need to design a new studio logo for your movie poster (this logo must be unique & different from that studios original logo). -Use this web site to see how to do your layout design: http://bighugelabs.com/flickr/poster.php (You Must Create Your Own Layout using photoshop tools) Remember, the Typography of the poster is very important. Use the principles and elements of design to guide you.

Required Techniques -You must do at least 3 different layout sketches of your movie poster. (These will be part of your total grade) -You can use only 3 Hi-Res. Pictures -Required Tools: Pen Tool, Transform tools, Eraser, Selection Tools, Clipping Mask, Gradient Tool, Move Tool, Ruler/Guides, and Text tool. -You must have at least 1 path that is saved to your project (and is used on your project). -You must use Layer Styles (as many as you feel necessary) -You can use 1 filters (it must be a smart filter unless you use liquify.) -You must use at least 2 Masks (one must be a clipping mask). -You must use at least 3 adjustment layers. -You must use Layer Blending Modes. -Your layers need to be organized into Groups. -You can use puppet warp or content aware fill on any layer (if they will help you). -You must make/have an (original movie studio logo) placed in the (appropriate movie poster location) -Your Canvas needs to be: 11x14 (only) -The resolution: 300 -Color Mode: RGB 8bit -Background: (Transparent) -You must use between 8-10 layers including the background layer. -Your movie poster must be clean and ready to be printed. ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art?

Learn Design elements.

FORM

EMPHASIS

Learn how to create a layout design.

VALUE

BALANCE

Create a creatively designed original movie poster.

COLOR

PROPORTION

* MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

UNITY * In everyone of my assignments ALL the Elements and Principles of Art could be listed, these are just the Main (EPA) emphased in this spicific assignments.

DIGITAL ART LANGUAGE 1. Scale 2. Basics of Design

Due Date:

3. Vector 4. Path


SURREALISM 100

DIGITAL ART

-What is real? How do you define real? If you're talking about what you can feel, what you can smell, what you can taste and see, then real is simply electrical signals interpreted by your brain. -Morpheus the Matrix -Have you ever had a dream, that you were so sure was real. What if you were unable to wake from that dream? How would you know the difference between the dream world and the real world? -Morpheus the Matrix

Surrealism is an artistic, cultural and intellectual movement oriented toward the liberation of the mind by emphasizing the critical and imaginative faculties of the "unconscious mind" and the attainment of a dream-like state different from, "more than", and ultimately "truer" than everyday reality: the "sur-real", or "more than real".

Assignment Your job is to create a surrealistic piece using the fundamental ideas of surrealism which are: size, shape, juxtaposition / space, and morphing. This piece will represent a dream-like state. Objects will be depicted realistically in unrealistic situations. â&#x20AC;&#x153;Think outside the box, and let your creativity run wild.â&#x20AC;?

Required Techniques -You must use at least 3 Hi-Res. Pictures, but not more than 5 total Hi-Res. -Required Tools: (Any and all tools) -You must use Layer Styles -You can use filters -You must use a Mask -You must use Adjustment tools. -You must use Layer Blending Modes. -Your layers need to be organized into Groups. -Your Canvas needs to be: 11x14 or 14x11 -The resolution: 300 -Color Mode: RGB 8bit -Background: any color or value (untouched) -Layers: You must use between 8-11 layers including the background layer. -Extras: -Your surrealistic piece must be clean and ready to be printed. -Before you start you must (first) write a paragraph that explains your thoughts and ideas in your piece. -After you finish youU piece you must write a Second Paragraph, this will explain what this piece means. (This will be a big part of your total grade) ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art?

elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

* MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

Type to enter text

LINE

EMPHASIS

SHAPE

BALANCE

FORM

PROPORTION

VALUE

UNITY

* In everyone of my assignments ALL the Elements and Principles of Art could be listed, these are just the Main (EPA) emphased in this spicific assignments.

DIGITAL ART LANGUAGE (you will be tested on your knowledge of these important technology terms). 1. Emphasis, Space, Movement 2. Jaggies 3. Montage

Due Date:

4. RGB


MOTION GRAPHICS

Digital Art 1

Every commercial, movie, and TV show introduction uses some form of motion graphics. Motion graphics are graphics that use video footage and/or animation technology to create the illusion of motion or rotation, and are usually combined with audio for use in multimedia projects. There are three Elements of Video Production, Pre-Production, Production, and Post Production. All video productions are organized this way to ensure that the process is a seamless one, and the final-result is as envisioned.

Pre-production: is the planning stage of your shoot, and occurs before the camera starts rolling. By creating storyboards, scouting locations, and figuring out the budget ahead of time, the goal is for your production to be free of unnecessary worry. Production: is the shooting stage of your shoot, which includes cinematography, audio, lights, as well as directing, art and effects. Post production: begins when your camera stops rolling. All footage is then logged and captured, organized, and then edited. But Post Production does not stop here. Effects and transitions are designed, music is added, and color compositions are made.

Assignment Your assignment is to create a 10-15 second motion graphic. Your Motion Graphic will be fully animated. You will need to also include sound effects. This Motion Graphic will need to look very professional.

Technical Stuff

-Software used: Photoshop CS6, Quicktime, Clip converter CC, Videvo, Soundbible, -Layer Style: (At least 1. -Keying:

Any that help you achieve your desired effect, and helps to bring your motion graphic together.)

You must use keying on at least 1 layer.

-Movement:

Your motion graphic will need to move in some way.

-Sound Effect Type/ Length: No longer than 10-15 seconds/ and must

complement your theme: (music must be

school appropriate.) At least 2 sound tracks must be in your motion graphic.

-Video & Video Length: You must have at least 2 video layers. No longer than 10-15 seconds. -Video Quality: 1080p -Extras: Your turn in folder must have: A working .psd file(s). A Final rendered Quicktime file. And all media used. -Media resources used: (1) Stock video sites: (www.videvo.com) (2) Any Youtube or Movie Trailers in Quicktime file format. (3) Any original video shot by you. (4) Audio source ITunes, google, etc...

Digital Language 1. Motion Graphic 2. Keying 3. Sound Effects 4. Movement


WHAT IS VIDEO EDITING? Video editing is the process of manipulating and rearranging video shots to create a new work. Editing is usually considered to be one part of the post production process — other post-production tasks include titling, colour correction, sound mixing, etc. Many people use the term editing to describe all their post-production work, especially in nonprofessional situations. Whether or not you choose to be picky about terminology is up to you. In this tutorial we are reasonably liberal with our terminology and we use the word editing to mean any of the following: • • •

Rearranging, adding and/or removing sections of video clips and/or audio clips. Applying color correction, filters and other enhancements. Creating transitions between clips.

THE GOALS OF EDITING There are many reasons to edit a video and your editing approach will depend on the desired outcome. Before you begin you must clearly define your editing goals, which could include any of the following:

REMOVE UNWANTED FOOTAGE This is the simplest and most common task in editing. Many videos can be dramatically improved by simply getting rid of the flawed or unwanted bits.

CHOOSE THE BEST FOOTAGE It is common to shoot far more footage than you actually need and choose only the best material for the final edit. Often you will shoot several versions (takes) of a shot and choose the best one when editing.

CREATE A FLOW Most videos serve a purpose such as telling a story or providing information. Editing is a crucial step in making sure the video flows in a way which achieves this goal.

ADD EFFECTS, GRAPHICS, MUSIC, ETC This is often the "wow" part of editing. You can improve most videos (and have a lot of fun) by adding extra elements.

ALTER THE STYLE, PACE OR MOOD OF THE VIDEO A good editor will be able to create subtle mood prompts in a video. Techniques such as mood music and visual effects can influence how the audience will react.

GIVE THE VIDEO A PARTICULAR "ANGLE" Video can be tailored to support a particular viewpoint, impart a message or serve an agenda.


SCANOGRAPHY 101

DIGITAL ART

Webster's Dictionary defines a scanner as a device that scans documents and converts them into digital data. Scanography is a new type of art that requires the artist to use a scanner to create Art. Just scanning something on the flatbed glass does not make it "art". Scanography requires compositional decisions, and an understanding of the fundamental principles of art.

Assignment Your job is to design an interesting piece using only a scanner and the (provided) materials. "You will only need to use photoshop to clean up your picture and possibly crop it". This is why it will be very important for you to arrange your composition using your knowledge of space, emphasis, balance, and unity.

Required Techniques -You will import your scanned picture into PhotoShop. -You will only use photoshop to fix your piece: -You only need to use these Tools: Healing brush, Crop tool, and any Image Adjustment tools. -Your Canvas needs to be: size of the original image -The resolution: 600 -Color Mode: RGB 8 bit -Background: (Transparent) -You only need Two layers. (Not including the background layer) Bottom layer is your "Original Scanned image", Top layer is your "improved scanography picture".

You will not turn this assignment in, in the same way as your other assignments. ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art?

elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

* MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

Type to enter text

SHAPE, FORM, COLOR

EMPHASIS

SPACE

BALANCE

VALUE

PROPORTION

TEXTURE

UNITY

* In everyone of my assignments ALL the Elements and Principles of Art could be listed, these are just the Main (EPA) emphased in this spicific assignments.

DIGITAL ART LANGUAGE (you will be tested on your knowledge of these important technology terms).

Due Date:


TEE SHIRT DESIGN 102

DIGITAL ART

Most research mentions the idea of the T-shirt came to the United States during World War I when US soldiers noticed the light cotton undershirts European soldiers were using while the US soldiers were sweating in their wool uniforms. Since they were so much more comfortable they quickly became popular among the Americans, and because of their design they got the name T-shirt.

Assignment Your job is to create an “original Tee Shirt Design” that would look "cool" on a White T-shirt. You will only get one Iron-on Transferable sheet, so it is important that you fallow the Iron-on direction closely.

Required Techniques -Use whatever Photoshop Tools you need: if needed -Your Canvas needs to be: 8.5 x 11 or 11 x 8.5 (same size as the Iron-on paper) note: You can also do multiple small logos for shirt sleeves, breast pockets, etc... -The resolution: 300 -Color Mode: RGB 8bit -Background: (Transparent) -You can use as many layers as possible. -Iron-on Directions: IF YOU HAVE ANY WRITING ON YOUR T-SHIRT LOGO YOU WILL NEED TO REVERSE THE IMAGE. (The lettering should read backwards) -You will have your design printed on Iron-on Transferable paper (supplied and printed by me) -Saving: All you need to send me is a Final version (Labeled: lastname, Firstname, T-shirtDesign.psd)

You will need to bring your own White(cotton) T-shirt by: ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art?

elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

* MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

Type to enter text

SHAPE, FORM, COLOR

EMPHASIS

SPACE

BALANCE

VALUE

PROPORTION

TEXTURE

UNITY

* In everyone of my assignments ALL the Elements and Principles of Art could be listed, these are just the Main (EPA) emphased in this spicific assignments.

DIGITAL ART LANGUAGE (you will be tested on your knowledge of these important technology terms).

Due Date:


l e ov

N ic

h p a

Gr

le b i s s

o p Im

m e us

Am

s l l i H

B A C K

131

s t en

m n g i s

As

INSIDE 131-139

t n e

k r Pa

y f i b

m o Z h p y l g a g n n i l A e d o M 3D n o i

t a im

n A

e W

D b

n g i es


DIGITAL

DOUBLE EXPOSER Assignment Introduction:

In photography and cinematography, multiple exposure is a technique in which the camera shutter is opened more than once to expose the film multiple times, usually to different images. The resulting image contains the subsequent image/s superimposed over the original. The technique is sometimes used as an artistic visual effect and can be used to create ghostly images or to add people and objects to a scene that were not originally there.

Assignment You’ve probably seen this interesting effect of two or more overlapping photos on the covers of music albums, in modern magazines and in advertisements. Your job is to create a digital double exposer. You must have an image contained within another image. Your finished look must have a “frame/ outline” of the base image. “In other words you cannot just overlap two images and mask them together.” Your piece must be 90% black, white, & grey. You will need to match the values, lines, and shapes of the image(s) you will be combining. Your images must work together and make sense. “No just putting images together because they look cool”.

-Software used: Adobe Photoshop -Tools: paint brush, selection tools, Masks, Layer blending modes, adjustment layers -Adjustment layer: black and white
 -Layer Options: You must have at least 3 layers not including your background. 
 -Canvas size: 24 x 36 or 36 x 24
 -Masks: (at least 3)
 -The resolution: 300
 -Color Mode: RGB 8-bit
 -Background Layer: white or black (untouched) Separated from other images.


-Extras: Because of the canvas size you will need to have very Hi-Res images. Try to find images well over 1000 x 1000. You may use a little color, but 90% of your image must be black, white, & grey.

ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art?

elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

* MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

Understand how to use values in art.. Understand how to use emphasis in art.. Understand design techniques. Understanding & controlling masks.

Due Date:

LINES, SHAPES, FORM SPACE, VALUES

EMPHASIS BALANCE HARMONY

Digital Art Language 1. Exposer 2. Load selection 3. Layer Adjustments 4. Unlink layer masks


CONCRETE JUNGLE 2.0

Concept Art

Assignment Introduction:

! ! ! ! ! !Assignment ! ! ! !Techniques ! !! ! ! ! !! ! ! ! !! !! ! ! ! ! ! ! ! ! ! ! !

A hardcore , grimy, crime ridden city such as NYC, Newark(NJ), Miami, Los Angeles, really any city with a ghetto. If you want a better explanation listen to Bob Marley.... Not just a city with a ghetto , any large city . Just think about the name , jungles have hella trees but a concrete jungle has hella buildings , yah dig ? Concept Art is defined as: art in which the idea presented by the artist is considered more important than the finished product, if there is one. All art starts as a concept an idea in an artists mindâ&#x20AC;Ś.

Your Job is to create a 1 point perspective destroyed city. Your perspective must be accurate. You need to severely change your city by combining many sources.

-Required Tools: Paintbrush tool, Transform tools, Clone Stamp, Eraser Tool, Pen Tool& Paths, Selection Tools (w/ copy & paste), Dodge & Burn tool & Move Tools.

-LAYERS: You must label and group all layers. You must have a Vanishing point layer and a Guide line layer. (Your buildings must be separated into at least two parts (i.e right & left side). Your sky and ground must be on separate layers. All destruction effects must be on there own layers. Clouds, Fog, Dust all must be on there own layers.

-Adjustment & Blending modes:

You must use Blending modes (as many as you feel necessary). You must use Adjustment Layers (as many as you need).

Required Techniques: You will need to create/ load a brush (brush dynamics) -You need to paint in (natural effects such as moss and grass). You must have and use paths. You will need to add elements such as: (clouds fog, dust, & sign posts) that make this world look 3D. Your perspective must be accurate periodâ&#x20AC;Ś All images need to Hi-Res.

-Your Canvas needs to be:14x11 -The resolution: 300 -Color Mode: RGB 8bit -Background Layer: (transparent & untouched)

ESSENTAL QUESTION:! ENDURING UNDERSTANDING! Artists use a variety of problem solving and decision making skills to apply the Why and how do artists apply the elements & principles of Art in works of art? elements & principles of art and sensory and expressive features in works of art. * MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS! OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:! ASSIGNMENT:!

-Students will learn and understand 1 point perspective rules. -Students will show an understanding of space and distance i.e. (Foreground, Middle, and Background).

! !! ! !

EMPHASIS

FORM

BALANCE

SPACE VALUE

Digital Art Language: 1. Perspective 2. Concept art

DUE DATE:

! ! !

SHAPE

3. Vanishing point

MOVEMENT UNITY


Video Production Assignment Introduction:

Professional video production, or videography, is the art and service of videotaping, editing, and distributing a finished video product. This can include television production, commercial video production, and corporate and event videos. There are three Elements of Video Production, Pre-Production, Production, and Post Production. All video productions are organized this way to ensure that the process is a seamless one, and the final-result is as envisioned. Pre-production: is the planning stage of your shoot, and occurs before the camera starts rolling. By creating storyboards, scouting locations, and figuring out the budget ahead of time, the goal is for your production to be free of unnecessary worry. Production: is the shooting stage of your shoot, which includes cinematography, audio, lights, as well as directing, art and effects. Post production: begins when your camera stops rolling. All footage is then logged and captured, organized, and then edited. But Post Production does not stop here. Effects and transitions are designed, music is added, and color compositions are made.

Assignment Your assignment is to create a 30 second commercial or 60 second Teaser Trailor. Your Video production must look and sound polished and clean. You will have three stages of work for this assignment. Each stage will be based on the elements of video production. (see above). This commercial or trailor will need to look very professional.

Technical Stuff

-Software used: Photoshop CS6, Final Cut Pro X, Quicktime, Clipconverter CC -Hardware used: High Quality Digital Video Camera (it can be a HQ camera phone, HQ camcorder, etc..) Your camera must be able to reproduce high quality video.

-Transitions: (At least 3. -filters: (At least 1. -Keying:

The type you need is up to you, but they must help you achieve the desired effect.)

Any that help you achieve your desired effect, and helps to bring your video together)

You must do keying on at least 2 layers.

-Motion Graphic: You must have at least 2 moving graphic in your commercial. -Music Type/ Music Length: No longer than 30-60 seconds/ and must

complement your theme:

(school

appropriate, and fit your theme, and style.) At least 2 sound tracks must be in your video production.

-Video Length: 30-60 seconds exactly (no exceptions!!!) (Commercials and Trailers have to be exact lengths due to the time slot they are in and monetary reasons).

-Video Quality: 720p -Extras: Your turn in folder must have: A working .psd file(s). A Final rendered Quicktime file. And all media used. -Media resources used: (1) Stock video sites: (www.videvo.com) Quicktime file format.

(3) Any

(2) Any

Youtube or Movie Trailers in

original video shot by you. (4) Audio Itunes, Youtube, or Google

search. Digital Art Language 1. Video Editing 2. Keying 3. Timeline 4. Transitions


WHAT IS VIDEO EDITING?

Video editing is the process of manipulating and rearranging video shots to create a new work. Editing is usually considered to be one part of the post production process — other post-production tasks include titling, colour correction, sound mixing, etc. Many people use the term editing to describe all their post-production work, especially in nonprofessional situations. Whether or not you choose to be picky about terminology is up to you. In this tutorial we are reasonably liberal with our terminology and we use the word editing to mean any of the following: • • •

Rearranging, adding and/or removing sections of video clips and/or audio clips. Applying color correction, filters and other enhancements. Creating transitions between clips.

THE GOALS OF EDITING There are many reasons to edit a video and your editing approach will depend on the desired outcome. Before you begin you must clearly define your editing goals, which could include any of the following:

REMOVE UNWANTED FOOTAGE This is the simplest and most common task in editing. Many videos can be dramatically improved by simply getting rid of the flawed or unwanted bits.

CHOOSE THE BEST FOOTAGE It is common to shoot far more footage than you actually need and choose only the best material for the final edit. Often you will shoot several versions (takes) of a shot and choose the best one when editing.

CREATE A FLOW Most videos serve a purpose such as telling a story or providing information. Editing is a crucial step in making sure the video flows in a way which achieves this goal.

ADD EFFECTS, GRAPHICS, MUSIC, ETC This is often the "wow" part of editing. You can improve most videos (and have a lot of fun) by adding extra elements.

ALTER THE STYLE, PACE OR MOOD OF THE VIDEO A good editor will be able to create subtle mood prompts in a video. Techniques such as mood music and visual effects can influence how the audience will react.

GIVE THE VIDEO A PARTICULAR "ANGLE" Video can be tailored to support a particular viewpoint, impart a message or serve an agenda.


MATTE PAINTING 97

DIGITAL ART

- The oldest and probably the most underrated visual effect is matte paintings. We see these all the time but because they look so natural, we don't notice. Since the advent of film, moviemakers have strive to enhance the scope of on-screen reality by combining non-existing landscapes, interiors, and structures to give credibility to a film's story. movies are meant to transport the audience into another realm and time. -Matte Paintings are remotely detailed works of art, designed to fool the eye into an illusion of time and place to which live action elements are composited into a scene. Matte paintings are the majestic and graceful background vistas integrated with live-action, foreground situations in motion pictures (and some television programs) serving to establish a space for a scene. Matte paintings are certainly large, beautiful, breath-taking vistas that are subtle which are also the under-appreciated work in motion-pictures. Not only is the aesthetics and origins of the matte painting dependent heavily by a particular genre of film (science fiction, fantasy, adventure, and yes, drama and comedy), but it is also a spectacular artistic piece worthy of its own artistic merit.

Assignment Your job will be to design a Matte Painting that is not real & cannot happent... You must have a (1) realistic sky, (2) a realistic ground, (3) a realistic (3D) planet. ((4) you have the option to add a realistic structure). - Your scale, perspective, and Depth need to be realistic and/or (believable). -You will need to paint portions of your MTP inorder to combine painting and realist photography. -You will need to plan out your “MTP” using your sketchbook & “The Rule of Thirds”.

Required Techniques -You must use at least 3 Hi-Res. Pictures, but not more than 4 total Hi-Res. pictures that you will import into PhotoShop. -You need to (hand) paint some part of this piece. This will need to be done in the farthest are from the camera/eye, i.e. the background. -Required Tools: Paintbrush tool, 3D Tools, Transform tools, Clone Stamp, Smudge tool, Eraser Tool, Selection Tools (w/ copy & paste), Dodge & Burn tool & Move Tools. -You must use Blending modes: (You will use these on color fill layers to help “set the mood”) -You must use Adjustment Layers: (as many as needed) note: these types of layers are not counted in your total number of layers. -You must use 1 or 2 Layer Styles: (only to create shadows) -Your Canvas needs to be: 14x11 or 11x 14 -The resolution: 300 -Color Mode: RGB 8bit -Background Layer: (transparent & untouched) -You must use 10-layers not including the background layer.

ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art?

elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

* MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

This assignment is designed to introduce students to ideas and techniques of perspective.

SHAPE

EMPHASIS

FORM

BALANCE

SPACE

MOVEMENT

VALUE

PROPORTION

* In everyone of my assignments ALL the Elements and Principles of Art could be listed, these are just the Main (EPA) emphased in this spicific assignments.

DIGITAL ART LANGUAGE (you will be tested on your knowledge of these important technology terms). 1. Foreground, Middle, and Background 2. Perspective 3. Scale 4. Depth/Distance

Due Date:

5. “The Rule of Third”


!Assignment Introduction: ! ! ! ! ! ! ! !Assignment ! ! ! !Technical Stuff ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !

IAM...

Video Production

Professional video production, or videography, is the art and service of videotaping, editing, and distributing a finished video product. This can include television production, commercial video production, and corporate and event videos. There are three Elements of Video Production, Pre-Production, Production, and Post Production. All video productions are organized this way to ensure that the process is a seamless one, and the final-result is as envisioned. Pre-production: is the planning stage of your shoot, and occurs before the camera starts rolling. By creating storyboards, scouting locations, and figuring out the budget ahead of time, the goal is for your production to be free of unnecessary worry. Production: is the shooting stage of your shoot, which includes cinematography, audio, lights, as well as directing, art and effects.

Post production: begins when your camera stops rolling. All footage is then logged and captured, organized, and then edited. But Post Production does not stop here. Effects and transitions are designed, music is added, and color compositions are made.

Your assignment is to create a 30 second commercial called “I AM...”. This commercial will be about “who you think you are”. You will need to answer the question, I am ....... Think of this as a video self portrait. You will have three stages of work for this assignment. Each stage will be based on the elements of video production. (see above). This commercial will need to look very professional.

-Software used: Photoshop CS6, Final Cut Pro X, Quicktime, Clipconverter CC -Hardware used: High Quality Digital Video Camera (it can be a HQ camera phone, HQ camcorder, etc..) Your camera must be able to reproduce high quality video.

-Video Transitions: (At least 1. -Video filters: (At least 1.

-Chromakeying:

The type you need is up to you, but they must help you achieve the desired effect.)

Any that help you achieve your desired effect, and helps to bring your video together)

You will need to have at least 1 green screen shot in your commercial.

-Motion Graphic: You must have at least 1 moving graphic in your commercial.

-Music Type/ Music Length: At least 1 sound track must be in your commercial. No longer than 30 seconds/ and must complement your theme: (school appropriate, and fit your personality, theme, and

style.)

-Video Length: 30 seconds exactly (no exceptions!!!) (Commercials have to be exact lengths due to the time slot they are in

and monetary issues).

-Video Quality: 720p -Extras:

Your turn in folder must have: A working .psd file(s). A Final rendered Quicktime file. And all media used.

-Media resources used: (1) Stock video sites: (videvo.com)

Quicktime file format.

(3) Any

original video shot by you.

(2) Any

Youtube or Movie Trailers in


Graphic Novel A graphic novel is a type of comic book, usually with a lengthy and complex story-line similar to those of novels, and often aimed at mature audiences. There are television networks dedicated to graphic novel based cartoon series, and new movies are also being created from many graphic novel franchises. This entertainment industry has arguably been around for over 70 years. This is an industry with devoted fans, low prices, great writers, and some of America’s greatest artists.

Assignment Your job is to create a two page graphic novel. Your “GN” can be a “Graphic Novel Cover” and “Panel Page” or just “two Panel Pages”. This piece must represent a traditional Graphic Novel style and layout. Your cover and or panel page must have original character(s) and an appropriate background. A Graphic novel is about Lines, your lines need to clean and precise. Your Original character must be (made by you), i.e. you have to take pictures or Draw them in order to create (your) character(s). You will need to first plan out your picture & story ideas by using your sketchbook. note: The characters you create must be original, but you are free to use ideas from existing characters for inspiration.

Technical Stuff -Software used: Adobe Illustrator, Adobe Photoshop -Tools: paintbrush, smudge (any others that help you achieve a traditional Graphic Novel style) -Layer Blending modes: (at least two) -Layer Styles: (as many as you feel necessary) -filters: (if needed, any that help you achieve a traditional Graphic Novel style) -Layers: You must use at least 10-layers not including the background layer. -Your Canvas needs to be: 11x14 (not optional) -Masks: at least one -Pen tool: You must have at least one path saved to your project (this is primarily for inking & flattening). -Brush Dynamics: you will need to create at least two unique brushes. -The resolution: 300 -Color Mode: RGB 8-bit -Background Layer: transparent (untouched)

-Extras:

Each student must use traditional comic book layout styles on the cover or panel page. Each student must have original (Expression Sheet(s)) and or sketches. Each student must use Adobe Illustrator’s (live trace) on one of your visible layers. Each student must ink accurately & appropriately. Each student must flatten/color each panel accurately. Each student must apply texture to their final piece. Each student must create at least two unique brushes. Each student must have an appropriate light source. Each student will primarily use Photoshop to create dynamic Panels & original Speech bubbles.

Digital Art Language: (you will be tested on your knowledge of these important technology terms). 1. Composition 2. Paths & LInes

Due Date:

3. Green/white/blue screen 4. Stroke 5. Flatten/coloring


THE HILLS The Hills is a MTV reality program that follows a young women (Lauren Conrad) living in the Hollywood hills of Los Angeles, California. In the beginning of the show Lauren attends the Fashion Institute of Design and Merchandising, and lands an internship with Teen Vogue. Lauren currently works for fashion PR firm People's Revolution. The term “Fashion” refers to styles of dress but can also include cuisine, literature, art, and architecture. These styles are popular in a culture at any given time. Such styles may change quickly, and "fashion" in the more colloquial sense refers to the latest version of these styles. More and more Fashion Photographers must have photo manipulation skills. This is usually refereed to as retouching or touch up; This is defined as the altering of an image so as to produce a more desirable appearance.

Assignment Your job is to create a hi-end digital art fashion photo layout. You will need to take an “unaltered” photo of a person. (note: unaltered means no digital work done on the photo.) Once you import your photo you will need to “create your digital look”. That means digital retouching your model & designing a background w/ effects that graphically enhance the model. It is important for you to understand the goal of retouching is to enhance the original photo in some way, and “not to just change it”.

Technical Stuff -Hardware used: Digital Camera -Software used: Adobe Photoshop -Tools: pen tool, clone brush, dodge burn tools, layer adjustments, overlay brush, healing brush, history brush (and any other tools you feel necessary). -Layer Options: Layer Styles: (at least one) Layer Blending modes: (at least one) -filters: at least 1, type: any you fell necessary -Layers & Groups: You must use at least 10-layers not including the background layer. You must also include groups within your layers so they are easily identifiable. -Your Canvas needs to be: 11x14 -Masks: You must use at least two layer masks, at least one mask needs to be made through the Channels (one must be on the Hair, and also use the Refine edge tool). -The resolution: 300 -Color Mode: RGB 8-bit -Background Layer: white (untouched) -Extras: Your image must look like a professional fashion layout. You must remove your model from the original background (hint: place your model in front of a white background.) You need to create a design oriented background that complements the model. (a simple one color or gradient background will not work.) Digital Art Language: (you will be tested on your knowledge of these important technology terms). 1. Aesthetics 2. Rule of thirds 3. Channels


ANAGLYPH 3D DIGITAL ART 1

A long time ago Artists and or philosophers were considered divine, influential leaders of society. Today many people may argue that Artists have a diminished role within society.
 -A case can be made either way... But what can not be denied is that Artists are Magicians. Art and or Artist in many ways bridges the gap between reality and illusions. (The “Real World” & “the Matrix”) 3D is defined as involving or relating to three dimensions. In the simplest terms, “it is giving the illusion of natural human sight”.
 The three dimensions are commonly called length, width, and depth (or height).

The "golden era" of 3-D began in 1952 with the release of the first color stereoscopic feature called Bwana Devil. During the 1950s the familiar disposable anaglyph glasses were mainly used for comic books. An Anaglyph image consists of a stereo channeled image (w/ one channel cyan and the other red). This is used to provide a stereoscopic 3D effect, when viewed with 2 color glasses (each lens a chromatically opposite color, usually red and cyan). “Anaglyph” is considered a dated technology compared to the newer IMAX 3D technology (sometimes referred to as Stereoscopic 3D)which is the most advanced 3D film technology in the world. IMAX 3D cameras incorporate two identical lenses that are precisely spaced to match the distance between your eyes. This interocular distance allows each lens to "see" both left and right views exactly as the human eyes would see them. To see images in 3D, the audience wears either polarized glasses or a headset that includes electronic liquid-crystal shutter (E3D) glasses.

Assignment Your job is to make an “Anaglyph image”. To do this you can either create a brand new piece or use one of your previous assignments. Your piece must represent a “traditional Anaglyph image”. It will be important for you to understand Space, Depth, Balance, length & width. Your piece will needs to have (objects) in the Fore-ground, Middle ground, and Background areas. You will need to

determine what the EMPHASIS of your piece will be. This will determine which objects are closer to our eye.

Required Techniques -Software used: Adobe Photoshop -Tools: Masks, Layer blending mode, Channel adjustments
 -Adjustment tools: Levels & channels
 -Layer Options: Layer Blending modes:(screen, vivid light, ?)
 -Canvas: needs to be: 11x14 or 14x11
 -Masks: (at least 3)
 -The resolution: 300
 -Color Mode: RGB 8-bit
 -Background Layer: white (untouched)


-Extras: Each student must use Levels to change the channels to cyan & red.
 Each student will need to create left (cyan) and right (red) duplicate images. Each student will be given polarized

ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

Understand basic of perspective.

3D glasses.

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art? * MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

SHAPE, FORM SPACE

EMPHASIS BALANCE

Understand Space, Depth & Distance using Digital Art.

HARMONY

Understand how to create Emphasis in art. Understand Anaglyphic 3D. DIGITAL ART LANGUAGE (you will be tested on your knowledge of these important technology terms).

Due Date:

1. 2. 3. 4. 5.

Anaglyph Space, Implied Depth & Distance Emphasis Maskes Layer Blending Modes



ZOMBIFY 3D

DIGITAL ART

A “Zombi” is a dead body that has been brought back to life by a supernatural force. The term “Zombie” also refers to a god of voodoo originally worshipped in Africa and the West Indies. Zombify or “zombification” means to turn into a zombie. Sometimes referred to as “living dead” or “the undead”. Zombies became a popular device in modern horror fiction, largely because of the success of George A. Romero's 1968 film “Night of the Living Dead.”

ASSIGNMENT Your job is to create a fully painted & sculpted 3D zombie head. It is important to capture the “look” of a living dead person. This will require you to pay extra attention to skin and eye color. You will need to use reference pictures for skin, scars, sores, burns, boils, and anything else that gives the feeling of “rotting flesh”: (“Be aware that looking for these items using photo sites, may result in the viewing of some unsightly pictures”. If you are squeamish use caution.)

REQUIRED TECHNIQUES -Software: Autodesk Mudbox -Tools: All Mudbox sculpting tools that help you create your 3D zombie. -You must have at least three objects within your project: (a base head, eyes, hair, spikes, rotted flesh parts, etc..) -You must have at least 3 painting layers. -Your zombie must be fully sculpted & painted. That means all sides, the top, and the back. -You must make a turn-table movie.

Digital Art Language:

1. Modeling 2. UI (User Interface) 3. Polygons 4. Mesh

Due Date:


ZOMBIFY A “Zombi” is a dead body that has been brought back to life by a supernatural force. The term “Zombie” also refers to a god of voodoo originally worshipped in Africa and the West Indies. Zombify or “zombification” means to turn into a zombie. Sometimes referred to as “living dead” or “the undead”. Zombies became a popular device in modern horror fiction, largely because of the success of George A. Romero's 1968 film “Night of the Living Dead”.

Assignment Your job is to turn a normal Hi-Res. Portrait into a Zombie. Is important to capture the “realistic look” of a living dead person. This will require you to pay extra attention to skin and eye color. You will need to add skin textures, scars, sores, burns, boils, and anything else that gives the felling of “rotting flesh”: (“Be aware that looking for these items using photo sites, may result in the viewing of some unsightly pictures”. If you are squeamish use caution.)

Technical Stuff -Hardware used: Digital Camera (if possible) -Software used: Adobe Photoshop -Tools: pen tool, clone brush, layer adjustments, healing brush, history brush (and any other tools you feel necessary). -Layer Options: Layer Styles: (at least one) Layer Blending modes: (at least one) -filters: Lighting effects and (any other filters that help). -Layers & Groups: You must use at least 10-layers not including the background layer. You must also include groups within your layers so they are easily identifiable. -Your Canvas needs to be: 11x14 or above -Masks: You must use at least two layer masks (one must be on the Hair) -The resolution: 300 -Color Mode: RGB 8-bit -Background Layer: Transparent (untouched & not locked) -Extras: -Each student is required to use a least two layer masks with one being used on the hair area. -Each students must show understanding of the Principles and Elements of Art. (your focus for this project should be strongly on the Principles of art). -You must change the background of your photo from it’s original background. -This picture should capture the look and style of famous Visual Effects and Make-up artists. (such as Stan Winston, Rick Backer, and others...)

Due Date:

Digital Art Language: (you will be tested on your knowledge of these important technology terms). 1. Composition 2. Feathering 3. Intensity 4. Line + Shape = Form 5. Resolution


Animation Animation is the rapid display of a sequence of images of 2-D or 3-D artwork or model positions in order to create an illusion of movement. It is an optical illusion of motion due to the phenomenon of persistence of vision, and can be created and demonstrated in a number of ways. The most common method of presenting animation is as a motion picture or video program, although several other forms of presenting animation also exist. Pioneers of animation include Winsor McCay of the United States and Emile Cohl and Georges Melies of France. Some consider McCay's Sinking of the Lusitania from 1918 as the first animated feature film. Early animations, which started appearing before 1910, consisted of simple drawings photographed one at a time. It was extremely labor intensive as there were literally hundreds of drawings per minute of film. The development of celluloid around 1913 quickly made animation easier to manage. Instead of numerous drawings, the animator now could make a complex background and/or foreground and sandwich moving characters in between several other pieces of celluloid, which is transparent except for where drawings are painted on it. This made it unnecessary to repeatedly draw the background as it remained static and only the characters moved. It also created an illusion of depth, especially if foreground elements were placed in the frames.   Walt Disney took animation to a new level.  He was the first animator to add sound to his movie cartoons with the premiere of Steamboat Willie in 1928.  In 1937, he produced the first full length animated feature film, Snow White and the Seven Dwarfs

Assignment

Your job is to make a short animation. You will need to first story board your animation using the given template. It will be very important that you pay attention to your overall composition. Paying special attention to how the movement & effects help you to achieve your overall compositional look .

Technical Stuff -Software used: You can use Adobe Photoshop -Tools: any -Adjustment tools: any -Layer Options: Layer Styles: (any that help) Layer Blending modes: -filters: don’t use for this project -Layers: At least 6 layers -Canvas: needs to be: 8.5x11 -Masks: (any that help you) -The resolution: 300 -Color Mode: RGB 8-bit -Background Layer: white (untouched) -Extras: Each student must have at least 2 objects moving. frames in their animation. Each student will need to have a minimum of

Due Date:


Kaijū 3D

DIGITAL ART

Kaijū (怪獣 kaijū?) is a Japanese word that literally translates to "strange creature,"[1] and is used to refer to a genre of tokusatsu entertainment. Kaiju films usually showcase monsters of any form, usually attacking a major city or engaging another (or multiple) monster(s) in battle.

ASSIGNMENT Your job is to create a fully painted & sculpted Kaiju monster. This will be a full body sculpture. It will be important to capture the “look” of a giant movie monster. This will require you to pay attention all the parts of the body. From head to toe. Don’t forget about skin. You will need to use a lot of reference pictures.

REQUIRED TECHNIQUES -Software: Autodesk Mudbox -Tools: All Mudbox sculpting tools that help you create your 3D Kaiju. -You must have at least three objects within your project. (remember you will probably have to sculpt objects seperatly then bring them into the same scean. -You must have at least 3 painting layers. -Your Kaiju must be fully sculpted & painted. That means all sides, the top, and the back. Digital Art Language:

-You will make a turn-table movie at the end.

1. Sculpting 2. UI (User Interface) 3. Polygons 4. Mesh

Due Date:


Assignment Title:

Medium:

Due Date:

Assignment Introduction:

Assignment Describe exactly what the assignment is:

Technical Stuff Tools and Editing you must use in your project: -

GOAL OF THE ASSIGNMENT -What you hope to accomplish from this assignment:


SPACE NEGATIVE

Negative space, in art, is the space around and between the subject(s) of an image. Negative space may be most evident when the space around a subject, not the subject itself, forms an interesting or artistically relevant shape, and such space occasionally is used to artistic effect as the "real" subject of an image.

Assignment Your job is to create a piece that reflects Negative Space. This is a black & white project. You may use a little color, but 70% of the piece needs to be black and white. Your goal is to “Let the space make the art”. You want to have a picture within a picture.

Required Tools/Techniques Required Tools: -Tools: any that will help you. -Your Canvas needs to be: 27x40 or 40x27 -The resolution: 300 -Color Mode: RGB -Background Layer: Transparent (untouched) -You must use: -Your layers need to be organized -Each student is required to write an Artist Statement (A four sentence paragraph describing your idea).

ENDURING UNDERSTANDING Artists use a variety of problem solving and decision making skills to apply the elements & principles of art and sensory and expressive features in works of art. OVERAL ARTISTIC GOAL FOR THIS ASSIGNMENT:

Understand Negative Space & Composition.

ESSENTAL QUESTION: Why and how do artists apply the elements & principles of Art in works of art? * MAIN (EPA) ELEMENTS & PRINCIPLES OF ART APPLIED TO THIS ASSIGNMENT:

LINE, SHAPE, FORM

EMPHASIS

COLOR

BALANCE

VALUE

HARMONY

SPACE

DIGITAL ART LANGUAGE (you will be tested on your knowledge of these important technology terms).

Due Date:


Video GAME

MO T ION GRAPHIC LOGO

Assignment Introduction:

Motion graphics are graphics that use video footage and/or animation technology to create the illusion of motion or rotation, and are usually combined with audio for use in multimedia projects. There are three Elements of Video Production, Pre-Production, Production, and Post Production. All video productions are organized this way to ensure that the process is a seamless one, and the final-result is as envisioned. Pre-production: is the planning stage of your shoot, and occurs before the camera starts rolling. By creating storyboards, scouting locations, and figuring out the budget ahead of time, the goal is for your production to be free of unnecessary worry. Production: is the shooting stage of your shoot, which includes cinematography, audio, lights, as well as directing, art and effects. Post production: begins when your camera stops rolling. All footage is then logged and captured, organized, and then edited. But Post Production does not stop here. Effects and transitions are designed, music is added, and color compositions are made.

Assignment Your assignment is to create a 10-30 second video game motion graphic logo. Your logo will be fully animated. You will need to also include sound effects. You will have three stages of work for this assignment. Each stage will be based on the elements of video production. above). This commercial will need to look very professional.

(see

Technical Stuff

-Software used: Photoshop CS6, After Effects CS6, Final Cut Pro X, Quicktime, Clipconverter CC -Filters: (At least 1. -Keying:

Any that help you achieve your desired effect, and helps to bring your motion graphic together.)

You must use keying on at least 2 layers.

-Movement:

Your motion graphic will need to move in some way.

-Sound Effect Type/ Length: No longer than 10-30 seconds/ and must

complement your theme: (music must be

school appropriate.) At least 1 sound track must be in your motion graphic.

-Video & Video Length: You must have at least 2 video layers. Length: 10-30 seconds exactly (no exceptions!!!) (Motion Graphics have to be exact lengths.) -Video Quality: 720p -Extras: Your turn in folder must have: A working .psd file(s). A Final rendered Quicktime file. And all media used. -Media resources used: (1) Stock video sites: (www.videvo.com) (2) Any Youtube or Movie Trailers in Quicktime file format. (3) Any original video shot by you. (4) Audio source Itunes, google, etc...

Digital Language 1. Motion Graphic 2. Animation 3. Sound Effects 4. Movement


WHAT IS VIDEO EDITING?

Video editing is the process of manipulating and rearranging video shots to create a new work. Editing is usually considered to be one part of the post production process — other post-production tasks include titling, colour correction, sound mixing, etc. Many people use the term editing to describe all their post-production work, especially in nonprofessional situations. Whether or not you choose to be picky about terminology is up to you. In this tutorial we are reasonably liberal with our terminology and we use the word editing to mean any of the following: • • •

Rearranging, adding and/or removing sections of video clips and/or audio clips. Applying color correction, filters and other enhancements. Creating transitions between clips.

THE GOALS OF EDITING There are many reasons to edit a video and your editing approach will depend on the desired outcome. Before you begin you must clearly define your editing goals, which could include any of the following:

REMOVE UNWANTED FOOTAGE This is the simplest and most common task in editing. Many videos can be dramatically improved by simply getting rid of the flawed or unwanted bits.

CHOOSE THE BEST FOOTAGE It is common to shoot far more footage than you actually need and choose only the best material for the final edit. Often you will shoot several versions (takes) of a shot and choose the best one when editing.

CREATE A FLOW Most videos serve a purpose such as telling a story or providing information. Editing is a crucial step in making sure the video flows in a way which achieves this goal.

ADD EFFECTS, GRAPHICS, MUSIC, ETC This is often the "wow" part of editing. You can improve most videos (and have a lot of fun) by adding extra elements.

ALTER THE STYLE, PACE OR MOOD OF THE VIDEO A good editor will be able to create subtle mood prompts in a video. Techniques such as mood music and visual effects can influence how the audience will react.

GIVE THE VIDEO A PARTICULAR "ANGLE" Video can be tailored to support a particular viewpoint, impart a message or serve an agenda.


118

F N L O E I S UAT L E D A A V R E L ART G

B A C K

A T I DIG RIC B U R

INSIDE 114-118

114


You will use Adobe Acrobat Professional to fill out your Self

tamroF Format

tnemucoD Document

.PDF elbatroP Portable

119

evaluation.

-After you have filled out the self evaluation (save as: Self eval. Assignment name) and put your edited .pdf file in your assignment folder which will also contain your completed photoshop documents and media. Step # 1 - Open your self evaluation PDF file. Click on the Review & Comments icon. Then go to Comment & Markup Tools.

Step # 2 - Click on the Sticky Note icon. Your mouse curser will become a + . Then click on the area where you want the sticky note to appear. Then add text.

Step # 3 - For the highlight text tool (fallow step 2 instructions) note: your mouse will become a text icon . Then click & drag on the area you want to be highlighted.


You will use Adobe Acrobat Professional to fill out your Self

tamroF Format

tnemucoD Document

.PDF elbatroP Portable

120

evaluation.

-After you have filled out the self evaluation (save as: Self eval. Assignment name) and put your edited .pdf file in your assignment folder which will also contain your completed photoshop documents and media. (optional) Step # 3 - You can also add check marks by going here: -Comment & Markup Tools -Stamps -Sign Here

Step # 5 - (Save as) your newly created PDF. And put it into the assignment folder that you are turning in to me.

Remember to highlight and add comments in the appropriate areas of the self Evaluation.


Digital Art & Design 1 Self-Evaluation

121

Artist:

Period:

Composition:

10

8

Assignment:

6

4

0

Are objects within your piece arranged interestingly? Does the piece use the space provided to it’s fullest? Are placement of object appropriate.

Technique/s used:

10

9

8

7

6

5

0

Did you use the techniques, tools, filters, ect. required for the assignment? Did you show control of the techniques/tools? Did you “PLAY”!

Planning/ Sketches: 10

9

8

7

6

5

0

Did you plan out your piece by doing initial sketches or writings?

Finished Piece:

30

25

20

10

0

Does the piece show understanding of the medium used? Is the piece a finished product? Is your piece consistent with your Artist Statement.

Ready to Print:

5

4

2

0

Is the piece free of stray marks? Is the paper appropriately taken care of, not purposely rolled up or folded in anyway? If the picture is window mounted, is the piece well adhered to the window matte?

Principles & Elements of Art used in piece:

5

0

List at least three Principles of Art that you used in your piece, then List at least three Elements of Art that you used in your piece.

Creativity:

10

9

8

7

6

5

4

2

0

Give yourself a 6 or above if you think you have been especially creative and insightful. Circle 5 if your think you have simply fulfilled the assignment. Circle 4 or below if your piece is less than inspiring and misses the intent of the assignment.

Files & Folders:

5

0

Is your work saved/backed-up properly (three files saved at least: one with media, scans & pictures (visible), & lastly one with all layers merged.)

used, another with all layers intact


122

Tools, Filters, Layer Styles & Masks used:

10

5

0

List the tools, filters, & layers styles that you used for this assignment.

Tools Used: Filters Used: Layer Styles: Masks Used:

Self Evaluation:

5

0

Is this form completely filled out? Were you honest and thoughtful with your evaluation?

Digital Art Language: (list & define the terms located on the assignment details paper work).

Back up: Did you back up in another place (some where other than on your flash drive or on the school’s network) circle one: YES NO “Remember, if you only have one copy, then you really don’t have any”

Student Total:

Instructor Total:

(Note: If needed, add any comments that are appropriate and help to support your opinion/s.)


T R A &

L A T I G I DART ERS T S A M

B A C K

L E ID

S E IN

U G Y A SS

E

INSIDE 145-146

145


DIGITAL ART & DESIGN

You must pick at least (one) Artist from each section.

Digital Art & Design Research paper Your job is to write (Five essays) that are 4 paragraphs in length about one of these : -Pioneers -Hard/software creators -Designers -Master Digital Artists -And Graphic Artists

Pioneers of Digital Art You must pick at least (one) Artist from this section.

-Answer How, What, where, when, & how about the people you choose.

Thomas & John Knoll

Herbert W. Franke

Due Date:

David EM

Hard/Software Creators David Biedny

You must pick at least (one) Artist from this section.

Designers

Tim Berners

You must pick at least (one) Artist from this section.

Steve Jobs

Steve Wozniak

Bill Gates

Ma!er Digital A"#ts You must pick at least (one) Artist from this section.

Jonathan Ive

VALENTINO GARAVANI

Donatella Versace

Martin Evening

Chris Alvanas

Marc Ecko

Katrin Eismann

Betsey Johnson

Graphic Artists Corey Barker

Bert Monroy

You must pick at least (one) Artist from this section.

Neal Adams

Lou Fine

Frank Miller

Osamu Tezuka

Will Eisner

Naoko Takeuchi

Jack Kirby


103

L A T I G I E DART G A U G N A L

B A C K

T R A L A T I Y R G I A D S S O GL T I D E R C

INSIDE 99-113

99


104

Glossary of Digital Art and Design by the Digital Art Practices & Terminology Task Force (DAPTTF) Š 2005 Digital Art Practices & Terminology Task Force (DAPTTF)


105

Use these links to go directly to Glossary letter sections: A|B|C|D|E|F|G|H|I|J|K|L|M|N|O|P|Q|R|S|T|U|V|W

A 8-bit color In 8-bit color, each pixel has eight bits assigned to it, providing 256 colors or shades of gray, as in a grayscale image. 24-bit color Digital color model that uses eight bits each for the three additive colors red, green, blue. It can reproduce 256 shades of each primary color. Same as true-color image. Generally refers to 24-bit or better images. In 24 bit color, each pixel has 24 bits assigned to it, representing 16.7 million colors. 8-bits - or one byte - is assigned to each of the red, green, and blue components of a pixel. alpha channel An image-editor channel used to contain a mask or partial picture element or color. Created by Alvy Ray Smith and Ed Catmull at N.Y.I.T. in 1997, the alpha channel is used to calculate the transparency of each color in an image. In a three color image, the alpha channel would be the fourth channel. analog data consisting of or systems employing continuously variable signals or data, as opposed to discreet steps or levels of digital data. anti-alias The process of smoothing and removing of aliasing effects by electronic filtering and other techniques, such as blending of hard edges. Also, blending object-oriented art with bit-mapped art. archiving Retention of images, often on CD-ROM. Information necessary to reproduce the print is also archived, including ink, tables, sizes, and media used. artifact In digital graphic applications, unwanted visual anomalies or defects generated by an input or output device, or by a software operation, that degrade image quality. (see also "aliasing" and "moirĂŠ pattern") ^ back to top

B bitmap A rasterized graphic image formed by a rectangular grid of pixels or dots. BMP file A Windows bitmap file, with the extension ".bmp," that defines an image (such as the image of a scanned page) as a pattern of dots (pixels). From Bit mapping, the process of addressing the pixels on the screen. brightness The overall intensity of the image. The lower the brightness value, the darker the image; the higher the value, the lighter the image will be. (see "chroma") BYTE A standard unit of digital measurement. 8 bits = 1 byte. Each 8-bit byte represents an alphanumeric character.


106

^ back to top

C calibration The act of setting or adjusting the color settings of one device relative to another, such as a monitor to a printer, or a scanner to a film recorder. Or, it may be the process of adjusting the color of one device to some established standard. capture Acquiring information, such as an image, with a scanner or digital-camera device. CD-R (CD-Recordable) A CD format that allows the users to record data to a disc when using the proper hardware. Recorded data is not erasable. CD-RW A CD format that allows users to erase data. Certificate of Authenticity 1. A written or printed description of the multiple which is to be sold, exchanged, or consigned by an art dealer. [CALIF. CIVIL CODE] 2. A written statement by an art merchant confirming, approving, or attesting to the authority of a work of fine art or multiple, which is capable of being used to the advantage or disadvantage of some person. [IOWA CIVIL CODE] 3. A written statement disclosing certain key facts about a multiple print. channel A component of a digital image that carries the data for a color component or a mask. clipping The grouping (usually unwanted) of all tones or colors above or below a certain value into one composite tone. The loss of visual information caused by too little contrast, in which certain gray scale values are lost or compressed either into the range of pure white or pure black. CMY (Cyan, Magenta, Yellow) Three subtractive primary colors used in color printing. In theory, the combination of pure CMY inks produces black; in reality, black must be added to produce a full color gamut. CMYK Cyan, Magenta, Yellow, and Black (or Key) are the four colors used in process-color printing. Also known as subtractive color, the color black is achieved by the presence of all inks. color balance The ability to reproduce the colors of a scene to some acceptable standard. compression The process of removing irrelevant information and reducing unneeded space from a file in order to make the file smaller. Compression can cause losses and distortion, depending on the method. Some types of compression can cause losses and distortion. In Run Length Encoding, rows of pixels of the same colors are stored as a number and color, reducing the file size while keeping the data in tact. contrast Tonal gradation between the highlights, midtones, and shadows in an image. High contrast implies dark black and bright white. Medium contrast implies a good spread from black to white, and Low contrast implies a narrow spread of values from black to white. Also, understood in terms of "Rate of Falloff." High contrast implies a rapid transition between black and white, whereas a slow "rate of falloff" produces gradual or smooth transition between light and dark. copyright Legal basis for the owner's control of the usage of his images or artworks. crop To remove part of an image.


107

^ back to top

D DPI Dots per inch. A measure of the detail of a print. "Apparent dpi" refers to the fact that the eye perceives a giclĂŠe as having greater detail than in does in physical reality. database An organized collection of data or information. density (optical density) The degree of opacity of an image; a measure of reflectance or transmittance equal to log10 (1/reflectance) of log10 or (1/transmittance); the ability of a material to absorb light; the darker it is, the higher the density. Density measurements of solid ink patches are used to control ink on paper. digital Type of data consisting of (or systems employing) discreet steps or levels, as opposed to continuously variable analog data. digital art Art created with one or more digital processes or technologies. digitize The process of converting analog data to digital information. dot Dots make up an image in color separations or halftones. Halftone dots will have a fixed density but have variable size (amplitude modulation). down-sampling The process of receiving data from another computer, server or system. The reduction in resolution of an image, necessitating a loss in detail. dynamic range The measurable difference between the brightest highlight and the darkest value. ^ back to top

E edition The aggregate of identical prints produced from a single matrix. (see also "open edition,""limited edition," and "variant edition") effective resolution The final appearance of a scan that has been enhanced to produce more data than the scanner can record. This is done by interpolation. ^ back to top

F fading A subjective term used to describe the lightening of the hue of a colorant following exposure to the effects of light, heat, time, temperature, chemicals, and so on.


108

feathering A technique in many image-editing programs that allows for the softening of the edge around a selection. filters Software or subprograms within image manipulation software that employ algorithms to control modifications to digital images by altering the values or arrangement of entire or selected areas of an image. format Characteristic identifying size of printer, media, or graphic, according to width of media roll, printer's print area, or graphic. "Medium Format" is generally taken to be between 11-24" in width; "Large Format" (Wide Format), larger than 24" in width; and "Grand Format," larger than 72" in width. fractal A mathematically generated pattern that is reproducible at any magnification or reduction, and repeats infinitely. FTP (File Transfer Protocol) The method for uploading and downloading files to/from Internet server systems. ^ back to top

G gaussian blur An image-softening effect used in digital imagery. Named after French Mathematician Carl Friedrich Gausse. GIF (Graphic Interchange Format) An image format type generated specifically for computer use. Its resolution is usually very low (72 dpi, or that of your computer screen), making it undesirable for printing purposes. graphic A non-text item (illustration or photograph) or non-text component of an image. graphics tablet An input device that uses a stylus or specialized mouse to write or draw on the tablet surface to communicate with the computer. grayscale An image having no color hues but containing a range of gray levels as opposed to only pure black or white. ^ back to top

H hex triplet a six-digit, three-byte hexadecimal number used in HTML, CSS, SVG, and other computing applications, to represent colors. high bit (see "8-bit""24-bit" etc.) highlight The lightest area within an image. Also called "specular reflection." histogram


109

A graphical display that represents the distribution of tones within an image. The horizontal coordinate represents each pixel value possible from black to white. The vertical values indicate the number of pixels in the image that occur at each value level. hue The attribute of color by means of which a color is perceived to be red, yellow, green, blue, purple, etc. ^ back to top

I inkjet printer A type of printer that sprays tiny spurts of ink onto coated paper. (see "Digital Printing" analysis) indexed color A color system that defines a palate of colors to be used in a specific image. Often this makes images small and manageable. intensity The amount of light reflected or transmitted by an object with black as the lowest intensity and white as the highest intensity. interpolation A technique for increasing the size of a graphic file by creating pixels. Also an extrapolation algorithm. There are two types, sequential and bi-cubic. Note: increasing the size of an image by interpolation does not increase or enhance the ability to resolve the detail in that image. It only makes the details that are already present larger. ^ back to top

J jaggies The effect caused by images or lines being rendered at too low a resolution. It can easily be defined as a stair-stepped effect giving the line or image a rough appearance. JPEG (Joint Photographic Experts Group) Standardized image compression format developed by the Joint Photographic Experts Group. Usually used for compressing full-color or gray-scale images. ^ back to top

K ^ back to top

L large-format A printer, media, or print 24" or greater in width. laser printer A laser printer uses a laser beam to write on a photoconductive revolving drum that is coated with toner, which is a fine, black powder. After the image is transferred to paper it passes through a pair of heated rollers or a fuser that melts the toner fusing it with the paper fibers.


110

layers Layers are used in digital image editing to separate different elements of an image. lightfast Resistant to the destructive action of light. line art (or line drawing) 1. Single color diagrams or drawings. 2. An image that requires sharp edges and high contrast between areas of the image that have ink and those areas that do not have ink. A drawing that consists only of black and white with no intermediate grayscale information. These images require a higher resolution to create the sharpness that is necessary. LPI (Lines Per Inch) Measurement of resolution on a traditional printing press. The number of lines per inch on a halftone screen. As a general rule, the higher the lpi, the higher the printed resolution and quality. ^ back to top

M mask A special effect that can modify images so that only part of the image can be seen, or so that the image blends into the background. matte finish A low-gloss finish with very little reflective quality. media Another term for substrate; the materials to be printed, such as watercolor papers, canvas, copper, wood veneer, cotton, or plastic. The common term used in digital printing. midtones Tones in an image that are in the middle of the tonal range, halfway between the lightest and the darkest. Also called "middle values." montage The seamless combination of divergent images into a singular image. ^ back to top

N ^ back to top

O OD (optical density) (see "print density") opacity The measure of the amount of light that can pass through a material. Also, the property of a film that prevents "show through" of dark printing or marks on a substrate (media). The degree to which a material obscures a substrate, as opposed to transparency, which is the degree to which a material does not obscure a substrate. Also "hiding power." optical resolution The maximum physical resolution of a device. Optical resolution provides better quality than


111

orientation The direction that the page is printed; horizontal = landscape, vertical = portrait. output In digital printing technology, to translate information from the computer to an external device (e.g., a printer or monitor); to print. Also, the visual display of digital information, or that which is printed or displayed. overlaminate A protective clear film that extends an image's durability and enhances its visual quality. Most often used in commercial signage. ^ back to top

P palette The number of colors a device is capable of displaying and producing. Also the tools used in paint programs. PDF (Portable Document File) A proprietary format developed by Adobe Systems for the transfer of designs across multiple computer platforms. Photo CD A proprietary format developed by Eastman Kodak for storing photographic images on a compact disc. Images can be easily accessed for use in professional printing. photograph An image or picture made by photography, whether traditional or digital. (see "photography") photography The art or process of capturing an image onto a recording medium (whether photographic film or image sensor/detector) by the action of light or other radiant energy with the aid of a camera or other device. PICT A picture file format. pigment Colorant consisting of particles made up of many synthetic dye molecules or carbon black. Generally more stable than dyes of the same color. Pigmented inkjet inks are credited with better longevity and may have a narrower color gamut. Finely ground insoluble dispersed particles that, when dispersed in a liquid vehicle, can be made into a paint or ink. pixel Term derived from pi(x)cture element. Refers to the simplest or smallest element of a digital image. pixel depth The amount of data used to describe each colored dot on the computer screen. Example: monochrome is 1 bit deep, grayscale is 8 bits deep, RGB is 24 bits deep. Images to be printed as CMYK separation should be 32 bits deep. (see also "bit depth") plotter A term applied to a peripheral unit that, through computer control, prints data via the Cartesian (X/Y) coordinate system. portrait, portrait mode The orientation of an image that is taller than it is wide; a setting controlling an output device to properly fit a computer document to the print medium. Vertical. posterization An effect created by having a limited number of levels or gradient steps within an image. This


112

may be a planned/desired effect, or it may be a mistake requiring correction. PostScript A page description programming language created by Adobe that is a device-independent. PostScript is an industry standard for outputting documents and graphics. PPI (pixels per inch) A measure of resolution or density of pixels in a digital image. print 1. In the context of fine art, an original work of art (as a woodcut, lithograph, photograph, or digital print) where the art object or artwork does not exist until it is printed. The print is made directly from the matrix by the artist or pursuant to his/her directions. Also known as "fine print,""work on paper," and "original print." 2. A physical image, usually on paper, produced by, but not limited to, such processes as etching, lithography, serigraphy, relief printing, photography, or digital methods. Prints are usually, but not always, produced on paper and in multiples. Traditional, photographic, and digital processes can be used to produce prints. print density or optical density (OD) The print density of an inkjet hardcopy is the visually perceivable and densitometrically measurable absorption of light on the surface due to the presence of a colorant. OD only measures the surface density of a dry hardcopy, not the density of the total amount of ink that was sprayed onto the medium. printer driver Printer-specific software that allows a computer to communicate with the printer. If available, provided by the printer manufacturer. (see also "RIP") printing The process of applying ink to a substrate. printmaker A person producing actual prints from the artist's master file, under the artist's supervision. process color The mechanical process of reproducing a full color image with the three primary subtractive color inks and black (CMYK: Cyan, Magenta, Yellow and Black or "K"). When viewed under a loupe, the individual color halftone dots can be seen in a process color image. profile A file of data or values. In digital printing, generally used to refer to a color profile, especially of a specific piece of equipment (monitor, printer, scanner, etc.) that enables the user to correlate color consistently on various devices. proof A preliminary print used to evaluate aspects of the image (color, density, resolution, etc.) prior to final printing. ^ back to top

Q ^ back to top

R raster A horizontal row of pixels on a screen. The process of rendering an image or page, pixel by pixel, in a sweeping horizontal motion, one line after another. raster image


113

An image that is defined as a collection of pixels arranged in a rectangular array of lines of dots or pixels. (see "bitmap") rasterization Changing vector-type image information to raster image information. reflective art Artwork that is neither digital nor transparent. Refers to artwork that is viewed with the light on the same side of the image as the viewer. relief process In printmaking, a process using printing plates that are incised, etched, or sand-blasted before the surface is inked. Lines or areas that have been cut away do not print. The ink is transferred from the surface of the plate to the paper either by hand-rubbing or with a press. rendering Applying shading and lighting effects to a two dimensional image. reproduction A copy of an original work of art. In the context of digital art, a copy of artwork that already exists in some other original form or material (painting, drawing, et al.) prior to the fixing of the image of that original work on the current printing matrix. (see also "giclĂŠe") resampling Changing the resolution of a bitmap file without altering its physical size. resolution A definition of resolution in terms of pixels per inch, or pixel density. Refers to the number of smallest discernable dots or pixels. A measurement of the "fineness" of detail reproduction given in line pairs per mm, or pixels per inch. (see "DPI" and "PPI") retouching Removing imperfections or unwanted portions of an image. RGB A color model using red, green, and blue; the additive primary colors. Video display systems use RGB data to create screen images. RIFF (Raster Image File Format) A storage format used with grayscale images. In Corel Painter the RIFF format is used to save color image files that retain all of the Painter capabilities such as "wet canvas" and active layers. Saving in any other format disallows further modifications and interaction with these tools. RIP (Raster Image Processor) "Bridge" software allowing the computer to give specific instructions to a printer. Often includes add-on features such as color-calibration routines and various tools. ^ back to top

S saturation A measure of purity of color. Saturated colors contain pure color only, colors desaturate to gray. Saturation is a measure of the degree of pureness or movement away from gray. The amount of gray in a color. More gray means lower saturation; less gray means higher saturation. If a color has no saturation, it is a shade of gray. Saturation is also the degree to which a color is undiluted by white light. (see "chroma") scale To enlarge or reduce an image by increasing or decreasing the number of scanned pixels or the sampling rate, relative to the number of samples per inch needed by the printer or other output device. (see also "interpolation") scan


114

The process of translating a picture from reflective art or transparency into digital information. scanner A hardware peripheral that illuminates, reads, and then converts original text, artwork, or film into digital data. Types of scanners include flatbed, film, and drum. selection Any of several processes by which the digital artist can isolate a portion of a digital image in order to perform additional work or protect the selected area from manipulations applied to the remaining "unprotected" areas. Similar to frisket paper and masking tape in traditional painting. shadow detail Subtle features in the darker part of an image. shadow point The darkest tone printable in an image without being black. All tonal values below this threshold will print as black with no detail. sharpen edges An image-editing technique to enhance the edges of an object. sharpening 1. A picture enhancement making the image have more distinct borders, areas, lines, or tones. 2. An option on some scanners that emphasizes detail by increasing the contrast of the boundaries between light and dark areas of an image. silhouetting A masking or image blocking that isolates an image from the background. silk screen An archaic term for screen printing, since most screen printing is now done with synthetic-fabric screens. signed Carrying an original signature of the artist. In law: 1. Autographed by the artist's own hand, and not by mechanical means of reproductions, and if a multiple, after the multiple was produced, whether or not the master was signed. [IOWA CIVIL CODE] [GEORGIA CODE SIMILAR] 2. The artist signed the print multiple by hand to signify the artist's examination and approval of the print. "Signed" does not mean the act of leaving an impression of the artist's name upon the print by any mechanical process. [HAWAII CIVIL CODE] SLR Single Lens Reflex, a form of small format (35mm or 6cm) camera that has a reflecting mirror that retracts when the shutter is released. An SLR allows the photographer to view the image exactly as it will be framed in the photo. soft proof Viewing a digital image with a monitor instead of generating a hard copy proof. Can be done from a remote location via the Internet. sRGB One of several standard RGB color working spaces. Best used for images on the Internet. stylus A tool that is used on a graphic input tablet as a drawing instrument, or as a mouse. subsampling Scanning at a less-than-optimum sampling rate. substrate Ultimately, the material that receives the printed image. Sometimes called "media" in digital printing. The single or multi-layered base material of the medium, which can have a very simple or complex structure and is a carrier for the coating, if present. subtractive color / reflective color The color mixing system associated with pigments, as opposed to pure light. The term refers to


115

the CMYK color space used by conventional and digital printing devices to produce full-color printing. Theoretically, when all three subtractive primary colors are mixed together the resulting color is black. (see also "CMYK") The three colors that are used to create all other colors in color photographic printing. (Cyan, Magenta, and Yellow) ^ back to top

T tablet (graphics tablet) thumbnail A small low-resolution version of an image. TIFF (Tagged Image Format File) A file format for storage of digital images. tiling The process of breaking down an image or page into sections for editing or printing purposes. transform A color-space exchange from one system (RGB or CMYK) to the other, or changing from one hue base to another. translucent Diffuse transmission of light. No clear image can be seen. transparent Adjective to describe a material that transmits light with minimal diffusion or scattering. (Clear, not opaque.) ^ back to top

U unsharp mask A sharpening process that first blurs the edges then subtracts the image from the blurred areas to yield an image of apparent enhanced sharpness. ^ back to top

V vector A term given to a graphic drawing, specified as a color, start and end point, and applied to line segments, type, and tints. vector graphics Drawing software. Vector graphics files are usually stored in formats such as PICT or EPS. Any of a number of graphics formats including EPS(F) and DXF that describe objects on the screen not as colored pixels but as mathematically defined shapes. Vector graphics can be rescaled to any size without any effect to file size. Typically, vector graphics occupy less disk space than their bitmapped (rasterized) counterparts. vector image A computer image that uses mathematical descriptions of paths and fills to define the graphic, as opposed to individual pixels.


116

video card An add-on device that accelerates the digital screen refresh rate in order to display complex digital graphics and motion. ^ back to top

W watermark A faint marking on the back of some photographic papers indicating that the picture was taken by a professional photographer. Also, term for a faint image superimposed on a digital image to protect rights of ownership. An identifying mark or symbol imbedded in the substrate on which the art is made, usually referring to the maker of the substrate. white The result of combining the additive primary colors (Red, Green, and Blue). In the subtractive color mixing system, "white" is the result of the absence of any color. white balance The balancing of color components to create pure white when photographing or scanning a white object. A substitute for a color temperature setting. white point The color and intensity of a device's brightest white. With printers, this is usually the white of the paper. With scanners, the color that when scanned produces values of 255, 255, 255 (RGB). Ideally, the white point is 100 percent neutral reflectance or transmittance. (see also "reflectance") WYSIWYG What You See Is What You Get. Refers to the ability to output data from computers exactly as it appears on the screen.


117

CREDIT Jeremy Brock

Layers Magazine

Worth1000.com psdfan.com

Corey Barker

Martin Evening

PSDTUTS

This is a collection of simple guides & tutorials created to be used in conjunction with Eric Mickens Digital Art Classes copyright


Digital Art Textbook 1, 2, 3 ver. 4.6