SlideShare a Scribd company logo
Making a free software
animation
Lilyana Petkova and Reneta Shestakova
Date: 06/08/2014
Content
SSuit GIF Animator
Example 1
Example 2
“INTRO”
How to make a labyrinth?
Let’s play a game!
GIF Animator SCRATCH
• Bitmap image format
• Supports up to 8 bits per pixel for each image,
allowing a single image to reference its own
palette of up to 256 different colors chosen
from the 24-bit RGB color space
• supports animations and allows a separate
palette of up to 256 colors for each frame
• unsuitable for reproducing color photographs
and other images with continuous color
Graphics Interchange Format
• well-suited for simpler images such as
graphics or logos with solid areas of color
• GIF images are compressed using the Lempel-Ziv-
Welch (LZW) lossless data compression technique to
reduce the file size without degrading the visual quality.
This compression technique was patented in 1985.
Controversy over the licensing agreement between the
software patent holder, Unisys, and CompuServe in
1994 spurred the development of the Portable Network
Graphics (PNG) standard. All the relevant patents have
now expired.
Graphics Interchange Format
• Product type: Runs as a stand-alone program on a user's
computer
• Pros: Simple and clean GUI, small installer size.
• Cons: supports only jpg, jpeg, and bmp images. Very limited
functions. User have only control over frame speed in output.
• Developers website: http://www.ssuitesoft.com
• Download page: http://www.ssuitesoft.com/gifanimator.htm
• Version: 1
• Download file size: 453 KB
• 64 Bit compatibility: 32 and 64 bit versions available
• License type: Unrestricted freeware
• Portable version available: This product is portable.
• System requirements: Windows XP/Vista/7/8
SSuite GIF Animator
• New: Clears the list.
• Open: Opens a saved list.
• Save: Saves the current
• list.
• Add: Adds new images
• to the end of the list.
• Delete: Deletes selected
• images from the list.
• Create: Creates the GIF animation with the specified interval.
• View: Shows GIF files.
• ?: Help
Note: Images also can be dragged and dropped for correct positioning.
User interface
Example 1
• Image 1
• Image 2
1. Start GIF Animator.
2. Click on Add in order to select which pictures you would
like to loop.
Step by step explanation
3. Click Open to add them to the list.
Note: You can only use only pictures in jpg, jpeg and bmp
Format.
Step by step explanation
• 3. Click on Create.
Step by step explanation
Example 2
1 2 3
4 5 6
1. Click on New to clear the list.
2. Click on Add to select the images.
Step by step explanation
3. Change the interval to 150 ms (= 0.15 s).
4. Click on Create.
Step by step explanation
- Programming
- New sprite / changes on the scene
« INTRODUCTION»
1
3
5
7
2
4
6
8
Motion
Position / moves according to the coordinate
system
Control
IF / WHILE / DO
WHILE / FOR
conditions
Conditions to do something
Looks
Changing
the look of
the
character
Sensing
CONDITIONS
Additional
objects
Sound
Operators
Math
operations
Math
equaltions
Logic
operation
Pen
Variables
1. Make a story!
1. Character
2. Plot
How to make a game - labyrinth?
2. Choose the software
3. Think about / Write the
“code”
We are going to
conquer the castle!
How to make a labyrinth?
1. Make a story!
1. Character
2. Plot
How to make an animation –
What’s up dog?
2. Choose the software
3. Think about / Write the
“code”
Bugs Bunny disturbs
the dog!
How to make a simple animation?
Making a free software animation
Making a free software animation

More Related Content

PPT
An introduction to photoshop
PDF
Surat tops conducted one hour seminar on “corporate basic skills”
PPT
Word press interview question and answer tops technologies
PPTX
How to make a gif on gimp
DOCX
The basics of creating a gif animation
PDF
Animated GIFs and Beyond: Motion Design for Impact and Performance
KEY
ARTDM 170, Week 2: GIF Animation
PPTX
Task 3
An introduction to photoshop
Surat tops conducted one hour seminar on “corporate basic skills”
Word press interview question and answer tops technologies
How to make a gif on gimp
The basics of creating a gif animation
Animated GIFs and Beyond: Motion Design for Impact and Performance
ARTDM 170, Week 2: GIF Animation
Task 3

Similar to Making a free software animation (20)

PPTX
Gif workshop 1
PPT
Introduction to Scratch.ppt
PPT
Introduction to scratch
PPTX
Chap16
KEY
ARTDM170 Week2: GIF Animation
PDF
Intro Adobe Animate
PPTX
M5 - Graphical Animation - Lesson 1
PPTX
Animation
PPT
M5 - Graphical Animation - Lesson 1
PPT
M5 - Graphical Animation - Lesson 1
PPTX
Animation ict
PPTX
How to make Animated GIFs with and without Photoshop
PPT
Unit vi
DOCX
Animation
PPT
Animation
PPTX
Apps in a Flash HCI
PPTX
Animation Tools M.Ed (E -Content Development).pptx
DOC
Techno flash workbook session 1
PPT
lesson-graphics-animation basic principles and guidebook
PPTX
Animating Digital Libraries
Gif workshop 1
Introduction to Scratch.ppt
Introduction to scratch
Chap16
ARTDM170 Week2: GIF Animation
Intro Adobe Animate
M5 - Graphical Animation - Lesson 1
Animation
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1
Animation ict
How to make Animated GIFs with and without Photoshop
Unit vi
Animation
Animation
Apps in a Flash HCI
Animation Tools M.Ed (E -Content Development).pptx
Techno flash workbook session 1
lesson-graphics-animation basic principles and guidebook
Animating Digital Libraries
Ad

