SlideShare a Scribd company logo
•
BITES OF VIDEO
1 4 O T T O B R E - M I L A N O
we are
I L E N I A N O T A R A N G E L O
L U C A G O N N E L L I
Bits of video
@illotv
R E A L T I M E Q & A O N T W I T T E R
#cday15
#BITESOFVIDEO
LUCKILY IN 2011
we started making videos
Bits of video
C R I S T I N A P A S Q U A L E
C A R L A G I O I A
M A T T E O R U F F I N E N G O
M I R I A M P A L O P O L I
C L A U D I A L O S I N I
M A R T I N A F E R R A R E T T O
S P R A Y A R E P R O P S
C E R C A R E A T T O R I
N E R I H I P S T E R
P R O C U R A R S I D U R C
P I N G U I N O
back to 2008
questi siamo noi
F B H A D N O V I D E O
I N T H E F E E D
NOW
V I D E O + G I F
F A C E B O O K
T W I T T E R
I N S T A G R A M
V I N E
T U M B L R
S N A P C H A T
P E R I S C O P E
INTERNET HA FAME
DI VIDEO
1 N O N G U A R D I A M O L A T V
2 A B B I A M O C O N N E S S I O N I “ V E L O C I ”
video & GIF
WE DO HANDMADE VIDEOS
HANDMADE = TIME
7 - 1 0 S E C A L G I O R N O
+ S C R I P T , R E G I A , I L L U S T R A Z I O N E
4 - 6 S E T T I M A N E P E R 1 M I N U T O
code more
M O R E Q U A L I T Y
M O R E Q U A N T I T Y
M O R E M A G I C
COME FACCIAMO UN VIDEO?
in 6 semplici step!
1 P R E V E N T I V O F I R M A T O
2 A V E R E D E L L E I D E E
3 S C R I P T + S T O R Y B O A R D
4 I L L U S T R A Z I O N E
5 A N I M A Z I O N E
6 S O U N D D E S I G N
SCRIPT IN ILLUSTRATOR
O R A I D E S I G N E R
A V R A N N O U N M O T I V O
V A L I D O P E R I N D O S S A R E
O C C H I A L I D A N E R D
54 bandiere diverse
C H E N O N A S S O M I G L I N O
A L L E B A N D I E R E R E A L I
of course!
perché farne solo 54
quando puoi scegliere
tra 324?
8 forme di bandiere
+
P A L E T T E 4 C O L O R I
S U V E C T O R B O O M S O T T O I L N O M E
D I R A N D O M S W A T C H E S F I L L
O N C E U P O N A T I M E , I N
A M Y S T E R I O U S F O L D E R …
Bits of video
WHERE THE MAGIC HAPPENS
EXPRESSIONS
FOR animation
Wiggle(freq, amp);
Counter
J.R.CANEST
link here
L I S T O F
E X P R E S S I O N S
O K , Q U I N D I
LOOP IT!
GIF or JIF
S T E V E W I L H I T E S A I D .
1987
A T U T T I P I A C C I O N O
L E G I F
loopOut(“Cycle”);
A P P L I C A T A A L
T I M E R E M A P P I N G
Bits of video
COSA SIGNIFICA ANImARE
Q U A S I
C O M P L E T A M E N T E
C O N I L C O D I C E ?
Bits of video
ta-daaa
. jsx
L I N G U A G G I O B A S A T O
S U J A V A S C R I P T
HUMAN
VS
MACHINE
VIDEO AUTOMATICI
SELF DRIVING
VIDEOS
Bits of video
okE ’ I M B A R A Z Z A N T E
U N T E M P L A T E
+
P E R S O N A L I Z Z A Z I O N E
Bits of video
C L O U D B A S E D
A U T O M A T E D V I D E O
E N G I N E
A L G O . I L L O . T V
Bits of video
IL SERVER
( E P U R E W I N D O W S ! )
IL CAOS
A C O S A A S S O M I G L I A U N
P R O G E T T O N O R M A L E ?
…_final_def_39_ok
E L A C A R T E L L A D I
P R O G E T T O ?
N O N È S O L O P E R I L
N O M E D E I F I L E
A L I N E A R S T O R Y B O A R D
A S T O R Y B O A R D + N A V I G A T I O N T R E E
T E M P L A T E
J S X
R E N D E R
20 pagine di codice
C ’ È U N E R R O R E D A
Q U A L C H E P A R T E I N Q U E S T E
Bits of video
the future
I S B E A U T I F U L
instagram
thank you
@ I L E _ N O
twITteR
@ L _ I S F O R L U C A
I L E @ I L L O . T V
L U C A @ I L L O . T V

More Related Content

