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!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s