Mark Coleran Visual Designer » Portfolio http://blog.coleran.com Interface & Visual Design Tue, 27 Apr 2010 21:30:10 +0000 en hourly 1 http://wordpress.org/?v=1995 Warm Robot Love http://blog.coleran.com/warm-robot-love http://blog.coleran.com/warm-robot-love#comments Mon, 08 Jun 2009 04:19:05 +0000 Coleran http://blog.coleran.com/?p=1667 Location: N/A
Info: Everyone loves robots…

Download: 1920x1200 Warm Robot (1122)
Download: 2560x1600 Warm Robot (912)

]]> http://blog.coleran.com/warm-robot-love/feed 0 Cool Robot Love http://blog.coleran.com/cool-robot-love http://blog.coleran.com/cool-robot-love#comments Mon, 08 Jun 2009 04:17:50 +0000 Coleran http://blog.coleran.com/?p=1662 Location: N/A
Info: Everyone loves robots…

Download: 1920x1200 Cool Robot (997)
Download: 2560x1600 Cool Robot (884)

]]> http://blog.coleran.com/cool-robot-love/feed 0 Chesham Fog http://blog.coleran.com/chesham-fog http://blog.coleran.com/chesham-fog#comments Mon, 08 Jun 2009 03:36:06 +0000 Coleran http://blog.coleran.com/?p=851 Location: Chesham, Buckinghamshire
Info: Taken during the bad fog in 2007 that shut Heathrow down for a few days. Shot at dusk on a 30 second exposure on the Nikon D80 and processed in Photoshop and Photomatix Pro.

Chesham Fog

Download: 1920x1200 Chesham 01 (1213)
Download: 2560x1600 Chesham 01 (1025)

]]> http://blog.coleran.com/chesham-fog/feed 0 Update 2057 http://blog.coleran.com/update-2057 http://blog.coleran.com/update-2057#comments Mon, 08 Jun 2009 02:35:07 +0000 Coleran http://blog.coleran.com/?p=770 Production: Update 2057
Production Company: Gruppe 5 Productions
Post Company: 422
Role: Concept & Art Direction
Date: 02.06

Update 2057

From the description by Gruppe 5 Productions..
.

Docu-fiction “UPDATE 2057 – The World in 50 Years” pictures a slice of life from the future based on today’s cutting edge research. In three episodes it focuses on topics central to our lives: Episode 1 revolves around the human body; Episode 2 takes on the topic of cities, and Episode 3 tackles geopolitics. Internationally renowned scientists add a manner of credibility to the predictions made by “UPDATE – The World in 50 Years” while giving them day-to-day relevance and explaining the human consequences of progress.

Tasked by 422 Bristol to create the concepts and artwork for several visual displays in the Update 2057 production. Supplied high resolution layered artwork to 422 who used the artwork as a base for later additions and compositing.

click thumbnails for gallery
2057-thumbnail-596x230 2057-science-display-1000x549 2057-police-display-746x259 2057-personal-care-474x726 2057-medical-holosurg-520x520 2057-comm-personal-424x536 2057-comm-medical-585x508 2057-comm-astronaut-404x516

]]> http://blog.coleran.com/update-2057/feed 12 FTP Drop Widget http://blog.coleran.com/ftp-drop-widget http://blog.coleran.com/ftp-drop-widget#comments Sun, 07 Jun 2009 07:08:30 +0000 Coleran http://blog.coleran.com/?p=1311

Client: Private
Project: FTP Konfabulator Widget
Role: Concept & Visual Design
Date: 05.06

Visual design for simple FTP widget running under the old javascript Konfabulator widget application.

VISUAL DESIGN

ftp widget

Drag & drop with 3 states. Static, over and transferring.

]]> http://blog.coleran.com/ftp-drop-widget/feed 0 iFilter http://blog.coleran.com/ifilter http://blog.coleran.com/ifilter#comments Sun, 07 Jun 2009 06:44:22 +0000 Coleran http://blog.coleran.com/?p=1309

Client: Digital Film Tools
Project: iFilter: Photo Filter Application
Role: Concept & Visual Design
Date: 01.2007