PDF
Promo Games for Movies and TV Shows
PDF
No pain, no gain. CSS Code Reviews FTW.
PPSX
ШКОЛА
PDF
In de weerd presentatie social media
PDF
How President Obama Rocks Social Media
PDF
5 Summer Camp Concepts for the Next 5 Years
PPTX
2014 08 21 cómo resumir 10 años
PDF
Tell Your Story - Keynote Presentation
Promo Games for Movies and TV Shows
No pain, no gain. CSS Code Reviews FTW.
ШКОЛА
In de weerd presentatie social media
How President Obama Rocks Social Media
5 Summer Camp Concepts for the Next 5 Years
2014 08 21 cómo resumir 10 años
Tell Your Story - Keynote Presentation

What's hot (20)

PPT
Practiquemos las letras
PDF
The Art Of Practicing - WebSummit 2014
PDF
Énmárka a gyakorlatban
PDF
Consequences of an Insightful Algorithm
PDF
Basics of Prototyping
PDF
Ten Steps to Writing A Novel
PDF
Jack D Ryger: World Landmarks Light Up To Honor Paris
PDF
Hogyan törj be a piacra?
PDF
Jack D. Ryger: The Need For Speed - 7 Places to Legally Race Your Car
PDF
TLN presentatie 4 juni 2015
PDF
What Everybody Wants to Know About Great Summer Camp Alumni Relations
PDF
Trends, organisatie impact en social media presentatie
DOCX
Juego didactico
PDF
The Internet of Things in Real Estate
PDF
Interior Design Btech Year Portfolio
PDF
Becoming a Better Developer #WCA2
PDF
Jack D Ryger: Most Advanced Ski Slopes Across The Globe
PDF
Instagram és Pinterest marketing
PDF
Hogyan legyen hiteles a honlapod?
PDF
Will 3D Printing change everything?
Practiquemos las letras
The Art Of Practicing - WebSummit 2014
Énmárka a gyakorlatban
Consequences of an Insightful Algorithm
Basics of Prototyping
Ten Steps to Writing A Novel
Jack D Ryger: World Landmarks Light Up To Honor Paris
Hogyan törj be a piacra?
Jack D. Ryger: The Need For Speed - 7 Places to Legally Race Your Car
TLN presentatie 4 juni 2015
What Everybody Wants to Know About Great Summer Camp Alumni Relations
Trends, organisatie impact en social media presentatie
Juego didactico
The Internet of Things in Real Estate
Interior Design Btech Year Portfolio
Becoming a Better Developer #WCA2
Jack D Ryger: Most Advanced Ski Slopes Across The Globe
Instagram és Pinterest marketing
Hogyan legyen hiteles a honlapod?
Will 3D Printing change everything?
Ad

Viewers also liked (20)

PDF
La trasformazione digitale è una questione di customer experience e d’innovaz...
PDF
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio...
PDF
Scrum 4 developers
PDF
Il digitale che cambia la scuola
PDF
LE 4 COSE IN CROCE CHE HO IMPARATO SUL DESIGN (Francesco Marino)
PDF
Lo storytelling è morto. Viva lo storytelling! (Alberto Maestri)
PDF
Stampa 3D e non solo
PDF
ADAPTIVE CAREER DESIGN (Marco Calzolari)
PDF
Copyright. Tutelare le proprie idee: quello che c'è da sapere tra moda, senti...
PDF
LOGO DESIGN TALK SHOW (Bob Liuzzo)
PDF
COME GESTIRE IL BUDGET TRA INTEGRATION, DEPLOY E DELIVERY? (Francesco Fullone)
PDF
KEYNOTE - PEOPLE BEFORE PRODUCTS (Marco Calzolari)
PDF
Raccontare attraverso l'uso dei video
PDF
Il videogioco e il processo di apprendimento
PDF
Sviluppo di interfacce web con React.JS
PDF
Fare un sito web non significa fare e-commerce. Oltre al carrello c'è di più ...
PDF
Business Model Canvas - Il caso PlayWood
PDF
CUSTOMER JOURNEY DI UN PROGETTO SOCIAL (Alessandro Caruso)
PDF
GRAPHIC DESIGN TALK SHOW (Bob Liuzzo)
PDF
CONTENUTO, STRATEGIA E STRUMENTI: COSA DETERMINA UN'ESPERIENZA VINCENTE NEL D...
La trasformazione digitale è una questione di customer experience e d’innovaz...
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Gio...
Scrum 4 developers
Il digitale che cambia la scuola
LE 4 COSE IN CROCE CHE HO IMPARATO SUL DESIGN (Francesco Marino)
Lo storytelling è morto. Viva lo storytelling! (Alberto Maestri)
Stampa 3D e non solo
ADAPTIVE CAREER DESIGN (Marco Calzolari)
Copyright. Tutelare le proprie idee: quello che c'è da sapere tra moda, senti...
LOGO DESIGN TALK SHOW (Bob Liuzzo)
COME GESTIRE IL BUDGET TRA INTEGRATION, DEPLOY E DELIVERY? (Francesco Fullone)
KEYNOTE - PEOPLE BEFORE PRODUCTS (Marco Calzolari)
Raccontare attraverso l'uso dei video
Il videogioco e il processo di apprendimento
Sviluppo di interfacce web con React.JS
Fare un sito web non significa fare e-commerce. Oltre al carrello c'è di più ...
Business Model Canvas - Il caso PlayWood
CUSTOMER JOURNEY DI UN PROGETTO SOCIAL (Alessandro Caruso)
GRAPHIC DESIGN TALK SHOW (Bob Liuzzo)
CONTENUTO, STRATEGIA E STRUMENTI: COSA DETERMINA UN'ESPERIENZA VINCENTE NEL D...
Ad

