Image Links

An image link is an image that when clicked on takes you to another page (either on that site or to another), much like a text link, sometimes it (with the right image) it can enhance the website whereas other times it makes it a little confusing.

The BBC website has many image links, they help the viewer to see what they story is about with having to read the title if your looking for something particular. This is an effective use of an image link.

www.bbc.co.uk

Another example of an image link used on a website is the official Pepsi site, this lets you click on the image to be taken to a different part of the website yet it is a little confusing as some of the images on this page flip over to revile writing, which is a little confusing and I think this is a little ineffective.

http://www.pepsi.com/en-gb/d

Another example of this would be Pinterest, a site where people upload photos and guides to nearly everything you can think of, when you click on the image link it lets you see the same image used as the image link but a much larger version of it. iI think that this is an effective use of an image link on a website.

http://pinterest.com/

animated gif - interactive digital imaging

Animated gifs are images saved as a GIF file format that are made to move. These gifs below was made to make people laugh (or at least smile!), 

http://theberry.com/2011/08/15/dog-gifs-trump-cat-gifs-today-14-gifs/

http://theberry.com/2011/08/15/dog-gifs-trump-cat-gifs-today-14-gifs/

tom and jerry

tom and jerry with prodigy's warrior dance

stopmotion - the exorcist

I edited this claymation using iMovies, I first converted a video from Youtube from www.onlinevideoconverter.com. After I cut some parts out and inserted the title and credits, I then went to Share, Export Movie and exported it in Documents and saved it as a large .m4v

pixilation/claymation

my claymation

Flash symbol - show tweening

Above is the image I used to create my simple animation, firstly I opened this in Adobe Flash then Convert to Symbol (screenshot below). I then clicked onto the 40th frame in the timeline and inserted a frame, i then right clicked onto the 40th frame in the timeline, selected motion tween and inserted a key frame. I selected the 20th frame and inserted another keyframe then selected the image, went to colour then Alpha (see below) took the image transparency down to 0% then saved my motion tween as a GIF file, went to Control and Test Movie to make sure it worked.

flash animation

After opening Adobe Flash I used the Brush tool to create an image, I the clicked on frame 100, selected the image, went to Insert, Timeline and Keyframe, moved it off the white screen. I then selected the frames 1, held down shift and 100, selected Timeline and Create Motion Tween, i then went to File, Export Movie and saved the file as an animated GIF. With Flash the image is made of vector graphics so you can get a smoother line no matter how much you zoom in and out because it is made from shapes instead of pixels.

The GIF above is the end result of my attempt at a very simple animation.