MS CHANG'S ART CLASSES
  • Blog
  • Student Gallery
  • Classes
    • Architecture
    • Computer Graphics/ Graphics Design
    • Drawing and Painting
    • Drawing and Painting II
    • Studio Art Honors
    • Studio Art SEMESTER
    • Web Design
  • Contact
  • Resources

Computer Graphics/Graphic Design

Animated GIF

10/31/2022

0 Comments

 
Picture
PROJECT
Using Photoshop, create an animated .GIF from 2 of your Kaleidoscopes. 

VIDEO TUTORIALS:
  • Creating an Animated GIF in Photoshop
  • Creating an Animated GIF in Photopea
​
PROCESS:
First save 2 of your Kaleidoscopes as .jpgs and place them on your drive.

TO CREATE .GIF in PHOTOSHOP:
  1. Open Photoshop
  2. Create new document 
    Name: Animated_Kaleidoscope
    Size: 1000 pixels width x 1000 pixels height |
    DPI: 150 dpi 
    Background: transparent
  3. File> Place Embedded (Select your Kaleidoscope that you saved as .jpg)
  4. Repeat  File> Place Embedded (to add your 2nd Kaleidoscope .jpg)
  5. OPEN Window>Timeline
  6. In the Timeline Window > Select > Create from Animation
  7. Select Timeline Menu ( 3 lines, locate on the side of Timeline Window)
  8. Select Make Frames from Layers
  9. Set the Time on each frame (.5 second on each frame)
  10. File Export> Save for Web (Legacy) 
  11. Select .GIF - Adaptive - SAVE

TO CREATE .GIF in PHOTOPEA
  1. Open Photopea
  2. Create new document 
    Name: Animated_Kaleidoscope
    Size: 1000 pixels width x 1000 pixels height 
    DPI: 150 dpi 
    Background: Transparent
  3. Open & Place > Select your Kaleidoscope that you saved as .jpg
  4. Repeat  Open & Place > Select your 2nd Kaleidoscope  .jpg
  5. add _a_ to the beginning of each layer name, by double clicking layer
  6. Export as > .GIF
  7. Format .GiF
    Size: 1000 pixels width x 1000 pixels height 
    Quality: 100%
    Speed: 32% ( or faster if you prefer)
    Repeat: 0
    SAVE
0 Comments



Leave a Reply.

    Course Expectations

    Archives

    November 2022
    October 2022
    August 2022
    January 2019
    October 2018
    September 2018
    August 2018
    June 2016
    May 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015
    August 2015

    Categories

    All

    RSS Feed

Powered by Create your own unique website with customizable templates.
Photo used under Creative Commons from wuestenigel
  • Blog
  • Student Gallery
  • Classes
    • Architecture
    • Computer Graphics/ Graphics Design
    • Drawing and Painting
    • Drawing and Painting II
    • Studio Art Honors
    • Studio Art SEMESTER
    • Web Design
  • Contact
  • Resources