Tweener tutorial
This tutorial was commissioned by Web Designer magazine to show off the wonders of the amazing Tweener AS3.0 library for Adobe Flash. This library allows you to tween easily between any two values for any property. This is very handy when you want to fade content in and out, or slide in and out to the stage. There is a really handy function that can be called either when the tweener is called or when it completes so if you need something else to happen at the end of a tween then it can easily be called.
Sequence Post Production Redesign
Sequence Post Production
As video has become so prevalent on the web, creating a site for a video post-production company had to rely on a creative solution. After much to-ing and fro-ing with the client we agreed on filling the site with video that stretches to fit any size monitor. This would make the video the complete focus of the site, pushing the creativity of Sequence Post-Production in front of potential clients, rather than them having to rely on explaining through text.
“We approached Mark to re-design and build our Sequence Post website from the ground up. We work in the creative sector so our clients expect the highest standards and are also very visually aware. The concept Mark came up with centred around showing off our visual effects and editing work as soon as a user hits the homepage. He designed a fantastic, re-scaleable flash player which shows off our video work as the main backdrop for the site. The general design and layout is simple, clean and easy to use. We worked collaboratively every step of the way on editorial and we couldn’t have been happier with the service. We have already had numerous clients and site visitors comment on the quality.” – Ben Foakes, Creative Director, Sequence Post Production
The site was built using Flash CS4 and Adobe Media Encoder.
Adding animation to still images
When designing websites in Flash that use still images, we can make them so much better than on a regular HTML page by using the power of Flash to animate the images on the site. This tutorial for Web Designer magazine, explores the possibilities using fade in techniques, blurring the background and just generally assembling the image in a more stylish way.
Click here to view the finished image.
NEW – Tutorial is now on the Web Designer Website – Click here to read the full tutorial
Click here to get the tutorial files.
Dark Places Interface Design
Dark Places
This web interface was design for the Office of Experiments and their Overt Research Project. The site was designed specifically for the Opera web browser as the target destination was for an installation. Opera was chosen because of it’s kiosk mode and was installed on a touch screen in a specially created booth by artist Neal White.
The site was running from the Drupal Content Management System, so the interface had to be created so that it could be easily dropped into place. Click the image below to view larger.
We are data
We are data image
During a recent residency at the Kube Gallery in Poole, Dorset I decided to start work on an idea surrounding the computer mediated, representation of self. This piece was the result of the work completed during that residency. It is influenced by our increasingly digital lifestyles of blogs, tweets, text messages and facebook. As so much of our lives appears as pure data, we can build fairly accurate images of people based purely on this information.
This piece of work explores the theme by using a webcam to capture a live video stream and present it as ASCII text and therefore represent our physical appearance as nothing more than textual data. This is the first phase of this project and I have a couple of ideas for taking this further but both are completely different directions!
Click here to view the project. You must have a webcam to view this project.
