Monday, 28 March 2011

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)


Saturday, 26 March 2011

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

Friday, 18 March 2011

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.

Friday, 11 March 2011

Innovations Project Submission

Here is my submission for my Innvations unit.

The report submitted looks at how platform and game style effects character design, and describes the design process for Octopult.

InnovationsReport.pdf

and here is a demonstration of the game so far.



*Edit: for any Bournemouth Uni animation students that stubmle upon this, I got 71% for this project (artifact and report). The main criticism was production values of the video (it was like an eBay seller's), and not enough research into similar character designs of the octopus in toys, childrens cartoons etc.

Thursday, 10 March 2011

Octopult

The game I'm working on with Dan now has a name and that name is......OCTOPULT!








I have a lot more work to show from the project, but as I have just submitted my assignment and am a little sleepy, I will leave that task for the very near future.