Skip to main content

ENGL413 - From Photoshop to GIFs

Video Tutorial (14:52)



Downloads & Templates

Dad-Bod Fashion Images

6 images used in Photoshop to GIFs tutorial video and workshop session. (1.7MB .zip folder)


Photoshop Timeline Templates

2 Photoshop files (.psd) to illustrate image layout & for use in conjunction with Photoshop to GIFs tutorial video and workshop session. (29.2MB .zip folder)


Photoshop Collage Template

1 Photoshop file illustrating final collage results.  (23.8MB .zip folder)Fashion Dads Collage




GIF Brewery 3 Download

Mac OS-native conversion app.

EZGIF.com

Simple online conversion tool.

Video Download

25 second .mp4 video for GIF conversion practice. (33MB - Zoolander/Hansel catwalk at Valentino Fashion Show, 2016)

zoolander_hansel_valentino

Final GIF Examples

Six-picture animated GIF image
Three-picture animated GIF image

 


Video to GIF results using ezgif.com link above

Non-optimized GIF: (21.3MB) - Larger file size, fair quality

Zoolander & Hansel catwalk at Valentino fashion show

Optimized GIF: (6.9MB) - Smaller file size, loss of quality

Zoolander & Hansel catwalk at Valentino fashion show

Inspiration Links (#goals)

Webpages, sent from course instructor, used as inspiration for the instruction session.


Example 1 (Photoshop timeline to GIF): Net-A-Porter Webpage: (2018’S Best Dressed: Fashion Insiders) 

Example 2 (Video to GIF): Vogue.com: Jordyn Woods' "First Vogue Shoot"