Animatie

Een sterk verhaal in beeld en geluid

Iedereen neemt informatie op zijn eigen manier op; de één luistert liever, de ander leest graag en weer een ander is visueel ingesteld. Een animatie combineert lezen, luisteren en beeld. En daarom is het zo’n goed idee om een animatie in te zetten. Zo krijg je écht een sterk verhaal.

Voorbeeldwerk

Uitleg-animatie RET

Om de reizigers van de RET te informeren over omleidingen en de gevolgen daarvan, maakte Alex diverse animatie. Voor deze animatie zocht hij contact met Gerda Havertong om de voice-over in te spreken.

Bekijk hier het filmpje >>

Sterke verhalen die geschikt zijn voor animaties:

Concepten

Procedures

Diagnoses

Methodieken

Producten

Nieuwe producten

Portfolio

#pfhub_portfolio_container_5 ul#portfolio-filter { text-align: center; } #pfhub_portfolio_container_5 ul#portfolio-filter li { float: none; } #pfhub_portfolio_container_5 ul#portfolio-filter a { display: inline-block; color: #444444; background-color: #F7F7F7; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #pfhub_portfolio_container_5 ul#portfolio-filter li.current a { color: #FFFFFF !important; background-color: #E30613 !important; } #pfhub_portfolio_container_5 ul#portfolio-filter li.current a:hover { color: #FFFFFF !important; background-color: #E30613 !important; } #pfhub_portfolio_container_5 ul#portfolio-filter a:hover { color: #FFFFFF; background-color: #EC6608; } #pfhub_portfolio_container_5 #pfhub_portfolio-container-loading-overlay_5 { width: 100%; height: 100%; position: absolute; z-index: 1; background: url(https://www.alexvanasperen.nl/wp-content/plugins/uber-grid/assets/images/loading/loading-1.svg) center top; background-repeat: no-repeat; background-size: 60px auto; } #pfhub_portfolio_container_5 #pfhub_portfolio_content_5 { opacity: 0; } #pfhub_portfolio_container_5 { position: relative; display: inline-block; width: 100%; } #pfhub_portfolio_content_5 .wagwep-container { } #pfhub_portfolio_content_5 ul.og-grid { padding: 0; text-align: center; } #pfhub_portfolio_content_5 .og-grid > li { width: 250px; height: 150px; margin: 10px 5px 0 5px; } #pfhub_portfolio_content_5 .og-grid > li > a { width: 100%; height: 100%; overflow: hidden; box-shadow: none; max-height: 150px; border: solid #DEDEDE 0px; } #pfhub_portfolio_content_5 .og-grid li > a > img { max-width: none; max-height: none; } #pfhub_portfolio_content_5 .og-grid > li > a > figure > span { padding: 10px 0; margin: 40px 20px 20px 20px; color: #FFFFFF; border-bottom: solid #FFFFFF 1px; font-size: 16px; text-align: center; } #pfhub_portfolio_content_5 .og-grid > li .og-pointer { border-bottom-color: #222222; } #pfhub_portfolio_content_5 .og-grid > li > a > figure { background: rgba(227,6,19,0.7) ; margin: 0; } #pfhub_portfolio_content_5 .og-expander { width: 100%; background: rgba(34,34,34,1) ; left: 50%; transform: translateX(-50%); } #pfhub_portfolio_content_5 .og-expander .elastislide-wrapper { background-color: #313131; box-shadow: inset 0 0 10px #000; -moz-box-shadow: inset 0 0 10px #000; -webkit-box-shadow: inset 0 0 10px #000; margin-bottom: 25px; height: 100px; box-sizing: content-box; } #pfhub_portfolio_content_5 .og-expander ul.elastislide-list { padding: 0; } #pfhub_portfolio_content_5 .og-expander ul.elastislide-list li { margin: 0 2% 5px 1%; max-width: none !important; max-height: none !important; width: 167px !important; height: 100px !important; } #pfhub_portfolio_content_5 .og-expander ul.elastislide-list li > a > img { width: 100%; height: 100%; max-width: none; max-height: none; border: 2px solid #313131px; } #pfhub_portfolio_content_5 .og-expander ul.elastislide-list li > a > img.selected { border: 2px solid #999999; } #pfhub_portfolio_content_5 .og-expander ul.elastislide-list li > a { width: 100%; height: 100%; } #pfhub_portfolio_content_5 .og-expander .og-details a.link-button { font-size: 11px; color: #9F9F9F; background-color: #454545; box-shadow: none; } #pfhub_portfolio_content_5 .og-expander .og-details a.link-button:hover { color: #999999; background: -webkit-gradient( linear, left top, left bottom, from(#454545), to(#131313)); } #pfhub_portfolio_content_5 .og-expander .og-expander-inner { display: inline-block; width: 100%; } #pfhub_portfolio_content_5 .og-expander .og-details p { font-size: 18px; color: #999999; text-align: left; margin: 0; } #pfhub_portfolio_content_5 .og-expander .og-close { z-index: 999; } #pfhub_portfolio_content_5 .og-expander .og-details { float: right; height: auto; } #pfhub_portfolio_content_5 .og-expander .og-details h3 { color: #FFFFFF; } #pfhub_portfolio_content_5 .og-fullimg { height: 100%; float: left; } #pfhub_portfolio_content_5 .og-fullimg img { margin-bottom: 25px; width: 100%; } #pfhub_portfolio_content_5 .og-fullimg iframe { width: 100%; border: none; height: 82%!important; } @media (max-width: 767px){ #pfhub_portfolio_content_5 .og-fullimg { height: auto; } }