Consumer application for a photo filter set that was originally marketed towards professionals. The aim was to create a simple and logical layout and flow that people could use with little or no instruction.


ORIGINAL IMPLEMENTATION

Layerlab 1

CONCEPT DESIGN

Layerlab

]]> http://blog.coleran.com/ifilter/feed 0 Coleran.com http://blog.coleran.com/colerancom http://blog.coleran.com/colerancom#comments Sun, 07 Jun 2009 05:58:07 +0000 Coleran http://blog.coleran.com/?p=1306

Client: Personal
Product: Personal Website
Role: Concept & Visual Design
Date: 06.2001

Personal website for self promotion.

HOMEPAGE

Layerlab 1

PROJECT TYPE

Layerlab

PROJECT LISTING

Layerlab


PROJECT DESCRIPTION

Layerlab

]]> http://blog.coleran.com/colerancom/feed 0 Layerlab http://blog.coleran.com/layerlab http://blog.coleran.com/layerlab#comments Sun, 07 Jun 2009 04:20:15 +0000 Coleran http://blog.coleran.com/?p=1313

Client: Layerlab
Project: Layerlab Website
Role: Concept & Visual Design
Date: 09.2004

Stock resource site specializing in the production and sale of resources for motion graphics artists.


HOMEPAGE

Layerlab 1

The homepage featured three panels as well as account controls and instant access to basket and the site resources. The three panels served separate functions. The right panel was a news and introduction panel. The left panel featured the 5 most recently added resources and the centre a focus, that cycled through the recently added resources, showing each in more detail.


PROJECT TYPE

Layerlab

Once a product type was selected, the user gets a product subcategory listing with a more refined level of detail and descriptions.


PROJECT LISTING

Layerlab

The product listings for each subcategory contain small previews allowing a user to visually ascertain the nature of each.


PROJECT DESCRIPTION

Layerlab

The individual product pages contain detailed breakdowns of each product along with stills and movies.

]]> http://blog.coleran.com/layerlab/feed 0 xXx: The State of The Union http://blog.coleran.com/xxx-the-state-of-the-union http://blog.coleran.com/xxx-the-state-of-the-union#comments Sun, 07 Jun 2009 04:17:20 +0000 Coleran http://blog.coleran.com/?p=992 Production: xXx: The State of The Union
Director: Lee Tamahori
Production Company: Comumbia Pictures Corporation
Playback: Useful Companies
Role: Design & Animation
Date: 07.05

Agent Cody Banks 2


click thumbnails for gallery

tx2-xxx-map-10-640x512 tx2-xxx-map-03-640x512 tx2-xxx-lock-09-640x512 tx2-xxx-floormap-01-750x750 tx2-xxx-doorlock-02-512x384 tx2-xxx-doorlock-01-512x384 tx2-xxx-discwipe-06-640x512 tx2-xxx-discwipe-05-640x512 tx2-xxx-discwipe-04-640x512 tx2-xxx-discwipe-02-640x512 tx2-xxx-discwipe-01-640x512 tx2-xxx-activity-03-640x512 tx2-toby-hack-02-640x512 tx2-toby-gto-01-715x460 tx2-toby-drive-02-700x525 tx2-toby-drive-01-700x525 tx2-nsa-secdetail-01-640x512 tx2-nsa-satcon-02-640x512 tx2-nsa-satcon-01-640x512 tx2-nsa-calendar-640x512 tx2-mil-capital-02-640x512 tx2-mil-capital-01-640x512 tx2-lola-05-640x512 tx2-lola-04-640x512 tx2-lola-03-640x512 tx2-lola-02-640x512 tx2-lola-01-640x512 tx2-blackhawk-1024x200 tx2-asylum-04-640x512 tx2-asylum-03-640x512 tx2-asylum-01-640x512 tx2-amtrak-cc-635x187 xxx2-thumb-1-596x230 ]]> http://blog.coleran.com/xxx-the-state-of-the-union/feed 13 Form Strip http://blog.coleran.com/form-strip http://blog.coleran.com/form-strip#comments Sun, 07 Jun 2009 04:15:59 +0000 Coleran http://blog.coleran.com/?p=1653 Just some messing about with Trapcode Form in After Effects.

