SlideShare a Scribd company logo
How to make bumper video openSUSE
using Inkscape and Synfig
Muhammad Irfan
Irfan.pule2@gmail.com
● Muhammad Irfan a.k.a (irfan pule)
● GNU/Linux Bogor @GLiBogor
● Web Developer at iLab
● Freelance Graphic Designer
What is bumper video ?
In the United Kingdom, a
break-bumper is a brief
appearance of a logo before
or after advertising breaks,
usually that of the television
channel being watched.
https://en.wikipedia.org/wiki/Bumper_(broadcasting)
What is bumper video ?
Bumper videos can be used for
opening and closing video
● Tutorial
● Presentation
● Teaser
● Review
● etc
Show time!
how to make bumper video opensuse using inkscape and synfig
How to make it ?
Save As Render
Inkscape Project
.svg
Synfig Project
.sif or .sifz
Bumper Video
.mp4
Inkscape Project
Create a design according to your imagination.
Inkscape Project
● Create layers according to
the objects that will be
animated
automatically after a save as to .sif, Synfig
will create the same layer
Inkscape Project
Save as to .sif file
.sif file is Synfig file extension
Synfig Project
Open the newly
saved file with
Synfig
Synfig Project
Layer Inkscape Layer Synfig
Synfig Project
Transform Animation Masking Animation
Synfig Project
Transform Animation
● Offset – Move (x – y)
● Angle – Rotate
● Skew Angle – Skew
● Scale – Size
Synfig Project
Masking Animation
● Blend Method – Aplha Over
● Invert - check
Synfig Project
Render Project
to .mp4 (h264)
More Info
● http://youtube.com/irfanpule13
● Irfan.pule2@gmail.com
● http://facebook.com/irfanpule
● http://github.com/irfanpule/bumper-video-openSUSE
how to make bumper video opensuse using inkscape and synfig
Thank for your attention
OpenSUSE Asia Summit 2016
Yogyakarta, Oct 1-2

More Related Content

PDF
EECS 497 Intro
PDF
Day: Web Development Goes Social
PPTX
The Road to (Kenti)continuous Delivery
PDF
VersionPress
PDF
Using Travis CI to Test and Deploy Plugins
PDF
Let's Go @ St. Louis CocoaHeads
PPTX
Continuously Break The Android
PDF
Making sense of the front-end, for PHP developers
EECS 497 Intro
Day: Web Development Goes Social
The Road to (Kenti)continuous Delivery
VersionPress
Using Travis CI to Test and Deploy Plugins
Let's Go @ St. Louis CocoaHeads
Continuously Break The Android
Making sense of the front-end, for PHP developers

What's hot (20)

PPTX
Introducing ofgodpaperframework
PDF
LF_APIStrat17_Developer Portals - When Docs Become DX
PPTX
Introduction to React Native
PPTX
Recent Market Trends in software development
PDF
Cocoa for The Web
PPTX
Word press beirut December 4 Meetup - Gutenberg VS WP-Bakery
PDF
Cocoa for The Web
PDF
Releaseflow: a healthy build and deploy process
PDF
Meet qt qt creator embedded development
PDF
2013-03-07 indie developer toolkit
PDF
How to Build APIs - MHacks 2016
PDF
Create Your First "Native" Mobile App with JavaScript + PhoneGap
PDF
Build, deploy and scale: Django, GraphQL and SPA (DjangoCon EU 2021)
PDF
Lightning talk teaching php to kids with atk
PDF
Phonegap - Girl Geek Sydney
PDF
Joiz Erik Funk MOMO42
PDF
[WSO2Con USA 2018] Chipping Away at Technical Debt with WSO2
PPTX
Learn WordPress - Live Session 1 Slides
PDF
eXoer on the grill: eXo Add-ons factory using Docker and Codenvy
PPTX
Flutter not yet another mobile cross-platform framework - i ox-kl19
Introducing ofgodpaperframework
LF_APIStrat17_Developer Portals - When Docs Become DX
Introduction to React Native
Recent Market Trends in software development
Cocoa for The Web
Word press beirut December 4 Meetup - Gutenberg VS WP-Bakery
Cocoa for The Web
Releaseflow: a healthy build and deploy process
Meet qt qt creator embedded development
2013-03-07 indie developer toolkit
How to Build APIs - MHacks 2016
Create Your First "Native" Mobile App with JavaScript + PhoneGap
Build, deploy and scale: Django, GraphQL and SPA (DjangoCon EU 2021)
Lightning talk teaching php to kids with atk
Phonegap - Girl Geek Sydney
Joiz Erik Funk MOMO42
[WSO2Con USA 2018] Chipping Away at Technical Debt with WSO2
Learn WordPress - Live Session 1 Slides
eXoer on the grill: eXo Add-ons factory using Docker and Codenvy
Flutter not yet another mobile cross-platform framework - i ox-kl19
Ad

Viewers also liked (10)

