Can I make projection GIFs on Photoshop?
I was thinking of ideas to create visuals for the 50th anniversary celebration performance. As one of our idea was to project a timeline growth of a lion to show the success so far at Salford University. This gave me an idea to learn how to make moving animation GIFs to create visuals for the theatre performers to see how it will look in real.
I decided to capture some images of the building where we will be projecting. Opened the image on Photoshop.
![](https://static.wixstatic.com/media/38a7a5_743904c07b6848fd8539dc738d16ff74~mv2.png/v1/fill/w_980,h_446,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/38a7a5_743904c07b6848fd8539dc738d16ff74~mv2.png)
I removed the board and furniture by copying a part of the floor and pasting it matching the lines and added a few patches where needed also reduced the opacity down to give it a dark effect.
![](https://static.wixstatic.com/media/38a7a5_d13675d75ddf4d0a9d6323a5cd88b230~mv2.png/v1/fill/w_980,h_436,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/38a7a5_d13675d75ddf4d0a9d6323a5cd88b230~mv2.png)
Adding the projection fabric was quiet easy; I achieved this by creating a rectangle shape and erased the bottom line to a shape of a fabric to give it a realistic effect.
![](https://static.wixstatic.com/media/38a7a5_7acd07703fec41d2b66bac6f2bc4daf9~mv2.png/v1/fill/w_980,h_498,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/38a7a5_7acd07703fec41d2b66bac6f2bc4daf9~mv2.png)
I added a multi-coloured background and cut the lines out to give it that colourful vibrant effect. Added the stages of the lion’s projection.
![](https://static.wixstatic.com/media/38a7a5_8c90c6969c8a486ea1cfa6ffdbdd7a5f~mv2.png/v1/fill/w_980,h_378,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/38a7a5_8c90c6969c8a486ea1cfa6ffdbdd7a5f~mv2.png)
To start making the GIF, First choose Windows on the menu bar and choose ‘timeline’ in the drop down menu. This will open a box like this below.
![](https://static.wixstatic.com/media/38a7a5_fdd955653ffc403d9a587553b13b8e5c~mv2.png/v1/fill/w_980,h_735,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/38a7a5_fdd955653ffc403d9a587553b13b8e5c~mv2.png)
On this drop down you have to choose ‘Create Frame Animation’
![](https://static.wixstatic.com/media/38a7a5_9f8b77772aea4e89a89464388a2233cd~mv2.png/v1/fill/w_980,h_110,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/38a7a5_9f8b77772aea4e89a89464388a2233cd~mv2.png)
Next step is to choose the image you want to animate add a time scale as you wish and create the GIFs.
![](https://static.wixstatic.com/media/38a7a5_fce9f20c7ec94dafa92da55ef738a6b5~mv2.png/v1/fill/w_980,h_538,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/38a7a5_fce9f20c7ec94dafa92da55ef738a6b5~mv2.png)
The final step is to make sure you go to File -> Save for Web -> and choose GIF and save.
![](https://static.wixstatic.com/media/38a7a5_3dd0704c0d4f4e90b0efb35fd63d55a6~mv2.png/v1/fill/w_980,h_553,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/38a7a5_3dd0704c0d4f4e90b0efb35fd63d55a6~mv2.png)