Portfolio Redefined: Documentation

8/12/2019 Portfolio Redefined: Documentation

1/47

Por t fo l io Redef ined Worksh op : Documentation

Presentation by Jessica Cannon with documentation slides from Cynthia Lawson


2/47

What a re the ingredien ts o f a s t ron g p or t fo l io?Checklist

Images + MoreImages + Video + Sound + Text + ?

Final work + Examples of process

How do you capture the creative process so that it can be communicatedto others?

Documentation + ReflectionHow can you show the progression of an artist / designer?


3/47

Wh y i s docu mentat ion so imp or tan t?1. It captures growth as an artist / designer


4/47

Wh y i s docu mentat ion so imp or tan t?2. It can communicate experiences beyond art class


5/47

Wh y i s docu mentat ion so imp or tan t?3. Art and design work is judged based on the quality of documentation


6/47

Ho w d o y o u d o c u m e n t w o r k ?Steady the camera


7/47

Ho w d o y o u d o c u m e n t w o r k ?Be sure to shoot the work straight on


8/47


9/47


10/47


11/47

Ho w d o y o u d o c u m e n t w o r k ?Lighting, lighting, lighting: Never use flash


12/47

Ho w d o y o u d o c u m e n t w o r k ?Even, natural light is a very good option


13/47

Ho w d o y o u d o c u m e n t w o r k ?Check for shadows / reflections

Image: Jay Arrera


14/47

In w ha t con tex t do you d o c u m e n t w o r k ?Studio set-up


15/47

In w ha t con tex t do you d o c u m e n t w o r k ?Fake it! Replicate a studio set-up using a roll of inexpensive Kraft paper


16/47

In w ha t con tex t do you d o c u m e n t w o r k ?Contrasting backgrounds

Left: Architectural Illusions, Right: Kiki Smith


17/47

In w ha t con tex t do you d o c u m e n t w o r k ?Non-descript background


18/47

In w ha t con tex t do you d o c u m e n t w o r k ?On-site background


19/47

In w ha t con tex t do you d o c u m e n t w o r k ?Website screenshot (always include browser)


20/47

Once doc um ented , how do yo u edit the images?Working in Photoshop

Photoshop Menu

Options Bar

Toolbox

Palettes


21/47

Once doc um ented , how do yo u edit the images?Photoshop: Sizing Images + Resolution (ppi pixels-per-inch)

Go to Menu > Image > Image Size to set size and ppi (pixels-per-inch)*Digital = 72ppi, Print = 300 dpi


22/47


Pop-up screen when setting image size + resolution


23/47


Set Resolution Check / Uncheck boxes


24/47

Once doc um ented , how do yo u edit the images?Photoshop: Cropping Images

Select the rectangular marquee tool Draw rectangle around the area you wish tocrop in on


25/47

Once doc um ented , how do yo u edit the images?Photoshop: Cropping Images

Menu > Image > Crop Cropped image


26/47

Once doc um ented , how do yo u edit the images?Photoshop: Rotating Images

Menu > Image > Image Rotation Select rotation: cw = clockwise, ccw = counter


27/47

Once doc um ented , how do yo u edit the images?Photoshop: Rotating Images

Finished Image


28/47

Once doc um ented , how do yo u edit your im ages?Working in PIXLR EDITOR, accessible for FREE at pixlr.com


29/47

Once doc um ented , how do yo u edit your im ages?Working in PIXLR EDITOR

Web-based image editing app similar to Photoshop

Can be used on the web, desktop, or mobile phone

Like Photoshop it has the ability to create different layers within a document

Its purpose is to edit digital images @72 ppi. Unlike Photoshop it does notoffer higher image resolutions that are necessary for print.

Images can be saved to your computer, flickr, Picasa, or facebook


30/47


PIXLR is now a Google product so it is integrated w/ Google apps (forexample, if you save images to Picasa they will be automatically available toinsert into posts within blogger)

PIXLR relies largely on its menu to execute various tasks (rather than

Command + shortcuts). This is because it operates within a web browserand there are already shortcuts in effect for the browser. The shortcuts thatwork for the browser such as (Command + X, Command + V) will also workwithin PIXLR

Its recommended that PIXLR is viewed at full screen. This is so that there

isnt confusion between the browser menu & the PIXLR menu . You canachieve this by going to the PIXLR Menu > View > Full Screen


31/47

*Options Bar >

Toolbar >

PIXLR Menu (@ top)


*Depending on the properties of the tool selected from the Toolbar, the Options in the Options Bar will


32/47


*Within the PIXLR menu, IMAGE provides most of the basic options for editing existing photos rotation,resizing, cropping (Left image above). ADJUSTMENT provides basic options for value correction brightness / contrast, hue / saturation, etc. (Right image above).

Image Menu Adjustment Menu


33/47

Ho w d o y o u sav e / or g anize w o r k ?

Files and folders

Save each milestone file as the work progresses

Appropriately name files and folders

Save text with visuals

If a file doesnt exist in two places, it doesnt exist at all. = BACKUP!


34/47

Ho w d o y o u save / org anize w o r k ?


35/47



36/47



37/47

Ho w d o y o u sav e / or gan ize w o r k ?


38/47


When naming files:

Dont use spaces (but underscores _ )

Use caps consistently or to distinguishwords:

figureDrawing_Lawson.tiff sketch_painting_NYC.png

20110623_journal_coneyIsland1.docx


39/47

How can you com m unica te p rocess to o ther s?Iterations: Repeating a process with different results

Stefan Sagmeister


40/47

How can you com m unica te p rocess to o ther s?Sketchbook

Jesus Acosta-Rodriguez, http://vimeo.com/26856361
http://vimeo.com/26856361


41/47

How can you com m unica te p rocess to o ther s?Notes / Mind Maps

Eduardo Enrique Meza Gill


42/47

How can you com m unica te p rocess to o ther s?Storyboards / Post-it drawings

Left: Anne Marie Perks, Right: LaurenRasmussen


43/47

How can you com m unica te p rocess to o ther s?Inspiration Boards

Left: Phillip Lim, Right: Brittany Piscopo


44/47

How can you com m unica te p rocess to o ther s?Details

Natalia Zubko


45/47

How can you com m unica te p rocess to o ther s?Images + Text

Matthew Jensen, The 49 States


46/47

Ques t ions ?

Access presentation: madportfolioworkshop.posterous.com

Ideas on how to show process : watch artist / designer talks on YouTube orTED

Image editing help: lynda.com or search for web tutorialsEmail: Jessica Cannon | [email protected]


47/47

Thank You + Good Luck!

Portfolio Redefined: Documentation

Documents

Transcript of Portfolio Redefined: Documentation