Idea Testing

I started to test one of the original group project ideas that I came up with to see what it would look like when actually created.

I took the idea I had of combining several posted photos from social media of the same location posted by other people/users into a single “collage” photo. These different perspective photos would be sourced from Instagram tags or location tags and then blended together as whole images. These images would show the story of different people’s perspectives on the world and how we each see the world around us. Since we all see and capture images in different ways/styles.

I originally planned to create this collage as just a static image but on consultation with others was convinced to make it animated or a video to make it more interesting to the viewer.

I set about downloading some images of Leicester Clock Tower using the Instagram Location Tag and then imported them into Adobe Photoshop. In Photoshop I used the Transform too to rotate and position these images over one another and then used the timeline tool to add in the different image layers over a set period of the animation. These frames were also set to loop.

Timeline View.PNG

This Photoshop file was then exported as an animated GIF image as seen below:

collage

I think the final animated image looks good and is definitely more interesting than if it would have been a static image and also allows the use of more images that overlap. However I am not fully keen on this idea and so might work on another new idea relating to photos of significant landmarks or places around Leicester.

The final photos used in the above animated image are by Instagram users:

Background image – https://www.instagram.com/real__lbj/

Overlaid images:

https://www.instagram.com/ranj82/

https://www.instagram.com/pandorapink/

https://www.instagram.com/pablodabrowski/

https://www.instagram.com/my_random_makes/

https://www.instagram.com/mehzabin___/

https://www.instagram.com/carpediememmie/

https://www.instagram.com/anitaremek/

 

Photoshop Gone Rogue

For this assignment the task was to create an animated mosaic about a movie using a single image that then splits up into a grid of 9 different animated GIF images of various scenes in the movie.

My inspiration for this was from the Jaws example on the assignment page and from my last mashup assignment which was Star Wars Rogue One related. Differing to the Jaws example I had thought that the mosaic would be more easily created if it was using a landscape still image for the start as the GIF animations would be landscape orientated shots from the movie. During the thought process for this I also took inspiration from the Jaws example in that the GIF animations would appear momentarily one after another rather than at the same time.

To make this Star Wars Rogue One GIF mosaic I first sourced the starting still image of from this website. I then set about souring the 9  GIF images using the Rogue One Trailer 1 and Trailer 2. I copied this links to these videos and then using GIPHY as seen below specified the start points and duration of the animation which would make the selected part of the video as a GIF image which I could then download.

capture

After I then had all of the images I then set about compiling them together to create the final product. I first attempted to use Adobe Photoshop since this allows the editing of GIFs in Timeline View however this didn’t work out in the end as inserting more than one GIF created  quite a few problems since Photoshop works by making each GIF frame a different layer in the project file. This resulted in hundreds of layers for only a couple of GIFs and meant that to position a GIF each every layer would have to be moved manually since only one layer (frame) is made visible at a time. Another issue was that the background still image layer would have to be manually toggled to visible for every frame in the animation. Some of these Photoshop issues can be seen in screenshot below:

Capture4.PNG

I then decided to move to Sony Vegas instead to compile the animated GIF images with the still image. After importing them into a project file the still image was inserted on the first track on the timeline and then the GIF images inserted on the 9 layers above so they would be overlaid on top of the image. Theses were positioned on the timeline at various points after 1 second of still image to create the simultaneous appearing transitions and the crop tool used to position them in a 9×9 grid. After this white rectangles were created using Photoshop and overlaid to create the outline grid which would mask any gaps in the GIF cropping and be present on the screen at all times like in the assignment example.

Below you can see the Sony Vegas project file with some of the tracks visible on the timeline:

Capture2.PNG

To then make this into a GIF animated image this Sony Vegas project was then rendered as an MP4 video (since Vegas does not allow exporting in GIF file format). This video was uploaded to this website which can be used to convert video files to animated GIF images. Using this online tool the options  as seen in the image below were selected to make sure the animated image plays smoothly in real time and that it is the highest quality possible. I also did re-render and re-convert the video once during the process to cut down on the still image timing at the start of the animation as originally it took too long before the GIF animations appeared.Capture3.PNG

The finished animated GIF mosaic can be seen below:gif-assignment

I think the finished animated mosaic is quite an eye-catching way to view scenes of a movie and definitely takes a couple of loops to view all of the different GIFs that make up the grid. So it could be better if reproduced that the GIF animations were more delayed between each starting or repeated to give the user more time to see what’s going on in them.

I chose this movie for this assignment because I have loved the Star Wars movies ever since I was a kid and particularly like this latest addition to the story-line because of the stunning cinematic shots and use of CGI. For example the top right GIF animated image shows the amazing CGI establishing shot of the movie which rolls just after the titles which I like as it seamlessly drops you into the plot. Through the still image and some of the animated GIFs I have shown some of various troopers within the movie which are of particular interest to me since they are the coolest looking “characters” within the universe and also because I am actually part way through building my own Shock Trooper armour from the third Star Wars movie. On the mosaic there is also some key storyline scenes in some of the GIFs alongside the scenes I liked/am interested in; although there wasn’t much video content online to turn into these animated GIFs because the movie is still very new so the choice was limited. One of my particular favourites is the middle animated GIF scene with the AT-ACT brushing off a rocket fired from one of the main characters Baze as this adds a hint of comedy in the middle of the main battle scene. As of writing this I’ve seen the movie twice already and will probably see it quite a few more times. During the second time of watching I was keeping an eye out for the scene shot in Canary Wharf Underground Station but still missed it!