graphics process blog // chelsea college of art & design

local suppliers list

2011-03-15T11:41:00.000Z

Here are some suppliers (mostly in london) we use, no binders or much litho printing on this list yet but will add later.

Please don't share this with people from other courses, we don't want to swamp some of these specialist suppliers with students and lose our discounts and goodwill thanks!

also.. (march 2011) Chelsea technician Richard Elliott has his own list here

London Graphics Centre: Genral graphics supplies and sprays in covent garden
http://www.londongraphics.co.uk/

Paperchase: Paper and stationary of all kinds in smaller amounts
http://www.paperchase.co.uk/
(giant store: 213 - 215 Tottenham Court Road, London, W1T 7PS)

K2: Specialist screen printing (commercial rates)
http://www.k2screen.co.uk/

Onward Display: vinyl cut, stickers, large format prints flyers etc.
http://www.onwarddisplay.com/services.html

Service Point: general print bureau
http://www.servicepointuk.com/

Service Graphics: oversize prints up to many metres, mount, seal, vinyl
cutting - most specialist graphic print processes.
http://www.servicegraphics.co.uk/

Benwells: embossing, foil blocking, die cutting, printing
http://www.benwells.co.uk

Diginate: Specialist stickers and posters
http://www.diginate.com/

4D model shop: anything to do with architectural modelmaking
http://www.modelshop.co.uk/

