Open Source Project Management System – ProjectPier

January 4th, 2010

Thought I’d kick off the new year with a little blog post as have been far too busy to blog as of recent. And due to being so busy I thought it time I invested some time in getting to know a Project Management System (PMS)

I embarked on a mission to find an open source Project Management System, and I came across ProjectPier, which is both brilliant, and free.

I now use it on a regular basis, and have found it works wonders for keeping everyone on the project involved, and making sure you keep track of what needs to be done. It may seem a little confusing at first, but once you get used to it’s layout it’s easy to use.

It’s easy to install as all you need a host with MySQL database functionality. It’s customisable as far as design goes; you can use many of the provided templates or do what I did and jazz it up with a bit of CSS. Each project is only visible by the clients / users you want it to be, so it’s confidential.

My favourite tool is the upload file / image feature which is perfect if you have many people working on the project – nothing gets lost in emails, no more searching through inboxes… all the files are there in a folder for you to download whenever you need them.

I now use it for each website and film project, or both my clients to see what is happening, and for fellow designers/programmers who are involved in projects so everyone knows what is going on.

Click here to find out more about ProjectPier; download and try it for yourself!

DV Mission entry wins 3 awards

November 2nd, 2009

This year I took part in one of the teams for DV Mission – a 48 hour film challenge that happens annually in Portsmouth. On the Friday night, all the teams meet and the genre, title and line of dialogue for the film are picked out of a hat, and we go away, furiously make a film, and enter it for Sunday night screening.

The genre was Weird Western, the title was The Golden 8, and the line of dialogue was ‘Oh well, nobody’s perfect’.

Here was our entry:

The team was called Lazy Nerd a culmination of Lazy Orange and Uber Nerd, myself, and our beautiful actors!

The script was written by Uber Nerd, it was filmed and edited by Lazy Orange, and was a co-directed effort by myself and Uber Nerd.

And wow, what a night we had at the screening. We picked up 3 awards:

Best Sound
Best Script
Best Pro-tech film

Massive thanks to everyone involved, it was such a team effort and it was so much fun to film. Looking forward to next year!

Arundel Bathtub Race promo film now live

October 12th, 2009

We’ve just finished the promo video for The Incredible Arundel Festival Bathtub Race which you can watch here.

The film was shot on the 8th August 2009 and is just a taster of the longer edit which will be available in November 2009. The film contains interviews with contestants, and captures the best bits of the race.

For more information about the event visit www.arundelbathrace.co.uk

Arundel Bathtub Race film in post-production

August 28th, 2009

bathtubrace

In August 2008 I took part in the Arundel Bathtub Race, and had so much fun I decided to get involved.

I produced a documentary about the event this year, the aim being to raise more awareness of the event through video websites (YouTube, Google, Facebook) and show future competitors and contributors the huge amount of fun that’s had taking part to encourage more entries and supporters. It also means that the people who took part and were involved have a memento of the day and can see what the other teams got upto throughout the day.

We had a great presenter, Mark, who went round and interviewed the various competitors and contributors throughout the day, and 3 camera crews who covered the event. The added bonus was that we had 1 camera operator to cover the event from one of the safety boats so we managed to get right in the action.

bathtubrace4

The film is currently in the edit suite, and a rough cut is complete. There will be a short 5 minute promotional film to go on the official website, and a longer episode which will hopefully be available on DVD and at a screening.

Since August 2008, Starboard Media UK has been managing the website, Twitter and Facebook accounts which has given the event more coverage across the internet and allowed supporters to interact with the event. As well as the film, we took a ton of photos (over 600) to capture the fun and frolics of the day.

For more information:

Official website www.arundelbathrace.co.uk
Twitter: @Bathrace

Questions? Get in contact: contact@starboardmediauk.co.uk

Arundel Bathtub Race

Hits and tips for using a Content Management System

August 27th, 2009

If you’ve never used one before, and have no prior knowledge in web design, getting to grips with a content management system can seem like a daunting task. I’ve recently been writing a user guide for CMS Made Simple which I pass on to clients as a handy reference. I’ve also been giving tutorials on CMS Made Simple, teaching clients how to update and manage their websites content.

Here are a few hints, tips and words of advice which you may find useful if you are using a CMS for your website – whether it’s Wordpress, Joomla or any other open source content management system.

1. Always check the page you’re working on regularly. Open a spare window with the live version of the page you are working on and refresh when you make changes.

2. Does it look right? If your page is looking a bit out of line, or your images are spilling over the designated area, check the image size. Re-size and re-upload the image to fit the space you are working with. This is more aesthetically pleasing and ensures your website looks correct. Follow the image sized guidelines that your designer has provided to avoid this happening.

3. Try to keep within the theme. The fonts, colours and styles have been chosen for a reason and straying away will unbalance the uniformity of the website. Your designer should supply you with recommended styles, colours and fonts or have them set up and ready to use within the CMS. It’s a good idea to save a screenshot or ask your designer for a mock up as a reference for things like styles and image placements.

4. Keep file sizes as small as possible – large images and files take a long time to load, which is frustrating for users. Make sure your images are optomized for web use.