Recently uploaded (20)

PDF
Anesthesia in Laparoscopic Surgery in India
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Cell Types and Its function , kingdom of life
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Insiders guide to clinical Medicine.pdf
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
Pharma ospi slides which help in ospi learning
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Lesson notes of climatology university.
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
Anesthesia in Laparoscopic Surgery in India
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Cell Types and Its function , kingdom of life
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Microbial diseases, their pathogenesis and prophylaxis
Microbial disease of the cardiovascular and lymphatic systems
VCE English Exam - Section C Student Revision Booklet
STATICS OF THE RIGID BODIES Hibbelers.pdf
Abdominal Access Techniques with Prof. Dr. R K Mishra
Pharmacology of Heart Failure /Pharmacotherapy of CHF
2.FourierTransform-ShortQuestionswithAnswers.pdf
Insiders guide to clinical Medicine.pdf
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Pharma ospi slides which help in ospi learning
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Lesson notes of climatology university.
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
102 student loan defaulters named and shamed – Is someone you know on the list?
Module 4: Burden of Disease Tutorial Slides S2 2025
Ad

Making a free software animation

  • 1. Making a free software animation Lilyana Petkova and Reneta Shestakova Date: 06/08/2014
  • 2. Content SSuit GIF Animator Example 1 Example 2 “INTRO” How to make a labyrinth? Let’s play a game! GIF Animator SCRATCH
  • 3. • Bitmap image format • Supports up to 8 bits per pixel for each image, allowing a single image to reference its own palette of up to 256 different colors chosen from the 24-bit RGB color space • supports animations and allows a separate palette of up to 256 colors for each frame • unsuitable for reproducing color photographs and other images with continuous color Graphics Interchange Format
  • 4. • well-suited for simpler images such as graphics or logos with solid areas of color • GIF images are compressed using the Lempel-Ziv- Welch (LZW) lossless data compression technique to reduce the file size without degrading the visual quality. This compression technique was patented in 1985. Controversy over the licensing agreement between the software patent holder, Unisys, and CompuServe in 1994 spurred the development of the Portable Network Graphics (PNG) standard. All the relevant patents have now expired. Graphics Interchange Format
  • 5. • Product type: Runs as a stand-alone program on a user's computer • Pros: Simple and clean GUI, small installer size. • Cons: supports only jpg, jpeg, and bmp images. Very limited functions. User have only control over frame speed in output. • Developers website: http://www.ssuitesoft.com • Download page: http://www.ssuitesoft.com/gifanimator.htm • Version: 1 • Download file size: 453 KB • 64 Bit compatibility: 32 and 64 bit versions available • License type: Unrestricted freeware • Portable version available: This product is portable. • System requirements: Windows XP/Vista/7/8 SSuite GIF Animator
  • 6. • New: Clears the list. • Open: Opens a saved list. • Save: Saves the current • list. • Add: Adds new images • to the end of the list. • Delete: Deletes selected • images from the list. • Create: Creates the GIF animation with the specified interval. • View: Shows GIF files. • ?: Help Note: Images also can be dragged and dropped for correct positioning. User interface
  • 7. Example 1 • Image 1 • Image 2
  • 8. 1. Start GIF Animator. 2. Click on Add in order to select which pictures you would like to loop. Step by step explanation
  • 9. 3. Click Open to add them to the list. Note: You can only use only pictures in jpg, jpeg and bmp Format. Step by step explanation
  • 10. • 3. Click on Create. Step by step explanation
  • 11. Example 2 1 2 3 4 5 6
  • 12. 1. Click on New to clear the list. 2. Click on Add to select the images. Step by step explanation
  • 13. 3. Change the interval to 150 ms (= 0.15 s). 4. Click on Create. Step by step explanation
  • 14. - Programming - New sprite / changes on the scene « INTRODUCTION» 1 3 5 7 2 4 6 8
  • 15. Motion Position / moves according to the coordinate system
  • 16. Control IF / WHILE / DO WHILE / FOR conditions Conditions to do something
  • 19. Sound
  • 21. Pen
  • 23. 1. Make a story! 1. Character 2. Plot How to make a game - labyrinth? 2. Choose the software 3. Think about / Write the “code” We are going to conquer the castle!
  • 24. How to make a labyrinth?
  • 25. 1. Make a story! 1. Character 2. Plot How to make an animation – What’s up dog? 2. Choose the software 3. Think about / Write the “code” Bugs Bunny disturbs the dog!
  • 26. How to make a simple animation?