GF Smith: Specialist Paper Merchants
(order a sample pack -don't say you are a student)
http://www.gfsmith.com/

The Plasticshop: large sizes of perspex and acrylic
http://www.theplasticshop.co.uk/

Orange: digital printing, quick turnaround cheap digital cards etc
http://www.allinlondon.co.uk/directory/1255/5468.php

Calumet: anything photographic or studio related (proff)
www.CalumetPhoto.co.uk

Jigsaw: general digital/AV hardware/software
http://www.jigsaw24.com/

Flints: theatrical chandlers, huge array of theatre related supplies.
http://www.flints.co.uk/

Timber Merchants we mainly deal with - usually next day delivery to the
college at 8am. Pay by card -don't use the college account.

Acrelane Timber Ltd: sheet supplier
http://www.acrelanetimber.co.uk/

Richard Russell Panels LTD: sheet supplier
http://www.richardrussell.co.uk/

Stanley Productions: allsorts of media plus duplication, formats converted
http://www.stanleysonline.co.uk/
(good london shop in soho)

Metro: lots of printing and photo lab services at commercial rates (proff)
http://www.metroimaging.co.uk/

Giraffe Cards: Litho printing cards etc
http://www.giraffecards.com/

GoDaddy: domains and hosting
http://www.godaddy.com

Screwfix: tools, materials, general hardware
http://www.screwfix.com/

3d displays: display and point of sale plastics and oddments
http://www.3ddisplays.co.uk

Edithouse: Inkjet printing onto CD/DVD
http://www.edithouse.co.uk/

Electro Signs: neon/bulb sign manufacture and hire (commercial rates)
http://www.electrosigns.co.uk/

Leyland SDM: specialist decorators merchants and general hardware
(nearest decent hardware shop to the college)
6-8 Warwick Way, Victoria, London SW1V 1RU
http://www.leylandsdm.co.uk/branches.html

Hobs: Architectural plan prints and one off books plus general digital printing services.
Look at the location carefully on google maps first, its a downstairs entrance close to victoria station.
http://www.hobsrepro.com/branches/cities/London.aspx

John Purcell Paper: im sure they sell speciality papers etc but we have used them for massive and thick sheets of 10 by 8ft cardboard (best with a sharp knife and a glue gun to work with).
http://www.johnpurcell.net/

Adobe indesign

2009-10-20T23:47:00.009+01:00

interactive pdf's in cs5 with movies..

http://help.adobe.com/en_US/indesign/cs/using/WS25B6E685-EB91-4c42-9EC4-87E1F94D68B2.html

bulding basic interactive pdf's with links..

indesign secrets vidcast (also available via itunes)
http://indesignsecrets.com/indesignsecrets-videocast-8-placing-images.phpindesign keystrokes

http://www.nobledesktop.com/shortcuts-indesigncs2-mac.html

adobe layers magazine tutorials:
indesign
http://www.layersmagazine.com/category/tutorials/indesign

guide to editorial type
http://web.mit.edu/comdor/editguide/index.html

link here

widows and orphans - important!!! here

more on this... here

online book publishing

http://www.blurb.com/uk
Www.lulu.com
http://www.fast-print.net/

http://www.apple.com/ilife/iphoto/print-products.html
http://www.apple.com/aperture/resources/printproducts.html

links on imposition and setting up print in indesign

figuring out how to print printer spreads for saddle stitched documents..

http://blog.psprint.com/printing/figuring-printer-spreads-for-saddle-stitched-documents/

more indesign booklet printing..

Indesign cs4 print booklet
http://help.adobe.com/en_US/InDesign/6.0/WSa285fff53dea4f8617383751001ea8cb3f-704ba.html

cs3
http://indesignsecrets.com/print-booklet-in-indesign-cs3.php

grids website
http://www.thegridsystem.org/

adobe indesign imposition setup for export cs5
http://help.adobe.com/en_US/indesign/cs/using/WSa285fff53dea4f8617383751001ea8cb3f-704ba.html

more self publishing links here..

Final Cut Pro/Post Production/Sound/Filmmaking

2009-10-20T23:43:00.027+01:00

Production and Camera Related

Canon D550 feature set

Streamclip for converting 550d files

best setting for streamclip for final cut (422)

vimeo d550d zone

!!! rememember.. Shallow Depth of Field cannot conceal shallow depth of narrative !!!!

using a digital slr camera? - (updated) checkout this blog

dslr video assists (screen feedback for framing and colour control)

red scarlet product overview and red website here
http://www.guardian.co.uk/technology/blog/video/2011/jan/08/ces-2011-red-scarlet-camera

greenscreen/bluscreen guide to best results
http://generalspecialist.com/2006/10/greenscreen-and-bluescreen-checklist.asp

projection edge blending – very nerdy!
http://ozviz.wasp.uwa.edu.au/~pbourke/texture_colour/edgeblend/

sound engineering tips
http://emusictips.com/sound-mixing-10-essential-tips/

arduino board: controlling electronics and sensors from your mac
http://www.arduino.cc/en/Guide/MacOSX

buy..
http://arduino.cc/en/Main/Buy

coding language for interactive digital arts
http://processing.org/

fxphd hd video podcasts for visual effects artists to keep up on the latest ideas
http://fxguide.com/fxguidetv.html

interlacing and video fields explained (movie)
http://movielibrary.lynda.com/html/player/?id=%7B2B5B7A3B-B61D-4E4E-A39A-6A6BE17A627C%7D&tc=0&height=676&width=880

hi res stock film footage
http://www.artbeats.com/
http://www.artbeatsdigitalfilmlibrary.com/clips/15482/23513

compositing using stock footage demo
http://www.artbeats.com/creative_samples/1

hack space london
http://london.hackspace.org.uk/

sound work website for audio pro's
http://soundworkscollection.com/

make your own camera dolly
http://gizmodo.com/5448749/30-camera-dolly-is-the-quickest-most-useful-ikea-hack-ive-seen-in-a-while

apple pro tips website
http://www.apple.com/pro/tips/

bloody omaha (how 3 graphic designers recreated the normandy landings for bbc timewatch)
http://uk.youtube.com/watch?v=WRS9cpOMYv0

tutorials about audio mixing
http://audio.tutsplus.com/articles/general/top-10-2009-tutorials-about-mixing-and-mastering/

here's a few links regarding apple's colour..

overview

http://www.youtube.com/watch?v=8ygMRsBYMh0&feature=watch_response

using secondary correction

http://www.youtube.com/watch?v=tsMyjP082NU

and here's a website where you can download lots of pre-done colour grades - If you use colour then this is a must..

http://www.coloruser.net/grades

(from our ducumentary and editing sessions)

BBCfour doc on editing

THE CUTTING EDGE: the magic of movie editing (pt1)

THE CUTTING EDGE: the magic of movie editing (pt2)

The Cutting Edge: The Magic of Movie Editing Part 3

(these may be abridged as the original is 90mins)

long but good film grammar web-page with reference to final cut and all the most important rules.
http://www.kenstone.net/fcp_homepage/language_of_film.html

mass observation wiki link

mini doc based on the archive

the archive today

John Grierson wiki link

http://www.griersontrust.org/

Nightmail (GPO film unit)

humphrey jennings documentary 'the man who listened to britain' in parts

1

2

3

4

5

6

Humphrey Jennings wiki link

Listen To Britain
The Man with the Movie Camera, 1929, by Dziga Vertov (extract)
also here

Final Cut Pro X Tutorials (via Izzy Video)

how to make final cut pro x work more like fcp 7 (here)

need to take projects between fcp7 to fcpx and premiere? CAT DV9 will do this.. theres a free trial but the software costs over £300! here

more on final cut pro x..

Auto sync - yes its possible to sync clips where audio has been shot on a camera and it needs to be joined to audio which has been shot with a mic with better sound quality here's how.. http://www.youtube.com/watch?v=iosCgBS3gac

Adding black gaps or allowing other clips to show through gaps (intercutting).

As there is a magnetic timeline you have to add black gap clips in the timeline to move things or to make it act like final cut pro 7 you can use the position tool which is under the blue arrow menu just above the timeline which allows you to drag clips around in black space.

more.. http://www.youtube.com/watch?v=-zLdqCorhT0

Changing audio levels and fading in and out..

Firstly you can set the levels on the timeline..

http://www.premiumbeat.com/blog/fcp-x-audio-tutorial-part-2-using-final-cut-pro-x%E2%80%99s-audio-and-music-fading-tools/

or you can drag up an down the main level of the whole clip with cursor over the clip where a little icon pops up to do so. If you need to add keyframes so you can drag up and down audio levels through the clip its here...

http://www.nedwebserver.com/ned-web/finalcutprox105-working-with-audio&nedweb&site=MPV&asv=11&sid=kde0s8o3e9vrbmev3lvvi6h2a5

also there is a loudness option which can be added to audio but the hum removal and background noise removal are very limited for most use but heres a guide..

http://www.premiumbeat.com/blog/fcp-x-audio-tutorial-part-4-enhancing-audio-using-final-cut-pro-equalization-and-analysis-tools/

Break apart video clips so the audio can be deleted..

http://www.premiumbeat.com/blog/enabledisable-and-linkunlink-clips-in-final-cut-pro-x/

or right click on a clip and select break apart clip.

changing the clips colouring and balancing and lightening/darkening etc..

http://www.youtube.com/watch?v=uSkEKkZWHF4

to auto balance clips read this..

http://www.premiumbeat.com/blog/how-to-perform-an-automatic-color-balance-in-final-cut-pro-x/

Importing files that wont open in fcpx

So you can transcode files in compresser or mpeg streamclip but sometimes the clips just work in imovie and not the new final cut. In this case trim all your clips roughly down in an imovie project and in final cut you can open the imovie file and turn it into a final cut document. You can also do this by exporting the timeline as an xml file from imovie and importing that into final cut.

editing clips in final cut pro x (very good)

http://www.youtube.com/watch?v=lW2NPWPXwcA&feature=related

Keep up with the rendering and clip analysis

In the middle of the screen is a round circle which where all the audio levels can be seen and fcpx shows how its getting on with rendering things if you click on this circle it will open a list of what its doing.

Final Cut Pro 7

Apples own basic training tutorials for final cut express
http://www.apple.com/finalcutexpress/tutorials/

Ripple training offers a lot of free movies showing how to use final studio software including compressor, colour, motion etc
http://www.rippletraining.com/provideoapps.html

Apples help online help library covering all their pro apps
http://documentation.apple.com/

final cut training links
http://kenstone.net/fcp_homepage/fcp_homepage_index.html#fcp

apples final cut video tutorials
http://www.apple.com/finalcutstudio/tutorials/

final cut/video tutorials
http://www.geniusdv.com/weblog/archives/final_cut_pro_and_avid_tutorials.php

and even more (older this time) if you have fcp5
http://www.computer-training-software.com/final-cut-pro5.htm

using pro-res
http://wpc.107c.edgecastcdn.net/00107C/ripple/fcp_prores_final.mov

output to bluray
http://wpc.107c.edgecastcdn.net/00107C/ripple/fcp_output_to_bluray_final.mov

twixtor ultra slow motion plugin for ae and fcp link to demo
http://www.revisionfx.com/products/twixtor/

final cut keystrokes
http://www.hdvisionstudio.com/blog/2007/09/05/fcp-tips-final-cut-pro-keyboard-shortcuts/

final cut creative cow video tutorials via itunes
http://cowcast.creativecow.net/final_cut_pro/index.html

also dvdstudio..

dvdstudio pro user manual
http://documentation.apple.com/en/dvdstudiopro/usermanual/

dvd studio youtube guides to the basics (press the hq button to see the movies better)
http://www.youtube.com/watch?v=3BudYuQlQ0Y
http://www.youtube.com/watch?v=K_iXAAcG-r4&feature=related

202 final cut pro 7 tutorials here

and below...

Apple.com

It should go without saying Apple.com should be your first stop when wanting to learn about Final Cut Pro. They have video tutorials coving all aspects of Final Cut Studio, we have included the links specific to the FCP tutorials below. Other pages of interest are: Downloads, Third-Party Plug-ins, AppleCare Support, Final Cut Support Page and Final Cut Discussions. If you intrested in more advance training you should take a look at their Apple Pro Training.

Videos

Overview of the Interface
Importing Footage
Editing
Compositing
Filters
Export

White Papers (PDF)

Native HDV Editing with Final Cut Pro 5 FAQ
Uncompressed SD Editing Using Final Cut Pro
Final Cut Pro and XDCAM HD

Video Tutorials

As I’m sure you know the amount of FCP videos on YouTube seems to be endless. Below we have highlighted a few of the highest rated, most relevant videos and channels. We have also included some of our favorites from Vemio.

YouTube

PixelHeadsNetwork

shirtlessapprentice

Keying in Final Cut Pro
Matching Color Hue in Final Cut Pro
Color Correcting White Balance in Final Cut Pro
Editing in a Multicam Sequence

Vimeo

Final Cut slow motion at various speeds
Final Cut Pro Tutorial: Plesantville Effect
Final Cut Studio slow motion demo
Final Cut Pro Tips – Bleach Bypass look in Final Cut Pro 6
Smoothcam effect with Final Cut Pro
SmoothCam demo – Smoothing lateral moves
Final Cut Pro Does This Sometimes
How To Blur Out Images In Final Cut Pro So You Won’t Get Sued!
Final Cut Pro Tutorial: How To Bleep Out Words
Keyboard Shortcuts A to Z
Import Video into from AVCHD cameras.

Creative Cow

David Battistella
EDIT TO TAPE – A STEP BY STEP GUIDE
Recapturing HDV, Can it be done?
Walter Biscardi
Preparing Your Sequences to Go From FCP to Color
Maximum FCP Efficiency with Tabs
Walter Biscardis Secrets for Real-time Sequences
Travel Mattes in FCP: Part One, The Basics
Travel Mattes in FCP: Part Two, Adding Animation and Drop Shadows
Travel Mattes in FCP: Part Three, Enhance Your Interviews
Field Editing & Production Using Final Cut Pro
Roger Bolton
Vee You: 8 Free Mac Plug-ins for FCP, AE and Motion
Fast Flowing Montages for FCP & Motion
Cowdog
Using Automator for repetitive tasks in Final Cut Pro
Philip Hodgetts
How2 Upgrade to Final Cut Pro 4 — the Right Way!
Technique – How2 Canvas & Viewer with Waveform & Vectorscope
Dustin Lau
Become replaceable. Have a life with better FCP project management
Better Media Management in Final Cut Pro
Get Fast in Final Cut Pro — FAST!
Steve Miller
Jittery Film Effects in Final Cut Pro
Chris Poisson
Travel Mattes in FCP: Faster than AE
Really? Capture HDV to ProRes in FCP? Over FireWire?! Yes!
Shane Ross
The Ultimate Real-world FCP FAQ, part 1
The Ultimate Real-world FCP FAQ, part 2
The Ultimate Real-world FCP FAQ, part 3
Build Unique Transitions with Filters in Final Cut Pro
P2 Import in Final Cut Pro 6
DVCPRO Frame Rate Converter
Movement on Stills
Importing P2 into FCP
Stephen Smith
Creating a Hologram
Stephens Five FCP Time Saving Tips
Compressor Custom Settings: A Creative COW Final Cut Studio Video Tutorial
As a Page Turns: A Creative COW Final Cut Studio Video Tutorial
Bad TV Look: Final Cut Pro Tutorial
CSI: COW
Creating That Old Film Look with Final Cut Studio 2
Bad TV Effect for Final Cut Pro
Creating That Old Film Look For Final Cut Pro
Marco Solorio
Capture Cards and Codecs
Tim Wilson
Apple’s ProRes 422
Part 2: ProRes for HDV, with a splash of Color
Boris Yamnitsky
FCP Titling with Boris: Old-fashioned LED Animation

geniusDV

Organizing tips for Final Cut Pro
The Final Cut Pro Interface
Final Cut Pro Timeline Editing
How to capture and input video
3 point editing
Trimming tools for Final Cut Pro
Adjusting Audio Levels
Final Cut Transitions
Using Multiple Video Tracks
Creating Titles
How to make a Filmstrip effect
Using Alpha Mattes
Outputting from Final Cut Pro

The Los Angeles Final Cut Pro User Group

Uploading Movies for YouTube with maximum quality
Exporting Project Files for DVD
Scrolling Text in Live Type
Using Compressor to export to IPO
Final Cut Pro Multi-Cam
Different way to work with HDV in FCP
Thumbnail Video Index
Chroma Sampling: An Investigation
Breaking Free of HDV Limitations

Ken Stone’s Final Cut Pro

Setting Up a Project in Final Cut 6
Exporting Markers from FCP
DVCPRO HD Aspect Ratio Bug in Final Cut Pro 6

Zoom In Online

Using Transfer Modes for ‘Film’ Effect
Creating a Photo Montage in Motion
Trim Edit Window Part 1
Finding Unused Shots
Cutting a Slide Show to the Beat of Music
3-Way Filter Color Corrector
Applying Transitions to Multiple Clips
Final Cut Pro Keyboard Shortcuts

Digital Media NET

Exhibition Design (GDC)

2009-10-20T22:26:00.004+01:00

Hi, GDC has an internal blog for exhibition design at www.gdcshow.com which represents our show creation blogs since 2006 to the present day. This is an area for each year's final year planning group and staff to share ideas for the upcoming shows and for the spaces we use. If you are watching this site and not from GDC we would ask that you be respectful of the creative content shared here which amounts to live projects in discussion for each BA Show and not to appropriate ideas until these events have passed.

Adobe Photoshop

2009-10-06T11:25:00.025+01:00

All adobe 30 day trials here see the try option below application

photoshop mockup class points and links..

1. raw structure Fabrication..
a.Upscale web pics and use as a basis for perspective, or; b.take a photo using foam-board or anything that resembles the structure c.use googles free download of sketchup d. Use pshop tools for perspective...

Stretch in perspective..
http://www.larry-bolch.com/perspective/photoshop.htm

3d...
http://www.photoshopcafe.com/cs4/3D.htm

3d from photo..
http://psd.tutsplus.com/tutorials/designing-tutorials/rendering-a-striking-matchbox-in-photoshop/

(Also mesh warp)

2. Extraction and working in layers

3. Colour balance and lighting

Peeling Sticker Effect | Photoshop Lab.pdf (974.859 Kb)
above link is how to make a peeling sticker effect

photoshop facelift/fashion (some good some dodgy)

cooling hot photos

great dove video about photoshop manipulation

various good links here to photoshop and other apps.. has indesisn basics for magazine layout too.

how to use photoshop cs2's vanishing point tool (3d mapping)

more pshop tutorials

texture king - free to download texture libraries - concrete, brick etc
http://www.textureking.com/index.php/category/concrete/ link here

faking tilt lense effects in photoshop
http://recedinghairline.co.uk/tutorials/fakemodel/ here

http://www.cheapshooter.com/2007/08/24/tilt-shift-photography-its-a-small-world-after-all/ here

ultimate photoshop tips
http://www.techlicious.tv/2007/10/53-ultimate-tips-for-better.html

photoshop facelift links
http://www.photoshopfacelift.com/

adobe layers magazine tutorials:
photoshop
http://www.layersmagazine.com/category/tutorials/photoshop

pshop basic extraction
http://www.wonderhowto.com/how-to-use-extract-filter-tool-photoshop-cs2-16608/

pshop tech brushes
http://www.netglos.com/800-great-tech-brushes-for-photoshop

pshop actions
http://creativenerds.co.uk/freebies/70-of-the-best-photoshop-actions-for-enhancing-photos/

PSD Templates for faking books and magazines

http://psdho.me/graphics/magazine-template-psd-file.html

http://graphicriver.net/item/open-magazine-or-book-template/33422

http://www.psdgraphics.com/file/blank-open-book.jpg

http://www.zoodisk.com/post/blank-open-book-template/71108

http://www.psdgraphics.com/3d/blank-box/

http://webrevolutionary.com/sharpfolio-demo/wp-content/uploads/2008/03/dutch-advanced-photoshop.jpg

http://www.1stwebdesigner.com/resources/45-free-design-template-and-psd-files/

http://www.psgalaxy.com/psd-files/photoshop-magazine.html

http://manicho.deviantart.com/art/Badge-it-Yourself-43423542

http://www.hongkiat.com/blog/60-high-quality-photoshop-psd-files-for-designers/

http://browse.deviantart.com/?q=book%20template&order=9&offset=24#/d2fynzl

http://browse.deviantart.com/?q=book%20template&order=9&offset=24#/d2fsnzj

http://browse.deviantart.com/?qh=&section=&q=magazine+template#/d2mcud0

http://browse.deviantart.com/?qh=&section=&q=magazine+template#/d2pgz6h

http://browse.deviantart.com/?qh=&section=&q=magazine+template#/d2mesvo

http://folksnetdesktop.com/component/zoo/item/magazine-mock-up.html

David's photoshop fake book template - use the masks saved with the document to cut out the pages..
here

.............................................................................................................

Notes from today’s stage 3 (28th october 2011) session updated ragarding compositing related issues for mocking up objects like books or creating photocomps for visualisation.

1. what’s the image being created for?

a. Does it need to have text over the image to allow for?

b. Does it need extra space around the outside (if its an object photographed in a studio) so you have the latitude to play with it in indesign?... Will you have to increase the canvas size in Photoshop and clone in some extra backroll or create a graduated tone outside the objects by using a soft masked selection area over the object and to do this or will you just pull back slightly in –camera to include some extra backdrop?

(these issues arise when using a d&ad gdc template for example – at this point went through lots of examples and tips for things to avoid and attempt when comping images for gdc projects.)

These included compositing glass reflections over the top of shop windows and matching saturation levels between two files being joined in pshop for the first time.

2. Shoot in RAW where possible and import using Adobe bridge or Apple’s Aperture or Adobe‘s Lightroom

a. These last two will also talk to most modern cameras – not to take over control like Canon’s eos utilities but to act as a tether so when images are shot they travel straight to your image editor.

b. here’s a list of Apertures supported Cameras... http://support.apple.com/kb/HT4176
…tethered aperture shooting http://support.apple.com/kb/HT4176
http://www.youtube.com/watch?v=fEjZKnCUX4g

c. Rankin and many pro photographers use this software..
capture1 http://www.phaseone.com/Phase%20One/Software/Capture-One-Pro-6/Pro-Tutorials/New-in-capture-one-6.aspx it acts in a similar way to aperture but also allows immediate transfer to ipads for preview and control of the light themselves remotely.

d. Save in tiff or psd format (not jpg)

e. If possible shoot all still and moving footage with the same lighting during the same setup, hd stills may not be print ready at anything much over A4 size. Until we get a 4k RED camera to do it all - shoot both at the same time or soon after.

3. Colour balance your images..

a. either balance on entry via the raw bridge importer in cs5.5, or for destructive changes use in photoshop go to image/adjustments and use levels or curves to adjust the tone.

b. For non-destructive layer based colour changes click below the layer menu on the crate adjustment round black and white circle – these can be double clicked and changed later.

c. Watch out for hot colours on the very saturated matte printing process we use her in the college. Bright colours will pop even more in print and will unbalance your image or tonal variance may be limited if you don’t reduce high colour saturations. RGB screen based outputs are not affected.
To change sauration leveles in an image go to image/adjustments/hue & saturation.

d. If you are outputting to cmyk then balance in rgb, convert to cmyk and rebalance slightly again rather than converting and hoping for the best.

e. for comparable colour online for use in blogs like cargo then go through the photoshop exporter (save for web and devices) make sure you choose srgb and tick the include colour profile option – use jpeg or you can also use png.

f. when using colour balancing options in image/adjustments, use the edit/fade option afterwards to make fine post adjustments between the last step you made, using the slider to undo.

4. Steal a grade from a pro..

Find an image from a magazine where you like the way they have coloured the image – take a quick phone picture of it or find online and open in pshop. Have your own full quality image open also and go to image/adjust/match colour.. here you can use your fashion pic as the source and it will use the colour values and spread them over you image. Now adjust until happy.

5. Using photos as a starting point for imagemaking;

you can use blank books, low res web images with strong lines of perspective which you can use as an underpinning and delete later, sketchup files can be made (sketchup has a web library of thousands of common objects which photoshop doesn’t have) or use a 3d programme like cinema 4d to produce a starting point. You can use illustrator and photoshop for 3d but the results will be basic in terms of modelling.

6. Using HDR

a. High Dynamic Range can be a good way to make composite photographs from 3 or more photos taken with different camera settings some darker and some lighter, some correct. For example where a room has bright and dull areas all in the same shot or bright light sources change make it hard to balance the shots. There are three different ways to shoot these images either by varying shutter speeds, or exposing 2 stops above and below normal or by using the bracketing functions on some cameras which will do this for you. Open 3 or more raw images in Bridge and use pshop/tools/merge to hdr, now click on remove ghosts and adjust the image in 5.5 to bring out shadows etc. (also in cs4 under automate)

tutorial for this: http://tv.adobe.com/watch/learn-photoshop-cs5/create-enhanced-hdr-images-with-hdr-pro/

source file to try with.. http://downloads.tv.adobe.com/cs5_sample_files/lrvid5004_ps.zip

b. you can also do this by hand in photoshop by bringing the images in on different layers and using the eraser tool with a % opacity on each layer to make areas reveal themselves as desired’

8. Photo-retouching tips..

a. smooth skin healing and median: http://www.lunacore.com/photoshop/tutorials/tut020.htm
image is: http://www.lunacore.com/images/tutorials/tut020/woman.jpg (2 pages)

b. in 5.5 a new tool (from AE) edit: puppet warp – drop pins then move them to warp images

c. zoom in (cmd+) and then use the space bar and mouse to look for blemishes or dust and scratches and marks to correct. Using the clone stamp tool (alt click to select a source area) and paste over from nearby areas but use 50-70% opacity on the brush so that layers can be built up. This option helps where content aware tools can look a little mechanical.

d. patching and filling is now content aware.
In 5.5 the spot healing brush now has content aware and so does the edit/fill tool after a selection is made. In the spot heal options use proximity match and content aware as options to fill spaces with cloned material..
Spot heal: http://www.photoshopessentials.com/photo-editing/cs5/new-features/content-aware-healing/
try on this file and remove the post (drag onto desktop then into pshop): http://www.photoshopessentials.com/images/photo-editing/cs5/content-aware-healing/wooden-post-brick-wall.jpg

10. Extraction then and now,

a. traditional method with ultimate control using quick mask and alpha channels.
(all other selection tools can be used with this method)
basic guide: http://www.adobe.com/designcenter/photoshop/articles/phs8qmask.html

b. pro tip for using channels to create alpha mattes for hair extraction:
http://www.planetphotoshop.com/select-hair-by-using-channels.html

c. manipulating selections: http://www.lanoie.com/classes/Photoshop/Selections/lectures/lecture7.html

d. the new quick selection tool – first in cs3/4 and now in 5.5 has the option to refine the selection but theres no absolute replacement for quick mask. http://www.youtube.com/watch?v=d0agvgNeXYA

12. 3d text in photoshop – buy a render farm for this one (repousse)

http://abduzeedo.com/playing-inflate-repoussé-photoshop-cs5-extended
http://www.adobe.com/technology/graphics/repousse.html

repousse samples..
http://forums.adobe.com/thread/668036
http://updateox.com/photoshop/176-new-3d-text-effects-in-photoshop-tutorials/

ground plane shadow catcher..
http://blog.simonabrams.com/home/2010/5/5/my-favorite-photoshop-cs5-feature-repousse.html

14. image processing made easy: the aperture way.

a. aperture airbrush& retouch
http://www.youtube.com/watch?v=RFvsTKKuRXU&feature=related
http://www.youtube.com/watch?v=dy83X6IoONc&feature=related

b. movies of photographers using aperture..
http://www.apple.com/aperture/action/menuez/

dropbox is here

A retouching agencies folios
http://www.happyfinish.co.uk/retouching/

The opposite to photoshop: Gregory Crewsden – a photographer that uses full size sets and film lighting
http://inspirationlab.wordpress.com/2011/08/11/gregory-crewdson/
http://www.youtube.com/watch?v=RywAfP4KFcY

repousse tests..

3D (short at the moment)

2009-10-06T11:25:00.021+01:00

Human reference images & video website here

Free 3d tutorials website here

Creating a 3d portrait here

Cinema 4d trial here

Maya trial here

Sketchup (free version) here

Adobe Illustrator and FontLab

2009-10-06T11:24:00.012+01:00

Adobe layers magazine tutorials:
illustrator
http://www.layersmagazine.com/category/tutorials/illustrator

How-to: Illustrator Links

using the pen tool
http://www.squidoo.com/How-to-Use-Adobe-Illustrator-Pen-Tool
http://www.vectordiary.com/illustrator/drawing-with-pen-tool/

swirls swooshes and florals
http://www.youtube.com/watch?v=WKWgtn_axTY

live trace
http://www.tutorial9.net/tutorials/illustrator-tutorials/adobe-illustrator-tip-1-intro-and-livetrace/

general tutorials
http://www.blog.spoongraphics.co.uk/articles/50-illustrator-tutorials-every-designer-should-see

general tutorials
http://www.tutorialized.com/tutorials/Illustrator/1

general tutorials
http://www.ndesign-studio.com/tutorials

general tutorial
http://tv.adobe.com/watch/creative-suite-podcast-designers/10-random-illustrator-cs5-tips/

illustrator style tutorials
http://mos.futurenet.com/pdf/computerarts/ART166_tut_illus.pdf
preventing sterile illustrator work
http://mos.computerarts.co.uk/pdf/cap90_tut_board.pdf
mcfaul skateboard celebrating spaghetti

http://mos.futurenet.com/pdf/computerarts/CAP105_tut_mcfaul.pdf
pathfinder

Illustrator template for fontlab
(suggest you double click and watch in hd for larger movies)

Link to the illustrator file right here

More FontLab how to's..

fontlab studio 5 intro..

music??!! -this one on glyph editing

ligatures..

Creating fonts for free! use the fontstruct website, its simple and not as featured as font lab studio but you can get great results quickly.

just illustrator tutorials here

using the pen tool here

using the blend tool here

Web Design/Dreamweaver/CMS

2009-10-06T11:23:00.022+01:00

Updated 2012 notes

pic of the what the web looks like: http://upload.wikimedia.org/wikipedia/commons/d/d2/Internet_map_1024.jpg

Who creates html? http://www.w3.org/ world wide web consortium

People like this try and help regulate it..

http://www.webstandards.org/ webstandards project

As we know Tim Berners-Lee first used the web html he created on 25 dec 1990 but before that were many networks and systems like prestel, bbs, arpanet etc all here http://en.wikipedia.org/wiki/History_of_the_Internet
history - way back machine can show you older versions of most sites..

http://www.archive.org/

html meaning hypertext markup language

and its scripting language javascript

css meaning cascading style sheets for styles and layout

adobe flash in trouble why?, bloated, slows down desktop machines, not mobile friendly, disabled access, apple refused to put in ios, now dead on mobiles so may die off?, integrated video and interactivity well. Examples of why its good..

wrangler bluebell http://www.kokokaka.com/demo/bluebell_ss10/site/

http://wonder-wall.com/#project/en

http://www.uniqlo.jp/uniqlock/

now going to be desktop experiences

Flash viewers
http://simpleviewer.net/products/
http://www.chelsea.arts.ac.uk/coursework/descom/08show/tilt/

but now not standards compliant!

http://www.flashkit.com/ for flash swf's, actionscript etc

html is up to version 5

http://slides.html5rocks.com/#landing-slide also show root site

browser wars and ie. catchup, designing for them,

render your website to test on any os - very useful!!..

http://browsershots.org/

http://netrenderer.com/

open vs managed...

porn for kids, piracy,

sopa http://en.wikipedia.org/wiki/Stop_Online_Piracy_Act

protects who? shutdowns, wikipedia off last week

PROTECT IP Act (Preventing Real Online Threats to Economic Creativity and Theft of Intellectual Property Act, orPIPA)

The Anti-Counterfeiting Trade Agreement (ACTA)

servers, ftp, internet service providers, ftp, hosted and unhosted,

view source

firefox firebug install

chrome - view developer tools

content management systems

1. cargo collective

2. tumblr

3. blogger (show gdcshow.com) barnett.london login

4. wordpress.com (show brighter chelsea)

5. wordpress.org

6. indexibit how to install - show site

godaddy etc and domains

file types and file structures

index, and getting bigger

ftp

cute ftp, fetch, http://www.net2ftp.com/

photoshop - export to web, export sliced (menus and rollovers), slicing movie for reference.. http://www.youtube.com/watch?v=DVfxe4pqvo8

photoshop actions.. http://www.youtube.com/watch?v=S4mV6sD0GVA

showing photoshop web colours in hex show

dreamweaver..

new features..

http://tv.adobe.com/watch/cs5-web-premium-feature-tour/top-3-features-in-dreamweaver-cs5/

managing a site and ftp

using html and css templates is good

code and design view

properties, mention fonts issue.

basic colour, text and linking

preview

css for objects, elements and layout best.

inserting media - movies to link or stream, vimeo, youtube, flash

learn to work with css..

converting layout with div tags rather than tables..
nice shortcut to adding div tags in a container

jquery

http://en.wikipedia.org/wiki/JQuery

http://jquery.com/

demos: http://jqueryui.com/demos/

widgets/free code

bravenet for widgets: http://www.bravenet.com/

css and other code snippets site: http://css-tricks.com/snippets/

using fonts

standard web fonts here..

http://en.wikipedia.org/wiki/Core_fonts_for_the_Web

so systems have evolved..

typekit: https://typekit.com/?utm_content=top-logo&utm_medium=colophon&utm_source=typekit-app

cufon: http://cufon.shoqolate.com/generate/

2011 links so far..

instructional vids on using css in dreamweaver

from tables to laying out in css..

learning to work with css (adobe developer site) full list of guides

shown in class -notes from 2011

slicing up a website in photoshop for exporting to dreamweaver

2010 links..

css training links fro Adobe..

Adobe Layers Magazine..

css tricks site (code snippets and demos)
http://css-tricks.com/
http://css-tricks.com/snippets/

dreamweaver
http://www.layersmagazine.com/category/tutorials/dreamweaver

render your website on different versions of pc browsers using this special service
http://ipinfo.info/netrenderer/index.php

list of free photo albums
http://www.mywebsiteadviser.com/create_free_photo_album/add_photo_gallery_to_your_website_for_free.php#web_album_generator

Warning about using layout tables in cs4! (2009)
No more layout cells, all layout is now css..
Here is a short vid on how to layout in cs3 using css (if you use cs4 look at the video in the next section first).

http://www.wonderhowto.com/how-to/video/how-to-create-page-layouts-in-dreamweaver-cs3-260417/

And here is a short vid on the benefits of layout in cs4 using a new feature that has given plenty of typical web page layouts as templates which can be easily adapted - a must for new cs4 dreamweaver users.

http://www.wonderhowto.com/how-to/video/how-to-rapidly-build-website-layouts-in-dreamweaver-cs4-258495/view/

Layout in Photoshop and import to Dreamweaver?
http://www.wonderhowto.com/how-to/video/how-to-import-your-psd-layouts-into-dreamweaver-143040/

Professor David J. Malan (Harvard Computer Science)
Web design coding Course Index

Printing, Binding & Post Print

2009-10-06T11:22:00.022+01:00

printing at chelsea poster guide (here as jpg) - older but still introduces needed info

book making vids
http://www.wonderhowto.com/arts-crafts/bookmaking-video/

bookbinding and screenprinting at home

binding 102

diy screenprinting various (last one's best) 1 2 3

Jan Tschichold's perect book system
http://retinart.net/graphic-design/secret-law-of-page-harmony

lulu self publishing

cheap newspaper publishing
http://www.newspaperclub.co.uk/

indesign export to spreads and imposition
http://help.adobe.com/en_US/indesign/cs/using/WSa285fff53dea4f8617383751001ea8cb3f-704ba.html

for more publishing links and indesign go here..

Adobe After Effects/Motion Graphics

2009-10-06T11:22:00.021+01:00

after effects 30 day trial here

bloody omaha (how 3 graphic designers recreated the normandy landings for bbc timewatch)
http://uk.youtube.com/watch?v=WRS9cpOMYv0

video co-pilot website - many students have told me they have used this one

http://www.videocopilot.net/tutorials/all/

more after effects tutorials: title sequences
http://www.zoom-in.com/after-effects-quicktips

adobe layers magazine tutorials: after effects:
http://www.layersmagazine.com/category/aftereffects/

after effects creative cow video tutorials via itunes (useful!)
http://cowcast.creativecow.net/after_effects/index.html

basic tracking in after effects for stabilising video footage and making one object follow a tracked path
http://www.dvpa.com/public/537.cfm

driving after effects animations with sound and expressions
http://www.gfx-help.com/showthread.php?t=110

after effects green screen
http://www.gfx-help.com/showthread.php?t=108

rotoscoping in after effects tutorial
http://www.gfx-help.com/showthread.php?t=97

motion tracking in after effects tutorial
http://www.gfx-help.com/showthread.php?t=98
what can be done with motion tracking (movie)
http://www.dailymotion.com/video/xwo1u_loboskankonesongh264_creation

official after effects online help site
http://livedocs.adobe.com/en_US/AfterEffects/8.0/help.html?content=WS3878526689cb91655866c1103906c6dea-7ece.html

the new after effects interface (cs3/4)

http://www.motionworks.com.au/tutorials/tutorials_download/ae7_navigation.mov

basics of after effects videos
menu layout:
http://www.ehow.com/video_4445027_when-use-adobe-after-effects.html
composition settings:
http://www.ehow.com/video_4445033_new-composition-adobe-after-effects.html
windows and panels in after effects:
http://www.ehow.com/video_4445038_windows-panels-adobe-after-effects.html
inserting images:
http://www.ehow.com/video_4445042_inserting-images-adobe-after-effects.html
time line:
http://www.ehow.com/video_4445048_time-line-adobe-after-effects.html
setting keyframes:
http://www.ehow.com/video_4445052_setting-up-keyframes-adobe-after.html
moving and scaling with keyframes
http://www.ehow.com/video_4445059_moving-scaling-adobe-after-effects.html
creating fades
http://www.ehow.com/video_4445065_creating-fades-adobe-after-effects.html
playback in after effects:
http://www.ehow.com/video_4445069_playback-adobe-after-effects.html

turning photoshop files into 3d in after effects
http://movielibrary.lynda.com/html/Player/?id={06EB8576-8023-40EA-BD9C-621043468F0C}&tc=

animating 3d cameras in after effects
http://movielibrary.lynda.com/html/Player/?id={98425FC5-3178-47EA-90BB-802E21877B67}&tc=

more 3d camera..
http://www.toolfarm.com/tutorials/camera.html

after effects expressions guide
http://www.graymachine.com/tutorials/exp101.html

more after effects how to’s..
http://toolfarm.com/tuts/directory/1.html

history of rotoscoping
http://www.fxguide.com/fxtips-243.html

more roto in after effects
http://library.creativecow.net/articles/oconnell_pete/roto/video.php

puppet pin in after effects tutorial
http://www.studiodaily.com/studiomonthly/currentissue/8633.html
or
http://uk.youtube.com/watch?v=xAJ9jbICoOg&feature=related
or
http://www.adobe.com/designcenter/aftereffects/articles/aftcs3it_puppettool_print.html
in use..
http://uk.youtube.com/watch?v=2sUMfYhdNV4&feature=related

search creative cow tutorials..
http://library.creativecow.net/

‘doom island’ after effects compositing with full project files for you to download and video tutorial
http://www.artbeats.com/video_tutorials/11

video tutorial: using the adobe filmstrip format
http://www.motionworks.com.au/z_other/examples/filmstrip.mov

motionworks after effects how to’s..
http://www.motionworks.com.au/tutorials/tutorials_01.htm

how to replace footage in after effects:
http://www.ehow.com/how_2297136_replace-footage-adobe-after-effects.html

alpha channels in after effects pdf
alpha channels can be from clips exported with transparency or more like from photoshop (masks),
1. in a photoshop file create a mask (selection) the save it (selection at the top and ...save selection)
2. go to channels in photoshop and you will see your alpha channel as a black and white icon.
3. save the psd ticking the choice to include the alpha channel as you do.
4. import as footage into after effects and use straight unmatted when asked what to do with the alpha channel.( ctrl click on any files in the project window and use interpret to play around with an alpha channel, invert it etc.)
5. bring your film footage to the timeline and bring your psd too but turn of the layer visibility for the psd.
6. click on the modes and switches button to bring up the track matte option, highlight for movie layer and click one of the track matte options taking the alpha channel from the name of the psd.
7. now you should have the video being masked by the alpha channel (psd should be on top level).

Here's the official info .....
http://help.adobe.com/en_US/AfterEffects/9.0/WS3878526689cb91655866c1103906c6dea-7cf9a.html

exporting alpha channels and masks in quicktime movies (ae):
Render a quicktime movie using the Animation codec set to best quality, rgb+alpha, millions of colours+, with a straight (not premultiplied) alpha channel. This mask information can be used in final cut or after effects.

keying in after effects:
http://aftereffects.digitalmedianet.com/articles/viewarticle.jsp?id=348427

nesting and pre-composing in after effects (movie)
http://cowcast.creativecow.net/podcast/nesting-and-pre-composing-part--41

invisible control layers ‘null’ layers in after effects:
http://help.adobe.com/en_US/AfterEffects/9.0/WS3878526689cb91655866c1103906c6dea-7d9aa.html

1001 after effects tutorials - yes this is actually 1001 links to ae help files! here

graphics process blog // chelsea college of art & design

local suppliers list

Adobe indesign

Final Cut Pro/Post Production/Sound/Filmmaking

Final Cut Pro X Tutorials (via Izzy Video)

Apple.com

Video Tutorials

YouTube

Vimeo

Further Reading

Editing Blogs

Podcasts

Final Cut User Groups

United States

International

Web Forums

DVD & CD Training

Stabilizers/Steadicams

Car Mounts

JIB Arms/Cranes

Misc. Camera DIY

Lighting

Audio

Stage Effects/Green Screen

Exhibition Design (GDC)

Adobe Photoshop

3D (short at the moment)

Adobe Illustrator and FontLab

Web Design/Dreamweaver/CMS

As we know Tim Berners-Lee first used the web html he created on 25 dec 1990 but before that were many networks and systems like prestel, bbs, arpanet etc all here http://en.wikipedia.org/wiki/History_of_the_Internethistory - way back machine can show you older versions of most sites..

Professor David J. Malan (Harvard Computer Science)Web design coding Course Index

Printing, Binding & Post Print

Adobe After Effects/Motion Graphics

Adobe TV

AdobeTV: Learn CS4

AdobeTV: Total Training CS3

AdobeTV: Learn Production Premium

AETUTS

Avenger Productions

CG Sutra

Creative Cow

Digital Media Net

Expert Villiage

Ryan Vaughn Tutorial

John Carstarphen’s AfterEffects Basic Tutorials

John Carstarphen’s After Effects Advanced Techniques

GoMediaZine

Graymachine.com

Layers Magazine

MaxAfter

MoGraphBlog

Motionworks

Video Co-Pilot

Youtube Videos

Firechildc

Daimyo2k

GoKu Productions

ErracticOblivion

ajones8126

Rivingtonfilm Tutorials

thenewboston

TrackEditor99 Videos

VideoFXUniverse

Vtutorial.com

Waywardson256

Willdt123

Yankees300

Other YouTube Videos:

As we know Tim Berners-Lee first used the web html he created on 25 dec 1990 but before that were many networks and systems like prestel, bbs, arpanet etc all here http://en.wikipedia.org/wiki/History_of_the_Internet
history - way back machine can show you older versions of most sites..

Professor David J. Malan (Harvard Computer Science)
Web design coding Course Index