Download: 1920x1200 Strip 01 (1948)
Download: 2560x1600 Strip 01 (1547)

]]> http://blog.coleran.com/form-strip/feed 0 Lara Croft: Tomb Raider http://blog.coleran.com/lara-croft-tomb-raider http://blog.coleran.com/lara-croft-tomb-raider#comments Sun, 07 Jun 2009 04:03:04 +0000 Coleran http://blog.coleran.com/?p=990 Production: Lara Croft: Tomb Raider
Director: Simon West
Production Company: Paramount Pictures
Playback: Useful Companies
Role: Art Direction, Design & Animation
Date: 06.01

Agent Cody Banks 2

click thumbnails for gallery

tr1-powell-unix-03-512x384 tr1-powell-unix-01-512x384 tr1-powell-archaic-art-01-600x600 tr1-powell-archaic-01-512x384 tr1-gps-handheld-01-240x320 tr1-gps-03-512x384 tr1-desktop-04-512x320 tr1-desktop-02-512x320 tr1-desktop-01-512x320 tr1-croft-security-02-800x512 tr1-croft-security-01-800x512 tr1-croft-sat-01-512x320 tr1-croft-icons-02-512x320 tr1-croft-database-01-800x512 tr1-croft-cambodia-04-512x320 tr1-croft-cambodia-02-512x320 tr1-croft-cambodia-01-512x320 tr1-croft-audio-03-800x512 tr1-croft-audio-02-512x384 tr1-croft-audio-01-512x384 tr1-croft-align-top-01-512x320 tr1-croft-align-front-05-512x320 tr1-croft-align-front-03-512x320 tr1-croft-align-front-01-512x320 tr1-croft-align-3d-03-512x320 tr1-croft-alarm-04-512x384 tr1-croft-alarm-03-512x384 tr1-croft-alarm-02-512x384 tr1-croft-alarm-01-512x384 tr1-thumb-1-596x230 ]]> http://blog.coleran.com/lara-croft-tomb-raider/feed 3 No Juice http://blog.coleran.com/dial http://blog.coleran.com/dial#comments Sun, 07 Jun 2009 03:58:59 +0000 Coleran http://blog.coleran.com/?p=1642 Location: Pinewood Studios, Buckinghamshire
Info: Taken above one of the stages at Pinewood. Despite modernisation, a lot of old electrical gear remains up in the gods. Too heavy or large to remove.

Download: 1920x1200 Dial (1703)
Download: 2560x1600 Dial (1360)

]]> http://blog.coleran.com/dial/feed 0 The World Is Not Enough http://blog.coleran.com/the-world-is-not-enough http://blog.coleran.com/the-world-is-not-enough#comments Sun, 07 Jun 2009 03:51:47 +0000 Coleran http://blog.coleran.com/?p=988 Production: The World Is Not Enough
Director: Michael Apted
Production Company: Danjaq, Eon
Playback: Useful Companies
Role: Design & Animation
Date: 01.99

Agent Cody Banks 2

click thumbnails for gallery

twine-mi6-z8-02-512x384 twine-mi6-z8-01-512x384 twine-mi6-thanesecurity-512x384 twine-mi6-satzoom-04-350x300 twine-mi6-satzoom-03-350x300 twine-mi6-airflow-02-512x384 twine-mi6-airflow-01-1024x768 twine-aea-01-512x384 twine-thumb-1-596x230 ]]> http://blog.coleran.com/the-world-is-not-enough/feed 2 The Bourne Identity http://blog.coleran.com/the-bourne-identity http://blog.coleran.com/the-bourne-identity#comments Sun, 07 Jun 2009 03:46:50 +0000 Coleran http://blog.coleran.com/?p=984 Production: The Bourne Identity
Director: Doug Liman
Production Company: Universal Pictures
Playback: Useful Companies
Role: Art Direction, Design & Animation
Date: 03.02

The Bourne Identity



click thumbnails for gallery