PDF
TR Article CMP3322_040816
PDF
project_NathanWendt
PDF
ialpaper3rdpaper-2
DOCX
Proyecto final
PDF
Lettre de l'AQCFRIS 2016 - no 4
PPTX
Typography
PPTX
PwC Case Challenge 2015
PPTX
Capitulo 01 Introducción a las Finanzas Corporativas I
RTF
Gradja ptica (p)
PDF
Modalidades de aprendizagem
TR Article CMP3322_040816
project_NathanWendt
ialpaper3rdpaper-2
Proyecto final
Lettre de l'AQCFRIS 2016 - no 4
Typography
PwC Case Challenge 2015
Capitulo 01 Introducción a las Finanzas Corporativas I
Gradja ptica (p)
Modalidades de aprendizagem
Ad

Similar to how to make bumper video opensuse using inkscape and synfig (20)

PDF
Mozilla Shumway - opensource meetup budapest
PDF
Digital Media Academy Mac-D3
PPTX
How did you use media technologies in the construction and research, planning...
PDF
Symfony4: A new way to develop applications | Antonio Peric | CODEiD
PPTX
Question 4 progression
PDF
Symfony4 - A new way of developing web applications
PPTX
Question 4
PPTX
Question 4 1st draft
PPTX
Evaluation Question 4.
PDF
Inject the Web into your GStreamer pipeline with WPE using a GStreamer/WebKit...
PDF
Video Capturing and Video Editing Tools - (E-content Development Tools)
PPTX
PDF
Introduce Android TV and new features from Google I/O 2016
PPTX
8 Basic Steps To Editing Your Video
PDF
Voxxed days Vilnius 2015 - Android Reverse Engineering Lab
PDF
Adobe premiere pro brochure
PPTX
Compose Camp-intro.pptx
PDF
Openshot video editor online free
PPTX
Hybrid Apps in a Snap
PDF
Producers suite presentation
Mozilla Shumway - opensource meetup budapest
Digital Media Academy Mac-D3
How did you use media technologies in the construction and research, planning...
Symfony4: A new way to develop applications | Antonio Peric | CODEiD
Question 4 progression
Symfony4 - A new way of developing web applications
Question 4
Question 4 1st draft
Evaluation Question 4.
Inject the Web into your GStreamer pipeline with WPE using a GStreamer/WebKit...
Video Capturing and Video Editing Tools - (E-content Development Tools)
Introduce Android TV and new features from Google I/O 2016
8 Basic Steps To Editing Your Video
Voxxed days Vilnius 2015 - Android Reverse Engineering Lab
Adobe premiere pro brochure
Compose Camp-intro.pptx
Openshot video editor online free
Hybrid Apps in a Snap
Producers suite presentation

Recently uploaded (20)

PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Sports Quiz easy sports quiz sports quiz
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Pharma ospi slides which help in ospi learning
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
GDM (1) (1).pptx small presentation for students
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
01-Introduction-to-Information-Management.pdf
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PPTX
master seminar digital applications in india
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
Pre independence Education in Inndia.pdf
PPTX
Institutional Correction lecture only . . .
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Pharmacology of Heart Failure /Pharmacotherapy of CHF
Module 4: Burden of Disease Tutorial Slides S2 2025
Sports Quiz easy sports quiz sports quiz
Microbial diseases, their pathogenesis and prophylaxis
Abdominal Access Techniques with Prof. Dr. R K Mishra
Pharma ospi slides which help in ospi learning
2.FourierTransform-ShortQuestionswithAnswers.pdf
GDM (1) (1).pptx small presentation for students
O5-L3 Freight Transport Ops (International) V1.pdf
01-Introduction-to-Information-Management.pdf
human mycosis Human fungal infections are called human mycosis..pptx
master seminar digital applications in india
Supply Chain Operations Speaking Notes -ICLT Program
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Pre independence Education in Inndia.pdf
Institutional Correction lecture only . . .
STATICS OF THE RIGID BODIES Hibbelers.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student

how to make bumper video opensuse using inkscape and synfig

Editor's Notes

  • #2: Inggris Hello guys, welcome to the openSUSE Asia Summit 2016 in the city of Yogyakarta, Indonesia. Thanks to the organizers, participants and speakers who are present here. My name is muhammad irfan. I from GLiB Bogor. I am very happy to get the chance of lighting talk about How to make video bumper openSUSE using Inkscape and Synfig.
  • #5: Jelaskan sedikit tentang fungsi bumper ! Inggris Bumper video gives the identity of your video, so that the audience could identify.
  • #8: I make it using Inkscape, inkscape as a tool to layout and drawing. Why I use it ? because synfig is to difficult for me. So, for those of you who are used Inkscape, you can directly learn animation in Synfig After that I save as to the .sif file to animate in Synfig. Then when you're done, I render video files to .mp4
  • #9: This is the example
  • #13: on the right slide is a layer of Inkscape. on the left slide is a layer of Synfig. you will get the same results from this comparison.
  • #14: On my bumper video, I just use two fiture. First Transform animation, second Masking Animation
  • #15: you can change value offset to move object and you can change value angle to rotate object and you can change value scale to resize object in tab parameters.
  • #16: You create new object use rectangle tool. after then you change the Blend Method to Alpha over and check the invert box
  • #17: After then we render project. Choose Target to ffmpeg and click parameters to change codec video to h264.I usually use this codec for generating small size and good quality
  • #18: you can visit my youtube channel to get more detailed tutorial. You can ask me via email or facebook messenger or comment on youtube. if you want to get this project, you can fork my repository in github. the last, I would replay my bumper video