5. Take your time – it may take a while to populate your website if you have lot’s of content, so grab a cup of tea and take your time over the little details, as they make all the difference.

Optimizing images for websites

August 27th, 2009

Optimizing images for websites

Here are a couple of tips and suggested links for optimizing images for web use. Images that take a long time to load can frustrate your users, so just taking the time to optimize your images will be highly beneficial.

1. Use the correct file format for the job. To find out whether to use JPEG, GIF or PNG, read below.

2. Set the dpi (dots per inch) to 72dpi. This is the optimum dpi for internet use.

3. Create the size image that you need – don’t use a large image and then re-size it on the web page. A re-sized image on the page will look pixelated and fuzzy and will still be the same file size. If you need a thumbnail to open up a larger image, create the thumbnail separately.

JPEG, GIF or PNG?

JPEG: If you are saving a photograph, or an image with a photograph in, a JPEG will be fine.

GIF: These are good for graphics and fonts as they are smaller in file size. You can also use transparency in certain circumstances with a GIF, for example, you might have a logo you want to place on a patterned background.

Note: Don’t forget to set a matt colour close to the colour of the background you will be putting the image on, or you will end up with pixelated white edges on your image

PNG: Has better compression than GIF, and you have the benefit of having more options with transparency, for example, you can set a drop shadow on an image with a transparent background and use it on a website.

Note: Not all browsers support transparent PNG backgrounds, but you can use fixes:
Twin Helix: PNG Fix

For more information on PNG, GIF and JPEG check the W3C schools tips on PNG, JPEG and GIF.

Further reading

More detailed information on optomising images for the web:

http://www.ehow.com/how_6236_optimize-picture-web.html

A very good tutorial for exporting images from Photoshop (also applies to Fireworks, etc)

http://inobscuro.com/tutorials/read/35/

A short but informative tutorial on GIFs and JPEGs with image demonstrations.

http://www.aksi.net/optimizing-images.htm

Art Director – Essential kit

July 29th, 2009

Having worked as Art Director / Set Dresser on a couple of short independent films recently, it’s an area of film making that I am very keen to pursue. I have learnt a lot, and one of the things I have learnt is what essential kit I should keep on me.

A lot of them are things that are essential, like scissors and tape, as well as items that are useful for creating certain effects, like aging or greasing up. Most of them are fairly obvious, some are a little bit random, but the idea is that I will keep adding to the list as I come across more useful tools.

This is both for me, as a handy reminder of what to bring, and for aspiring Art Directors who may find it useful.

  • Tape – sellotape, gaffer tape, double sided tape
  • Marker pens – all colours – white board markers and permanent.
  • Tea bags & hot water – for aging things (and for a cheeky tea break!)
  • Steel Wool – for roughing edges, removing rust
  • Printer – may need to print off signs, graphics, etc.
  • Laptop
  • Safety pins
  • Needle and threads
  • Blue Tac
  • Paper – various colours and styles
  • Knife – pen knife or equivelent
  • Insect repellent (as I discovered recently)
  • Black and Brown dirt powder – you can purchase this
  • Pencils
  • Scissors
  • Pens
  • Ruler
  • Glue
  • String
  • Crocodile clips
  • Umbrella – keep your kit dry!
  • Sandpaper
  • Grease / Oil
  • Wire Brush
  • Cheese Grater – I recently saw a costume designer roughing up clothes and shoes with a cheese grater.

Art Directing on Submerged: a 1950s short film

July 9th, 2009

HMS Alliance

A couple of weeks ago I was called to a meeting for a short film written, and being directed and produced by two Media Production lecturers at University of Chichester.

A week later I am Art Director and sourcing all kinds of weird and wonderful props and costumes.

I just wanted to write a short blog explaining a few of the processes we went through for props and costume for those that don’t know, and perhaps provide a bit of inspiration for anyone who is doing anything similar.

The premise of the film;

When an experiment goes wrong submariner Billy Bourne wakes to find his crew gone and only a photo of his sweetheart for company.

Will he get to dance with her again?

Set in 1951 the production had to be totally authentic, which was helped by a really amazing location; a full sized submarine, the HMS Alliance.

sub3 The Engine Room The Gallery

Props and Costume sourcing

On Wednesday 1st July I was at Sabre Sales (an amazing shop in Portsmouth with hundreds of authentic military memorabilia and costumes) checking out costume sizes, and picking up some previously selected props as well as finding some more.

The types of props we needed were:

  • Military charts and maps
  • Mess room dressing such as plates and cups
  • Old tools
  • Clock
  • Photographs and postcards
  • Blankets
  • Clothing
  • Plus lots of others

And other general things to make the submarine looked lived in. There were 65 men aboard the submarine (although where they put them all I’m not sure, as 20 film crew members seemed a squeeze!).

Here’s a few pictures of the bunks we set up;

Bunk 1 Bunk 2

Making things dirty

As Billy was a working man on a sub who probably hadn’t had a wash in 10 weeks, a lot of the props needed to be aged and greased up.

His vest for example needed to be dirty and greasy. We tried dirt powder from the make up kit, and dirt from the floor, but it just wasn’t authentic enough looking, so in the end we cleaned the inside of everyone’s car engine with the vest, which did the trick nicely!