tbi-treadstone-video-13-512x384 tbi-treadstone-video-08-512x384 tbi-treadstone-video-02-512x384 tbi-treadstone-train-512x384 tbi-treadstone-spectral-audio-512x384 tbi-treadstone-pager-512x384 tbi-treadstone-login-512x384 tbi-treadstone-interpol-512x384 tbi-treadstone-database-512x384 tbi-paris-treadstone-radio-01-512x384 tbi-paris-treadstone-image-01-512x384 tbi-paris-treadstone-delete-01-512x384 tbi-paris-treadstone-alarm-04-512x384 tbi-consulate-08-512x384 tbi-consulate-04-512x384 tbi-consulate-01-512x384 tbi-bank-stocks-512x384 tbi-bank-handb-02-384x512 tbi-bank-handb-01-384x512 tbi-bank-handa-04-512x384 tbi-bank-handa-03-512x384 tbi-bank-handa-02-512x384 tbi-bank-handa-01-512x384 tbi-thumb-1-596x230 ]]> http://blog.coleran.com/the-bourne-identity/feed 29 Lili & Lizi http://blog.coleran.com/lili-lizi http://blog.coleran.com/lili-lizi#comments Sun, 07 Jun 2009 03:29:38 +0000 Coleran http://blog.coleran.com/?p=968 Production: Lili & Lizi
Playback: Useful Companies
Role: Art Direction, Design & Animation

Lili & Lizi



Short film which featured a person experimenting with body modification on a website. Perhaps the only occasion ever, where certain Poser mannequin controls have been used legitimately?

click thumbnails for gallery

lil-thumb-1-596x230 ll-screen-04-512x384 ll-screen-01-512x384 ]]> http://blog.coleran.com/lili-lizi/feed 0 Domino http://blog.coleran.com/domino http://blog.coleran.com/domino#comments Sun, 07 Jun 2009 03:26:57 +0000 Coleran http://blog.coleran.com/?p=794 Production: Domino
Director: Tony Scott
Production Company: New Line Cinema
Post: Blackbox Digital
Role: Art Direction, Design & Animation

Domino



click thumbnails for gallery
dom-thumb-2-596x230 dom-fbi-01-640x512 dom-dmv-01-512x384 dom-audio-editor-512x384

]]> http://blog.coleran.com/domino/feed 0 Spy Game http://blog.coleran.com/spy-game http://blog.coleran.com/spy-game#comments Sun, 07 Jun 2009 03:24:58 +0000 Coleran http://blog.coleran.com/?p=981 Production: Spy Game
Director: Tony Scott
Production Company: Universal Pictures
Playback: Useful Companies
Role: Art Direction, Design & Animation
Date: 04.01

Spy Game



click thumbnails for gallery

sg-thumb-1-596x230 sg-voice-400x300 sg-recorder-512x384 sg-radar-04-400x300 sg-radar-03-400x300 sg-radar-02-400x300 sg-radar-01-400x300 sg-code-400x300 ]]> http://blog.coleran.com/spy-game/feed 2 Agent Cody Banks 2 http://blog.coleran.com/agent-cody-banks-2 http://blog.coleran.com/agent-cody-banks-2#comments Sun, 07 Jun 2009 03:19:18 +0000 Coleran http://blog.coleran.com/?p=790 Production: Agent Cody Banks 2
Director: Kevin Allen
Production Company: Dylan Sellers Productions
Post: Double Negative
Role: Art Direction, Design & Animation

Agent Cody Banks 2



click thumbnails for gallery
cb2-thumb-1-596x230 cb2-ken-screensaver-02-512x384 cb2-ken-mindcontrol-02-512x384 cb2-ken-mindcontrol-01-512x384 cb2-ken-game-overlay-01-512x384 cb2-ken-flag-01-512x384 cb2-cia-widemap-01-800x301 cb2-cia-tracker-04-640x360 cb2-cia-survvid-01-512x384 cb2-cia-secvid-03-512x384 cb2-cia-sat-mao-512x384

]]> http://blog.coleran.com/agent-cody-banks-2/feed 0 Fred Claus http://blog.coleran.com/fred-claus http://blog.coleran.com/fred-claus#comments Sun, 07 Jun 2009 03:09:15 +0000 Coleran http://blog.coleran.com/?p=795 Production: Fred Claus
Director: David Dobkin
Production Company: Warner Bros.
Playback: Useful Companies
Role: Art Direction, Design & Animation