More from InSide Training (16)

PDF
Fare test con Acrobat (Giovanna Busconi)
PDF
Percorsi, linguaggi e stili per metodi di apprendimento efficaci (Alberto Som...
PDF
Insegnare 3D - modellazione e stampa (Riccardo Gatti)
PDF
Rendi più coinvolgenti le tue lezioni con Adobe Character Animator (Alberto C...
PDF
Lo storytelling come percorso educativo (Gabriele Fantuzzi)
PDF
Web Marketing Master
PDF
LA METODOLOGIA BEM, SCRIVERE UN CODICE MIGLIORE PER IL PRESENTE ED IL FUTURO ...
PDF
CONTENT DESIGN. OLTRE LE PAROLE C'È DI PIÙ (Valentina Falcinelli)
PDF
VISUAL STORYTELLING PER LA MODA E IL MADE IN ITALY
PDF
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...
PDF
CODE-IN-MOTION: CONIUGARE L'ILLUSTRAZIONE VETTORIALE CON IL CODICE (ILLO Crea...
PDF
Casa Jasmina (Alessandro Squatrito e Lorenzo Romagnoli, Arduino)
PDF
COSTRUIRE INTERFACCE WEB UTILIZZANDO REACTJS (Gabriele Petronella)
PDF
DISRUPTIVE BUSINESS MODEL (Stefano Guerrieri)
PDF
Visual storytelling per la moda (Francesca Appi)
PDF
Progettare, pubblicare e distribuire contenuti
Fare test con Acrobat (Giovanna Busconi)
Percorsi, linguaggi e stili per metodi di apprendimento efficaci (Alberto Som...
Insegnare 3D - modellazione e stampa (Riccardo Gatti)
Rendi più coinvolgenti le tue lezioni con Adobe Character Animator (Alberto C...
Lo storytelling come percorso educativo (Gabriele Fantuzzi)
Web Marketing Master
LA METODOLOGIA BEM, SCRIVERE UN CODICE MIGLIORE PER IL PRESENTE ED IL FUTURO ...
CONTENT DESIGN. OLTRE LE PAROLE C'È DI PIÙ (Valentina Falcinelli)
VISUAL STORYTELLING PER LA MODA E IL MADE IN ITALY
BEST PRACTICES PER EVITARE GLI ERRORI PIÙ GRAVI QUANDO SI STAMPA ONLINE (Giov...
CODE-IN-MOTION: CONIUGARE L'ILLUSTRAZIONE VETTORIALE CON IL CODICE (ILLO Crea...
Casa Jasmina (Alessandro Squatrito e Lorenzo Romagnoli, Arduino)
COSTRUIRE INTERFACCE WEB UTILIZZANDO REACTJS (Gabriele Petronella)
DISRUPTIVE BUSINESS MODEL (Stefano Guerrieri)
Visual storytelling per la moda (Francesca Appi)
Progettare, pubblicare e distribuire contenuti

Recently uploaded (20)

PDF
August Patch Tuesday
PPTX
The various Industrial Revolutions .pptx
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
Web App vs Mobile App What Should You Build First.pdf
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PPTX
Tartificialntelligence_presentation.pptx
PPTX
TLE Review Electricity (Electricity).pptx
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Getting Started with Data Integration: FME Form 101
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
PDF
Developing a website for English-speaking practice to English as a foreign la...
PDF
WOOl fibre morphology and structure.pdf for textiles
PPTX
OMC Textile Division Presentation 2021.pptx
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
DP Operators-handbook-extract for the Mautical Institute
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PPT
What is a Computer? Input Devices /output devices
August Patch Tuesday
The various Industrial Revolutions .pptx
1 - Historical Antecedents, Social Consideration.pdf
Web App vs Mobile App What Should You Build First.pdf
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Tartificialntelligence_presentation.pptx
TLE Review Electricity (Electricity).pptx
NewMind AI Weekly Chronicles - August'25-Week II
Getting Started with Data Integration: FME Form 101
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
Developing a website for English-speaking practice to English as a foreign la...
WOOl fibre morphology and structure.pdf for textiles
OMC Textile Division Presentation 2021.pptx
gpt5_lecture_notes_comprehensive_20250812015547.pdf
DP Operators-handbook-extract for the Mautical Institute
Final SEM Unit 1 for mit wpu at pune .pptx
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Assigned Numbers - 2025 - Bluetooth® Document
What is a Computer? Input Devices /output devices

Bits of video