Getting Greased Up!

Other things that needed dirtying included a sign we made for the radio room which said ‘WARNING – MAINTAIN RADIO SILENCE DURING OPERATIONS’ - which also had to be in an authentic looking font. We looked at all the other signs in the sub and I decided upon Georgia as a font. We then used tea to age the paper slightly and wrapped it round some thick cardboard to make it look like a sign, which worked very nicely.

Tea turned out to be quite a useful tool – not only for tea breaks, but for making things look old, from wooden objects to paper.

A lot of the things we purchased were brand new and shiny, such as folders, clip boards and paper. So I carried a lot of them around in my bag for a few days, and used a stanley knife to create worn edges on the clipboard.

The pencils needed to be short, stubby and greasy, so the  Art Dept. Assistant on the day I wasn’t there had snapped off the ends and had people chewing on the ends of pencils for a bit. Did the trick nicely!

The kitchen needed to be full of pots and pans and looked lived in, here are a selection of the props we used.

Pots and Pans Pots and Pans

Preparation

I had with me a list of props and costume for each scene, which were put onto sheet for each day shooting in the order we were shooting it in. The list included the following:

  • What room the scene was in
  • What state of makeup the actor was in (clean, greasey)
  • What costume he was wearing
  • Anything that he should be carrying on him (photograph)
  • Every prop in the scene

Although we weren’t doing makeup or all of the costume, it was useful to have it written down as it helps set the scene.

Other useful paperwork to have on me are a shooting script marked up with props for each scene, call sheet, shot list, shooting times for scenes.

Although we took a few continuity photos ourselves for prosperity, we had an excellent continuity team who were ready and waiting with photographs when we needed to re-set scenes. Life savers!

My experiences

Having only experienced art directing second hand on sets before, getting the opportunity to art direct on Submerged was a really positive experience.

I’m hoping to get involved with some more productions over the next year and pursue art direction more.

I will leave you with the view we had for our crew BBQ’s for dinner. Can’t get much better than that!

HMS Alliance Sunset

My Top 10 free fonts

June 18th, 2009

I absolutely love fonts, they can make all the difference and give a website it’s character, so I thought I would share with you a few of my favourites. Some are ones I use on a regular basis, and others are for a particular style which I just love.

1. Quicksand Book Regular – Download it here.

Quicksand Book Regular

This is one I came across recently, it’s slick, it’s sexy, and professional looking. I used it recently for the logo on the Portsmouth Film Cafe website.

2. Base 02 – Download it here

BASE 02

This is my favourite font to use on a grunge style design. It’s also perfect for club nights and DJ’s. I used this on Shanaze Reade’s website for her header.

3. Geosans Light – Download it here

Geo Sans Light

I use this one on a regular basis, it’s very lightweight so it’s best used in a larger size for subtitles or logos.

4. Subway Ticker – Download it here

Subway Ticker

I haven’t had the chance to use this font yet, but I came across it not long ago and I like it’s retro feel. I’m just waiting for the perfect retro style website to use it.

5. Eurofence Light – Download it here

Eurofence Light

This is one of my favourites. I used it on Goldie Sayers website for the logo and think it’s a really gorgeous font in both lower case and capitals.

6. Journal – Download it here

Journal

A really nice little hand writing styled font.

7. 321 Impact – Download it here

321 Impact

This font is great for a cool, grunge style design. Unlike some grunge fonts it is easy to read. I used this font for the Open Wakeboard Championship flyers back in 2007

8. Blue Highway – Download it here

Blue Highway

This font I have used on many websites. I’ve also used it for a logo – you can see it in action here on Emerge Training and Consultancy

9. 1942 Report – Download it here

1942 Report

This is a really cool typewriter style font. It could be used for various styles of design; history, retro, film production, horror…

10. Florance Sans – Download it here

Florance Sans

A great Sans Serif font which could be used for main body text on a brochure or flyer if you’re looking for something a little different to Arial or Helvetica as it it’s nice and easy to read.

Using generated images for page titles

June 16th, 2009

Using generated images for page titles

Guest Post by James Bailey of Lazyorange.net

If like me you like using fonts that aren’t widely known; and thus can’t be used as a font because most users don’t have it, creating individual images are a great way of adding a fancy font to the title of a page or product.

However, if you have a lot of pages which require lot’s of titles for each, it can be very time consuming. There is, however, a solution.

PHP has the ability to generate images, based on text or XML data etc. This gives us a simple and very time saving way of using any font as a page title without having to make each image. The webserver and PHP can do it dynamicly when the page is loaded.

Below is a simple 20 line script that does just that. It was created by myself long, long ago and I’ve only just remembered how useful it is, and that it works. I can’t offer any support with it, but if you Google PHP dynamic images you’ll find all you need, and the file itself is fairly simple.

Download the ZIP file here

It includes a working example for you to play with. Files included are headline.php, index.php and a sample font (’Another Typewriter’ free license from dafont.com)

  • Step One – Create the headline.php file

You can take a look at the code here:

Read the rest of this entry »