Shot in 2 days, with a Canon XH-A1 camera and a Panasonic AG-HVX200. It was edited with FCP on a Mac G5 quad, all the footage was converted to DVC Pro HD format and colour corrected with Magic Bullet Looks. Joint direction with Jay Langdell.
The Kombat Breakers: “Caramel”
September 21st, 2009D-Lito: “The Real Z”
September 18th, 2009Shot in one day on one of the largest housing estates in Madrid, in Moratalaz, with another day indoors with a green screen. Shot with a Sony HVR-V1 and edited with Final Cut Pro 4 on a sawtooth Macintosh G4 400mhz. Looking back I suppose this was a prototypical grime video.
UltraKulture
September 17th, 2009
A couple of flyers from a short lived series of musical events we put on in Coventry. A combination of live music and avant garde electronica.
Edge Live promo
September 17th, 2009Produced by Plectic Communications in 2008
Club Specka posters and flyers
September 17th, 2009
Nissan Festival of Speed timelapse
September 16th, 2009Shot with a Nikon D200 DSLR at 1 frame per 40 seconds interval. The camera was put into fully manual mode to prevent flickering. Aperture F22, shutter speed set to 1/60, ISO speed 100, with a focal length of 28mm (35mm) which equates to a focal length of 19mm with the 1.6 crop factor.
Various Photos 2007-2009
September 16th, 2009
MA DDM practical realization workshops (week 3)
April 28th, 2009Week 3 : 29th April 2009 : Combining Flash, CSS and HTML in Dreamweaver
1 – Preliminary introduction to site building
a) Goto the temporary MADDM website here. Navigate around the site using the menu.
b) Download a copy of the site from here and save it to your home space.
c) Decompress the zip file.
2- Setting up the Dreamweaver project
a) Open up Dreamweaver, then goto Site>New Site.
b) Name your site and choose local root folder by locating and selecting the decompressed site folder.
c) The project files should appear on screen.
d) Open up the index.html file.
e) Open the style.css document.
f) Preview the index.html document in a browser window.
File>Preview in Browser.
g) Go back to the style.css document in Dreamweaver.
h) Change a couple of the parameters in the style sheet.
(i.e add borders, lose padding etc.)
i) Save the changes to the style sheet and review any of the html documents in a browser window.
j) Spend a few minutes examining the relationship between the style sheet and the content layout.
k) Experimentation!
l) Try preparing some images in photoshop, saving them for web (normally JPG) into the image folder of your website, then inserting them into the html pages on your website. Insert>Image.
3- Examining the Flash navigation
a) Goto the site folder in the finder.
b) Open the .fla file named top menu.fla
c) Preview how the swf looks. File>Publish Preview>Default
d) Goto the library (Window>Library) and examine the cast members.
e) Replace the seagull image and/or the button design.
f) Move the type around. Change the font etc.
g) Export the edited movie. (File>Export>Export Movie)
Replace as requested.
h) Go back to Dreamweaver and preview a Html page in browser.
i) Repeat the process until you are satisfied with the Flash navigation design.
MA DDM practical realization workshops (week 2)
April 27th, 2009Week 2 : 1st April 2009 : Introduction to Flash
1 – Preliminary introduction to Flash Basics
a) The stage and timeline
b) Cast members
c) Importing to library
d) Publishing
2 – Go to http://www.flashkit.com/movies/ and download one flash movie each from 3 of the sub sections.
3)- Open the 3 fla files in flash and spend a few minutes examining the library items, then examine any actionscript that is being used and how changing it it corresponds to the final appearance of the flash movie.
DON’T FORGET THE SAME CONSIDERATIONS AS FOR HTML WEBSITES.
Preliminary
Who is the website for?
Who is a typical user?
What purpose does it serve?
Design Considerations
What sections or sub sections does it need?
What technology and processes would be suitable… and why?
User Experience
What will the user experience be like?
Who will be a typical user?
What media technologies do they use?
Resources
Excellent starting point for beginner and intermediate level tutorials.
Good example of flash slideshow linking to external files.
Working example of above slideshow
Full site flash templates
My Email is jon@plectic.com
MA DDM practical realization workshops (Week 1)
March 25th, 2009Week 1: Introduction to Dreamweaver 25th March 2009
1 – Go to “wikipedia.” Hit “random” or
click http://en.wikipedia.org/wiki/Special:Random
The first random wikipedia article you get is the name of your website
2 – Go to “Random quotations” or
click http://www.quotationspage.com/random.php3
The last four or five words of the very last quote of the page is the tagline of your website. The order may be changed for coherency.
3 – Go to flickr and click on “explore the last seven days”
or click http://www.flickr.com/explore/interesting/7days
Third picture, no matter what it is, will be your main image on the front page. If you are unable to download the image, repeat the Process and choose a different image.
Preliminary
Who is the website for?
Who is a typical user?
What purpose does it serve?
Design Considerations
What sections or sub sections does it need?
What technology and processes would be suitable… and why?
User Experience
What will the user experience be like?
Who will be a typical user?
What media technologies do they use?
Resources
ReviseICT.co.uk guide to Dreamweaver
A valuable resource for learning about different aspects of having an online presence
Dreamweaver Tips and tutorials on tables, forms, CSS Styles, behaviours
My Email is jon@plectic.com
