Octopult Icon Design

The final title, icon and splash page graphics.

iPad button (72 * 72 pixels)
iConverter was used to get to put it in the right format.



square iTunes store icon (512 * 512 pixels)







splash screen for the iPad (1024 * 768 pixels) (landscape and portrait)

A Day Near The Sea

Well, I found this old project I did for my 2nd year at Uni. It was a very open brief and I tried to explore the idea of an animated documentary. It documents the 1st of May 2011, focusing on a trip to the beach with my firends. I initially intended to be able to animate something in every scene, but as the project progressed I focussed on trying to create narrative through editing and didn't leave myself enough time to animate. It is not something to be taken too seriously. It is mainly about trying to make comedy through juxtaposition.



music is: Boards of Canada - "An Eagle In Your Mind" and Flairs - "Truckers Delight"

I also found this site which might be useful for uploading videos when they are going to be displayed on multiple devices Vid.ly. It creates a unique url which you can use to link to your video location, the site detects what device is being used to view it and encodes it accordingly.

Prism is nice file conversion software, but my 14 day trial has expired, so I now use online-convert.com

This video is the .avi of the original converted to .mov and uploaded onto vid.ly

How To Make An Animated GIF With Photoshop

If you only have access to Photoshop but want to make a .gif, heres a quick tutorial:

1. Save your image sequence into a folder.

(eg. The folder "chewingSequence" contains: "chewing01", "chewing02", "chewing03" ....... etc ..... "chewing20")

2. In Photoshop go to "File => Scripts => Load Files into Stack".

3. In the menu change the "Use" from "files" to "folder".

4. Click "Browse" and find the folder where you saved the image sequence .

(eg. "chewingSequence")

5. Click "OK" and wait for the images to be imported.

6. In the top menu click on "Window => An

imation".

(this will bring up the animation palette)

7. In the top right corner of the animation palette click the downwards pointing arrow icon and select "make frames from layers".

8. Then click "Reverse Frames" to get the frames in the right order.

9. Go to "File => Save for Web & Devices".

(here you can optimize and preview your animation)

10. In the top right of this new window select "GIF".

11. And finally click "Save" to export and name your animation.

For displaying GIF animations on Blogger

if you try to upload the .gif image sequence directly to blogger it will appear as a still image like so

12. Upload your .gif onto Google Sites (you can use Photobucket but Google Sites is easier)

13. Once the animation is uploaded onto your site, click "view" to view the .gif.

14. "select" and "copy" the url of your .gif.

15. Click the "add image" icon in the blog post creation window in blogger.

16. "paste' the url of your .gif into the "add an image from the web" box.