Sunday, 9 December 2007
Ten Second Film Festival - Production (Part 1)
I created a project and deliberately left a ten second "hole" in the middle of it, which is where the animation will fit.
I will upload a video tutorial of how to create titles shortly. I will also be adding the movie so far to the blog, so watch out for an edited post!!
EDIT: Apologies for having no video tutorial as promised. The motherboard in my PC has decided to die.. and the student loan won't fund fixing it :( boo!
Tuesday, 20 November 2007
Ten Second Film Festival - Planning (Part 2)
Click Here To Listen To Soundtrack
Note that a WAV version of the file above will be used in the project to maximise audio quality. The file has been compressed for online hosting.
I have designed my set using a virtual lego designer, which will make it much easier to create the real model. Remembering my idea to include a bar, dj booth, and dancefloor, my model will look (hopefully) similar to the following (click for larger view - requires Quicktime Player):
As you can see, the set design is not complete, there is still quite a bit of work to do, but now both yourself and I have an idea of what the animation set is going to be like. Several features are still missing, such as loudspeakers and lights. This is due to the software I used not having all the bricks I needed within it.
Referring to the Gannt Chart in the previous post, if the project stays to schedule I will begin filming next week. The filming will take place one day and I will hopefully be able to shoot the whole movie in one session because I have taken good care over the planning. Using my storyboard I will be able to shoot scenes quickly and efficiently.
That more or less concludes my planning, although this post may get updated in the next week with any changes that I might make to the film. The next post looks at the production stage of the project, and will give a detailed explanation of different camera techniques and shot types that I will try to demonstrate in the short space of time I have got to present something spectacular.
Thursday, 15 November 2007
Ten Second Film Festival - Planning (Part 1)
I will construct a nightclub out of Lego, with a DJ booth, bar, and dancefloor. This will allow me to use a variety of different settings in my ten second movie. The sequence will be cut quickly to a thumping dance track. Cutting scenes quickly gives the notion of a fast paced environment, which is what I am going to try and portray in my Lego Club.
I thought about vital information I needed before I could start the production process, and can list the following:
MOVIE NAME: A Visit To Club Lego
CLUB NAME: Club Lego
CHARACTERS: Lego Men. A Large Crowd, Bar Staff, a DJ
SETTING: Custom-Built Club (See Design Later In The Planning Posts)
MUSIC: Dance Track with a Driving Beat
I have created a Gannt Chart, which outlines the production schedule in details, and gives me a time scale to work to. This can be seen below (click on the thumbnail for full view)
I have also finished storyboarding the film, and detailed shot types (I will be posting about different shot types later) where possible. Again, click the thumbnail below for a full view of the storyboard. The storyboard was designed by imagining actually creating a film of this idea. This enabled me to better show camera movements between frames. This storyboard will be used to create the animation and will aid greatly when shooting the images that will be sequenced to create the film.
That's all for Part 1 of the planning. Check back for Part 2 early next week.
Wednesday, 14 November 2007
Ten Second Film Festival - Introduction & Ideas
Timelapse Movie
Animation
Narrative
Timelapse
Animation
A difficult choice to choose, but one that also has the potential to demonstrate a lot of different production and post-production (shooting and editing) techniques. The number of frames in one second (frames per seond, or fps for short) is between 24 and 30 (depending on which part of the world you're in and what format you're watching on), which means that do create an animation I would have to shoot between 240 and 300 still images, and then edit them together in quick succession.
Animation is very effective and I could create an impressive end product, but it means a lot of work. However, I have not ruled out this option just yet!
Narrative
My final idea was to create a narrative film. This would most likely be a short sketch with just two people. It would be very hard to create a good, catchy sketch with more than two people in the short space of time I have got to present it. By doing a narrative film I could demonstrate a range of different camera shots and techniques, and could vary my shots from wide shots to close ups. I could also use advanced editing techniques in post production, such as split screen, transitions, overlays etc.
My Choice
Keep checking back for developments on the planning of my film! Hopefully within the next week I will have a storyboard completed, and know exactly what I want to film.
Tuesday, 30 October 2007
Big Stock Photo - The Results
Peter Littlewood,
The batch of 4 files uploaded on 2007-10-23 09:53:31 has been processed by our Image Approval & Moderation team. Below you will find the status of the files in this upload:
Approved Photos
----------------------------------------------------------------
The following files have been approved and will be scheduled to be added to the website on the next update (within 24 hours).
2208801 A Modern Office Building In London
2208803 High Rise Office Block In London
2226635 Looking At The Cathedral Through An Old Window (Lincoln, United Kingdom)
Not Accepted Photos
----------------------------------------------------------------
The following files were not approved with a descriptionof why they were not accepted:
2208802 High Rise Office Block In London
Reason: We have enough of this subject already...sorry...
Thank you for your help with BigStockPhoto.com!
BigStockPhoto Approvers
Monday, 29 October 2007
Big Stock Photo - Image File Formats
GIF - Graphics Interchange Format (Compuserve)
PNG - Portable Network Graphics
PSD - Photoshop Format
RAW - Found on expensive digital cameras
TIFF - Tagged Image File Format
BMP - Windows Bitmap
LOSSY Formats: JPEG, GIF
LOSSLESS Formats: RAW, PSD, PNG, TIFF, BMP
So what are the differences? I'll start by comparing the lossy file formats, JPEG & GIF.
JPEG works by making unnoticable changes to an image, and removes parts of a file. Where the format falls is on sharp edges and abrupt colour/subject changes. Saving as JPEG removes any abilty to resize an image greatly (either larger or smaller). The more you compress a JPEG file, the more colour information will be lost, reducing image quality further.
In comparison with other formats, JPEG will easily compress an image around 2-3 times better than the GIF format.
The GIF image file format was developed by Compuserve and is an acronym for Graphics Interchange Format and was designed for graphics rather than photographs. Because of the applications it was designed for, GIF only supports an 8-bit colour palette, making it bad at handling photographic material due to its reduced number of colours. Unlike JPEG, GIF supports transparency and interlacing in images, making it ideal for diagrams and logos. It is also possible to save GIF as a vector graphic, meaning that it can be resized as big or small as the user needs it, and the quality will not be degraded.
GIF is still, and always has been, most favourable for web page design components, such as simple backgrounds, logos, buttons, and small animations (banners etc), but when asked to handle anything with more than 256 colours (unlike the 16million colours of the JPEG), the format will fail.
Moving on to the more favoured formats in the photography and design industry, the BMP file format was devloped by Windows and is an abbreviation of the word Bitmap. BMP works by storing information on every single pixel in an image, which explains any large file sizes! Each pixel has a value for each of the Red, Green, and Blue (RGB) values in the colour system. The main disadvantage of this file format is the lack of cross-platform compatibility. This file type was developed for just the Windows platform, making it unusable on any other system.
The PNG (Portable Network Graphics) file type is probably the only lossless format used online, as file sizes stay reasonably low. Typically compressing 5-25% better than GIF, PNG image data is compressed across rows AND columns, whereas a GIF file is compressed just by rows, which gives it that slightly bigger file size. Again, PNG supports transparency and up to a 48-bit colour palette, which is more than the JPEG format. Be aware though that using a 48-bit palette for a picture that was to be uploaded to a website would be a bad idea because the file size would be much higher than using a 24-bit colour palette.
The TIFF image format is another lossless compression algorithm that is accepted across a number of different platforms. A TIFF file contains only original image data with all the information intact. This in turn makes file sizes very large and people tend not to use TIFF images where big files are an issue, such as on the internet.
RAW is a filetype that isn't widely used, but can be found on some expensive digital cameras. The name gives a slight clue as to how images are stored, in their "RAW" unchanged and original state. Similar to and a genral alternative to TIFF, any image data remains intact. Like TIFF, this file type is very platorm friendly and is easy to transport between systems and applications. The main disadvantage of the RAW file format is that a lot of image specifications have to be set before it can be used effectively.
Finally, I will talk about the Adobe Photoshop PSD file type, which is what I used for the images in the BigStockPhoto project (although the final images were saved as JPEG files for internet use). PSD is becoming more and more accepted in the image editing world because it is a very flexible format, offering support for an (almost) unlimited number of layers, image channels, and paths, making it great for editing, because any changes would be made on a separate layer, and if there were any unwanted layers at the end of an editing session, they can easily be deleted. The PSD file has an option to "flatten" an image, which means to mix all the layers down to a single layer, but if file size is not an issue, store images with all layer information intact, as it will make editing much much easier. Because of the flexibility of this file format, file sizes are often very large, so buy a big hard drive!!
To end this post, I will include an image file size comparison table, just to give an indication of the compression ratios that each file format uses. The image I have used is a downloaded RAW graphic, 1615 x 1465 pixels. The file was saved in all seven formats and the results are shown below (ordered largest to smallest file size):
It was interesting to see that the TIFF and BMP files ended up larger than the original RAW file.
Saturday, 27 October 2007
Big Stock Photo - The Upload Process
Image Name
Image Description
Tags
Category
The first thing I had to do for each picture was to give it a name. I had to keep this short and to the point as much as I could, because it is the first thing that a user sees when scanning through search results.
The categorisation of each image is equally important to the other parameters. Luckily, the categorisation of each of my files was easy enough, because there is an Architecture category, which reflects my theme perfectly. Within this category, there are the several sub-categories to choose from including:
Churches / Religious
Office Buildings
Residential
Exteriors
Interiors
At the bottom of this post, you can see which sub-categories I assigned each image to. A photograph submitted to BigStockPhoto.com can be put in up to three categories. I used all three entries, because I want my images to be easily found and returned in the maximum number of searches possible.
Image tagging is the process of assigning keywords to an image. When I was thinking of image tags for my photographs, I thought first about the age of the building (modern/traditional). From these two keywords I could enter three or four tags. For example, for the modern London building I could use: modern, new, contemporary. For the Cathedral building i could use: traditional, old, historical etc. My tagging process continued by next looking at what was in the picture itself (eg: cathedral, offices, high rise office and so on). From here, I thought about what the building was made of. Keywords here include stone, concrete, glass etc. The more keywords I could assign to an image the better, and as with the other parameters, the upload information for all the photographs I took for this project are at the bottom of this post.
Other fields could be edited, like what camera was used to take the shot, LIST OTHERS
Below is the information I submitted with each of my photographs.
Image One
Image Name: High Rise Office Block in London
Image Description: A High Rise Office Block in London (United Kingdom)
Categories:
Architecture >> Exteriors
Architecture >> Office Buildings
Architecture >> Residential
Image Tags: architecure, office, workplace, high, rise, sky, skyscraper, tall, building, flats, house, housing, windows, reflections, reflected, reflect, bricks, concrete, modern, new, contemporary, design
Image Two
Image Name: High Rise Office Block in London
Image Description: A Tall High Rise Office Block in London (United Kingdom)
Categories:
Architecture >> Exteriors
Architecture >> Office Buildings
Architecture >> Residential
Image Tags: builing, london, skyscraper, high, rise, flats, office, block, sky, windows, reflections, bricks, concrete, towering, tower, workplace
Image Three
Image Name: A Modern Office Building in London
Image Description: A Modern Office Building in London (United Kingdom)
Categories:
Architecture >> Exteriors
Architecture >> Office Buildings
Industry >> Construction
Image Tags: modern, architecture, office, block, windows, reflections, tall, symmetrical, workplace, sky, high, contemporary, design, new
Image Four
Image Name: Looking At The Cathedral Through An Old Window (Lincoln, United Kingdom)
Image Description: Lincoln Cathedral shot Through A Window At Lincoln Castle
Categories:
Architecture >> Churches/Religious
Architecture >> Exteriors
Industry >> Construction
Image Tags: traditional, old, history, historical, building, cathedral, worship, church, window, stained, glass, concrete, stone, brick, hand, crafted, intricate, detail, castle, god, bible, choir, large, tourism, interesting
I also uploaded some other images to BigStockPhoto just because I thought they were good shots. These images were not edited at all. To look at these, click to BigStockPhoto.com and browse my portfolio. My photographer name is petelittlewood. I will write in my last post about this project whether my additional images were accepted or not.
Friday, 26 October 2007
Big Stock Photo - Image 4
In the end, I decided to keep the architecture theme throughout the project. But for my final image, I turned to something a bit more traditional, rather than modern office blocks like in the other photographs. A lot nearer to home, my final image is of Lincoln Cathedral. As mentioned above, I tried to create a frame within a frame shot of the building and I got some impressive results.
Here is the original photograph:
The frame of the photograph was very dark, so the first thing to do was to try and highlight parts of the stone. To do this I began by making two layers from the image. I cut the middle of it out and created a new layer with it. Doing this meant I could highlight just the frame (window), which was now in a frame of its own. Photoshop has a built in Highlights and Shadows editor, and adjusting the Highlights shadow to around 50%, I managed to bring out the stone detail of the window very well indeed. The results of this are shown below:
Creating two layers from the original shot created some very thin lines round the middle of the picture, and you could quite clearly see where the middle had been cut out. To repair this problem, I flattened the image and used the Clone tool to patch up the gaps. Whilst using the clone tool, I got rid of a fairly obtrusive weed from the right hand side of the shot. Compare the image above with the results of my repairs below:
From here, I was slowly getting nearer to completing the image. The next stage was to crop out any parts of the image that needn't be there, so I took out the edge of the window frame. This wasn't a major change to the photograph, but helped bring out the focal point a bit better. With the cropping done, the image now looked like this:
I could have left the completed image like that, but you can see how grim the day was! So, like in all the other project photos, I decided that the day definitely needed brightning up. If i'd have realised how much of a hard job it was going to be with this shot, I might not have bothered! It took a very long time because of all the intricate detail around the top of the cathedral building. But after much perseverance and hard work, the sky became blue again. As with the previous three files, I created a new layer and painted over the sky with a nice blue colour, before setting the layer blend parameter to Overlay.
Because I'd made the sky blue, the rest of the picture looked a bit dull, so to fix this I adjusted the colour balance. Now whether or not I did this effectively is judged by yourself, but I think it looks better with the colour balance adjusted. I boosted the yellows slightly, because that's what "colour" the sun makes things look. So adding a few yellow highlights to the image brightened the whole thing up. I hope you agree that the completed picture looks a lot better than the original. The image was also resized, as it did not need to be as big as it was originally (over 3000 pixels high!). Below is my final submission to BigStockPhoto!!
| Before | After |
So that's it for the BigStockPhoto project as far as taking and editing images is concerned. The next posts explain how each image was uploaded, and whether or not it was accepted. I have also posted a detailed look at file types.
Tuesday, 23 October 2007
Big Stock Photo - Image 3
The first step was to crop the image to cut down on the amount of editing I needed to do. This was quickly done, and the results of the crop are shown below:
I could then begin work on warming up the nasty grey sky that is on the original photograph. Like the previous images, I did this by making a new layer and painting over the sky in a nice blue colour, before setting the layer blend parameter to Overlay. This image gave the most impressive sky when compared with the other three images, and you can see the results of this below:
From here on, I could ignore the left hand side of the focal point (the building) of the image because I wasn't using any of it. I started work on the manipulation of the image which was a very slow process. If you look at the high resolution original, you will see that there were so many things to get rid of, and I hope you agree that I did a good job and the end result is impressive. I started, as most people would, with the easy bits! You will notice one sign (I think it's for Lloyds bank) on the side of the building. This HAD to go, otherwise there was no chance of BigStockPhoto accepting it due to an infringement of copyright. I plodded away using the image clone and the healing brush, which are a godsend in this situation! Eventually, after a few hours (although it was probably more) I had removed street lights, people, signs, railings, traffic lights, flowers, and all sorts more! I was then almost ready to copy the right hand side of the image and create a mirrored image, and a complete building! The last change I made to the image was to turn the railings into some kind of boxed walkway type thing. You will notice the difference. After I'd cloned through the railings, I'd actually made quite a bit of a mess, and the image looked untidy, so I decided to block out the railings, making it look a bit like painted wood, which doesn't look too bad.
At last I could copy the right hand side of the image to the left and complete the image, which you can see in all its glory below! I hope you like it:
| Before | After |
This was the image submitted to BigStockPhoto.com. I hope it gets accepted because of the amount of time it took me to complete! I think it's a very good image and I have used the editing features of Photoshop to a great extent to make an attractive and aesthetically pleasing end product. The only thing I'd change about the photograph is the bottom of the image that used to have railings. It was too difficult to edit effectively though without getting rid of them and blocking them out with black.
Check my final post to see the results of my uploads!!
Big Stock Photo - Image 2
| Before | After |
Like with the previous image post, check back here or on the final post (when I write it!) to find out if the image got accepted into the BigStockPhoto.com library, and if not, why not!
I think this is a very good photograph that required very little editing. If anything was to be changed I might adjust the brightness and contrast, or the highlighting just to brighten up the bottom of the block which is slightly dark.
Big Stock Photo - Image 1
Here is the original image, taken in London on a relatively nice day
Step 2 involved removing any parts of the image that I didn't actually want to include in the final image. This was done by using the clone tool to copy individual or groups of pixels close to the section that was being removed. The following sections were removed from the image: the rest of the lamp post, the fluorescent lights present in the windows of one of the floors, and some other messy objects in some of the windows. The results of this stage are shown below:
Step 3 sorted out the awful sky colour. I wanted to make it look like the picture had been taken on a nice day, and as you can see from previous images, the sky was very grey. I therefore decided to create an artificial sunny day! This was done by creating a new layer and simply painting over the sky in blue, and setting the layer blending parameter to "Overlay." It took a while to find the right blue to use, because some blues didn't look "real" when overlayed onto the background layer beneath. I ended up using #004ae2 as the colour for the sky, which worked well, as you can see from the finished product!
| Before | After |
So there we have it. My first image, ready to upload to BigStockPhoto.com. Check back here to find out if the image was accepted by the site (fingers crossed!), and if not, why not. I'll also be doing a separate post at the end of the Big Stock Photo project to outline the acceptance of the images to the site, or to correct any errors stopping them from being published in their catalogue.
On evaluating my work on this image, I think the only thing, if anything, that let me down was the dark reflections at the bottom of the block. However, I think my camera skills were excellent, and that this is a strong photo that should have no problem at all getting accepted to BigStockPhoto.com.
My next post will demonstrate how image 2 was edited before being uploaded to BigStockPhoto.com.
Sunday, 21 October 2007
Big Stock Photo - Introduction
The first thing I needed to complete was my registration with BigStockPhoto.com. This involved submitting my details and completing a tutorial to make sure I understood the terms of submission to the site. My registered details are shown below:
Photographer ID: petelittlewood
Use the photographer ID to search for my portfolio of work.
After thinking about the theme for a while, I decided that one of my themes to use would be:
- Architecture
Taking the photos
When taking the photographs it was important for me to explore the features of the camera I was using, rather than relying on automatic exposure and flash etc. One thing I was advised against was using the flash for my photos. For the outdoor images, it probably wouldn't have made a difference to the shot, but for close shots indoors, the flash creates artificial light and shadows, which often spoil the picture. For this reason, I always used a supressed flash (no flash) when using my camera.
I also explored other camera features such as ISO settings. The ISO setting on a camera determines how much light is exposed to the camera when taking a picture. A LOW ISO setting lets through the least amount of light, and a HIGH setting lets through a lot of light. Be warned however, using a high setting can sometimes result in grainy and noisy images. To get the best image, it can be necessary to take the same image (easily done by using a tripod) with every setting, then edit the best parts of each image together in the post-production stage.
Setting the Exposure Compensation value (EV) to the correct figure can also result in a better photo. Exposure Compensation (hereon referred to as EV) is similar to the ISO setting, and determines the amount of light that is subjected to the camera when taking a picture. Changing the EV may on some cameras alter the shutter speed of the camera, but some cameras change the aperture while keeping the shutter speed constant. A technique called Exposure Bracketing involves photographers taking a shot in every EV setting, and again, like with ISO, taking the best parts of each image to make a perfect shot.
As an example of bracketing, see the two examples below. The image on the left is taken with an automatic exposure setting (set by the camera) and the image on the right was taken with a +1 (positive) exposure setting. See the difference?
Sourcing My Material
I went to London a couple of weeks ago and took some photographs of some of the buildings in the capital city. I though these were too good to go to waste, so this was when i decided about my first theme.
Here are the originals of my architecture pictures. Click on them for a full resoultion image. There will probably be more to add so keep coming back to look!
During this project I will be working closely with the Criterion Reference Grid, and as I always aim high will be trying to attack the Criterion for a First grade.
That's all for this post, but I will be posting again very soon to talk you through exactly how I edited each image, and I will upload the finished results. Keep checking back for my fourth image, which might be a totally different theme (I haven't decided yet!)
Tuesday, 16 October 2007
Photoshop - Composite Images
a) Copy each of the four original images in their entireity and paste them as separate layers or
I decided upon option A, because choosing option B would probably cause problems when layering the images. Option A meant that I could use a layer mask on each layer to dispose of the parts of each original image that I didn't want, and I would have more control over the selection of the originals than using the process option B would have faced me with.
Once I had chosen to do it this way, the way in which I created the final image was relatively straightforward.
On each layer I created an image mask, and simply masked out the parts of the original images that i didn't want. This meant that I could easily construct an image that looked unedited and properly exposed. The process took time because of all the masking I had to do (to hear about masking and selection refer to the tutorial from the previous workshop below), but masking each layer was almost all that this task entailed. With everything masked, I could have left the final image as it was, but I wanted to make a few extra changes.
You will notice that at the bottom right hand corner of each of the original images there is some kind of photographer copyright watermark. This was easily removed in the final stages of the image creation process. Firstly, I flattened the image (flattening an image simply merges all the layers into one), then using the clone tool I got rid of the copyright image. This probably isn't strictly legal but for educational purposes and demonstration I got rid of it.
The final, very subtle change I made to the image was to slightly reduce the amount of red colour in the picture because it looked a bit too warm. Using the colour balance tool I took the red out by -10 and the photograph was complete.
On evaluating my work, I thought that the only minor problem was with how the tree turned out. If you look closely there is a slight shadow line that shouldn't be there. I couldn't seem to get this to disappear and so in the end left it as it was. Any comments on the final image would be appreciated.
Until next week, Stay Creative!!
Tuesday, 9 October 2007
Photoshop - Masking & Selection
That's it for this week. So don't forget, stay creative!!
Tuesday, 2 October 2007
Introduction to Adobe Photoshop
| Before: | After: |
| Before: | After: |
I am very pleased with the result of this task, and I hope you agree:
| Before: | After: |
And for my best image restoration of the day:
| Before: | After: |
That's it for today, So until next time, stay CREATIVE!
Monday, 24 September 2007
Welcome! & A Bit About Me
A Bit About Me