Fred Claus



click thumbnails for gallery
fc-world-map-05-1203x512 fc-world-map-08-1203x512 fc-world-map-14-1203x512 fc-world-map-17-1203x512 fc-police-speed-640x480 fc-flippersalphabet-856x347 fc-factory-toys-04-960x600 fc-clock-971x263 fc-thumb-1-596x230

]]> http://blog.coleran.com/fred-claus/feed 0 Revelation http://blog.coleran.com/revelation http://blog.coleran.com/revelation#comments Sun, 07 Jun 2009 03:09:07 +0000 Coleran http://blog.coleran.com/?p=979 Production: Revelation
Director: Stuart Urban
Production Company: Romulus Films
Playback: Useful Companies
Post: Double Negative
Role: Art Direction, Design & Animation
Date: 08.01

Revelation


click thumbnails for gallery

rev-world-map-512x288 rev-uk-map-512x384 rev-map-11-512x384 rev-map-04-512x384 rev-map-02-512x384 rev-handheld-02-512x240 rev-thumb-1-596x230 ]]> http://blog.coleran.com/revelation/feed 0 Mission Impossible 3 http://blog.coleran.com/mission-impossible-3 http://blog.coleran.com/mission-impossible-3#comments Sun, 07 Jun 2009 02:59:51 +0000 Coleran http://blog.coleran.com/?p=973 Production: Mission Impossible 3
Director: JJ Abrams
Production Company: Paramount Pictures, Bad Robot
Playback: Blackbox Digital
Role: Art Direction, Design & Animation
Date: 05.06

Mission Impossible 3



click thumbnails for gallery

mi3-target-512x384 mi3-palm-04-800x480 mi3-palm-03-800x480 mi3-palm-02-800x480 mi3-model-512x384 mi3-erhlich-comms-02-512x384 mi3-erhlich-comms-01-512x384 mi3-desktop-512x384 mi3-base-06-640x512 mi3-base-04-640x512 mi3-base-03-640x512 mi3-base-02-640x512 mi3-base-01-512x384 mi3-audio-512x384 mi3-thumb-1-596x230 ]]> http://blog.coleran.com/mission-impossible-3/feed 5 My Little Eye http://blog.coleran.com/my-little-eye http://blog.coleran.com/my-little-eye#comments Sun, 07 Jun 2009 02:41:36 +0000 Coleran http://blog.coleran.com/?p=977 Production: My Little Eye
Director: Marc Evans
Production Company: Studio Canal
Post: Double Negative
Role: Art Direction, Design & Animation

My Little Eye



click thumbnails for gallery
mle-oddspage-01-512x384 mle-betapage-512x384 mle-oddspage-03-512x384 mle-oddspage-02-512x384 mle-oddspage-04-512x384 mle-thumb-1-596x230

]]> http://blog.coleran.com/my-little-eye/feed 2 Silhouette http://blog.coleran.com/silhouette http://blog.coleran.com/silhouette#comments Sun, 07 Jun 2009 02:35:02 +0000 Coleran http://blog.coleran.com/?p=1634

Client: Silhouette Inc
Project: Exhibition stand graphics
Role: Design & Execution

Silhouette is a rotoscoping and paint tool for visual effects artists. The aim was to capture this in a background image for an exhibition stand that simply conveyed two simple things. Motion and cutout. Used here one of the classic Eadweard Muybridge image sequences to capture that.

]]> http://blog.coleran.com/silhouette/feed 0 Mr & Mrs Smith http://blog.coleran.com/mr-mrs-smith http://blog.coleran.com/mr-mrs-smith#comments Sun, 07 Jun 2009 02:34:14 +0000 Coleran http://blog.coleran.com/?p=975 Production: Mr & Mrs Smith
Director: Doug Liman
Production Company: Regency Enterprises
Post: Blackbox Digital
Role: Art Direction, Design & Animation

Mr & Mrs Smith



click thumbnails for gallery
mms-mrs-system-kill-03-512x384 mms-mrs-system-kill-01-512x384 mms-mrs-scanner-01-640x384 mms-mrs-satellite-01-512x384 mms-mrs-map-01-512x384 mms-mrs-hitreview-02-512x384 mms-mrs-db-06-512x384 mms-mrs-db-01-512x384 mms-mrs-comms-01-640x384 mms-mrs-cctv-01-512x288 mms-mrs-buildscan-02-512x384 mms-mrs-audio-01-512x384 mms-mr-johns-office-04-709x256 mms-mr-johns-office-03-709x256 mms-mr-johns-office-01-709x256 mms-combo-pipe-03-512x384 mms-combo-pipe-01-512x384 mms-combo-grid-07-512x384 mms-combo-grid-06-512x384 mms-combo-grid-05-512x384 mms-combo-grid-04-512x384 mms-combo-grid-02-512x384 mms-chopshop-512x384 mms-thumb-1-596x230

]]> http://blog.coleran.com/mr-mrs-smith/feed 16 Mee-Shee: The Water Giant http://blog.coleran.com/mee-shee-the-water-giant http://blog.coleran.com/mee-shee-the-water-giant#comments Sun, 07 Jun 2009 02:02:57 +0000 Coleran http://blog.coleran.com/?p=971 Production: Mee-Shee: The Water Giant
Director: John Henderson
Production Company: MBP
Post: The Jim Henson Company
Role: Art Direction, Design & Animation

MeeShee



click thumbnails for gallery
mes-sub-map-01-512x384 mes-sub-hud-01-512x384 mes-sub-3d-map-01-512x384 mes-sub-3d-map-01-175x768 mes-ship-ship-nav-01-512x384 mes-ship-ship-control-02-512x384 mes-ship-seismic-02-512x384 mes-ship-radar-02-512x384 mes-ship-pipkin-03-800x512 mes-ship-3d-map-blue-03-512x384 mes-laptop-01-512x384 mes-bug-sonar-03-512x384 mes-bug-map-plain-07-512x384 mes-bug-hud-02-200x7681 mes-bug-hud-01-512x3841 mes-bug-hud-02-200x768 mes-bug-hud-01-512x384 mes-thumb-1-596x230

]]> http://blog.coleran.com/mee-shee-the-water-giant/feed 0 The Painted Word http://blog.coleran.com/the-painted-word http://blog.coleran.com/the-painted-word#comments Sun, 07 Jun 2009 00:26:39 +0000 Coleran http://blog.coleran.com/?p=1619

Client: The Painted Word
Project: Branding & Identity
Role: Art Direction & Design

]]> http://blog.coleran.com/the-painted-word/feed 0 3D Magic http://blog.coleran.com/3d-magic http://blog.coleran.com/3d-magic#comments Sat, 06 Jun 2009 22:26:15 +0000 Coleran http://blog.coleran.com/?p=1500

Client: 3D Magic Community Group
Project: Branding & Identity
Role: Art Direction & Design

]]> http://blog.coleran.com/3d-magic/feed 0 Alan Whalley http://blog.coleran.com/alan-whalley http://blog.coleran.com/alan-whalley#comments Sat, 06 Jun 2009 22:24:38 +0000 Coleran http://blog.coleran.com/?p=1501

Client: Alan Whalley Chartered Accountants
Project: Branding & Identity
Role: Art Direction & Design

]]> http://blog.coleran.com/alan-whalley/feed 0 Alstons http://blog.coleran.com/alstons http://blog.coleran.com/alstons#comments Sat, 06 Jun 2009 22:23:27 +0000 Coleran http://blog.coleran.com/?p=1502

Client: Alstons Paint Shop
Project: Branding & Identity
Role: Art Direction & Design

]]> http://blog.coleran.com/alstons/feed 0 Caliban http://blog.coleran.com/caliban http://blog.coleran.com/caliban#comments Sat, 06 Jun 2009 22:22:00 +0000 Coleran http://blog.coleran.com/?p=1503

Client: New Line Cinema
Project: Branding & Identity
Role: Art Direction & Design

Designed for in-film usage in Blade II.

]]> http://blog.coleran.com/caliban/feed 0