Create aFullscreen-Video Ad. © 2008 Eyeblaster. All rights reserved Definition eines Fullscreen-Video Ads A Video-Ad contains Default / Backup Image max.

Slides:



Advertisements
Similar presentations
Chapter 4 Adding Images. Inserting and Aligning Images Graphics refer to the appearance of most non- text items on a web page, such as: – Photographs.
Advertisements

242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
WDV 331 Dreamweaver Applications Site Assets Dreamweaver CS6 Chapter 15.
Macromedia Director 8 Intermediate Level Course. Ink Masks Using the Ink Mask feature will allow you to create parts of a bitmap cast member to become.
SM5312 week 11: Flash Objects in HTML1 Flash Objects in HTML Nick Foxall.
Creative Specifications. Creative specifications Display advertising Maximum file size 30KB jpeg, gif, swf and third party tags accepted Backup gif to.
 Video and Audio Files can be played online just by selecting them  Video are flash files and will not work with Quicktime (Apple) or Windows Media.
© 2010 Delmar, Cengage Learning Chapter 6: Preparing and Publishing Movies.
Creating animated banners in Fireworks. Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the animated banner you are going.
SAG Infotech Private Limited Soft solutions for those can not afford to make errors. How to Update New changes in Our Softwares?
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
Create a WallpaperAd / Hockeysticks for MSN Bigsizebanner and Skyscraper with Layer/Float.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
© 2010 MediaMind Technologies Inc. | All rights reserved MediaMind Creative Michael Conway | Head of creative APAC July 2012.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
Eyeblaster Video Enhancements for RMP 6.1. Agenda Video Enhancements Goals Main features and Creative Process Flash Video Components Bandwidth Optimization.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.
Flash II MIS439 Eva Tao March 19, 2007 Source:
Adobe Flash Professional CS5 Provides a comprehensive authoring environment for creating digital animation and interactive Web sites. Used to create engaging.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
Chapter 2 Adding Animation to a Presentation. Applying Animation Animation is a great way to add life to InDesign documents by making objects: – move.
Create a Homepage Takeovers Bigsizebanner, Contentad and Skyscraper (optional Background and/or Layer)
Data and Reporting Workstream September, GAD Process: Eyeblaster Training.
Create a MSN Messenger Ad. © 2008 Eyeblaster. All rights reserved Installation MXP Extension Kit Hallo Creative-Team, We are pleased that you work with.
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
PowerPoint Adding Special Effects and Internet Links Running Microsoft Office 97 Randy Sadewater
Tutorial 7 Planning and Creating a Flash Web Site.
FILES AND ASSETS PANELS
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Create a Banderole Ad 06/10. © 2008 Eyeblaster. All rights reserved Definition of a Banderole Ad A Banderole Ad Banner contains: Flash File 770x250 Pixel.
Bike and Hike Skills: Graphics, Image Maps, Photo Galleries, Layers.
INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.
Quick Introduction to creating Eyeblaster ads.  Steps for creating an Eyeblaster ad  Building Eyeblaster compatible flash assets  Adding Eyeblaster.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
Advanced Website Design Professor: Jared Kozel Class Description: Are you already familiar with how to construct a basic Website? This class will teach.
Create a Sidekick Banner. © 2008 Eyeblaster. All rights reserved Definition of a Sidekick Banner ContentAd Default 300x250 Pixel Sidekick Ad zB 624x768.
Create a WallpaperAd / Hockeystick Bigsizebanner and Skyscraper with Layer/Float.
How to Make Pictures as a Flash Auto-run Program with Music.
Dreamweaver MX. 2 Timeline Overview (p. 480) n Animations can be achieved with DHTML (__________ HTML) using JavaScript code and _____ or later browsers.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
© 2008 Eyeblaster. All rights reserved Presentation for Mediacom NY Presented by: Eyeblaster, March 11 th, 2009 Volkswagen Transition Plan EB Orange 246/137/51.
MSN Messenger Expand with Sharing
Background Information
Installation and Using Eyeblaster Workshops
Create a Push Down Banner
Chapter 4 Adding Images.
Computer presentation
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
Embedding Graphics in Web Pages
Tap Play Store in your mobile.wait for next screen.
5.5 Adding Photo Gallery Module
Develop Rich Internet Content and Applications
Exercise 64 Use the Flash Movie Explorer to examine the contents of an application to quickly locate specific elements such as instances. Use the Movie.
The Web Collection Standard CS3 Revealed
SAG Infotech Private Limited
Presentation transcript:

Create aFullscreen-Video Ad

© 2008 Eyeblaster. All rights reserved Definition eines Fullscreen-Video Ads A Video-Ad contains Default / Backup Image max. 20 KB (jpeg or gif) in 234x60 px Default Flash File/ Basiselement (swf) in 234x60 px Rich Flash File/ Expandable-element (swf) in zB 300x600 px. with integrated Video Video (flv) max. 10 MB in zB.1024x768 Pixel It would be good, if when clicking on Fullscreenbutton, the flashfilm would jump to a keyframe, in witch only the video was played, so in FullScreen not everything else was increased (view next page). If Video was played in, it will be very complicated and ask you for consultation with Eyeblaster before creating Ads: Preview

© 2008 Eyeblaster. All rights reserved Create a Video Banner Please use a Template Name the Ad Choose a Location Choose a template Click “Create”

© 2008 Eyeblaster. All rights reserved Video Banner at the Workshop The Workshop created a new folder with your named files:.fla,.ebs und.eba Now the Standard Ad is opened in Flash and can be worked on. Workshop Window for overview your Standard Ad. All needed Scripts are preset in templates.

© 2008 Eyeblaster. All rights reserved Create Video Banner without workshop You can create Video-Ads without using the workshop, but its important to have the workshop installed and activated. Create yous ad and drag the videoloader out of the components on your stage. Automaticly there will be created scripts on the first frame, which you can use to control the video. At these components you will also find different buttons to control the video

© 2008 Eyeblaster. All rights reserved Create Video Banner without workshop At the component inspector you have to choose your path to the video. It would be recommend to take the same folder you choosed for the. Here you can make more settings for your video.

© 2008 Eyeblaster. All rights reserved Actionscript Settings It is necessary to use the following Script in every Ad on the first keyframe: AS2: #include "ebFlashActions.as“ AS3: include " /Documents and Settings/ /Local Settings/Application Data/Adobe/Flash CS3/ /Configuration/Include/ebFlashActionsAS3.as" All needed Scripts are preset in templates Click Button for Links: clickthrough_btn.onRelease = function(){ EB.Clickthrough(); } You have to change the “click_thru_btn” with your own button-name. Or you can use a alternative Script on the button itself. Klick Button für die Fullscreen-Vergrößerung: fullscreen_btn.onRelease = function(){Stage.displayState ="fullscreen"; } You have to change the “fullscreen_btn” with your own button-name. Instanzname of Videoloader: _videoLoaderInst Alternativ: on (release) { EB.Clickthrough(); }

© 2008 Eyeblaster. All rights reserved Actionscript Einstellungen Optional possibilities for videosettings on 1. Keyframe: function _videoLoaderInst_OnClick() function _videoLoaderInst_OnRollover(fIsOver:Boolean) function _videoLoaderInst_OnMovieEnd() function _videoLoaderInst_OnError(strInfo:String) function _videoLoaderInst_OnStatusChanged(strStatus:String) function _videoLoaderInst_OnPlayProgress(nProgress:Number) function _videoLoaderInst_OnBufferProgress(nProgress:Number) function _videoLoaderInst_OnLoadProgress(nProgress:Number) function _videoLoaderInst_OnBufferLoaded() Click Button on Fullscreen to make small again: normal_btn.onRelease = function(){Stage.displayState =„normal"; } You have to change the “normal_btn” with your own button-name. There will be needed more setting for playing a video in HD. Please contact Eyeblaster for this bevor:

© 2008 Eyeblaster. All rights reserved Advantage of Eyeblaster Workshop Individual adjustable Templates Uncomplicated Upload out of Flash Preview in Flash Interaction Monitor Bundling all Files to one Ad

© 2008 Eyeblaster. All rights reserved Allgemeines You can only use Eyeblaster Workshop with MXP Extension Kit. DownloadDownload Ad Name = Asset Folder Name You can make settings (positionierung, links) at the adserver or directly in Flash You can save the files whereever you want You can ajust some templates All files are bundeled to one file (.ebs) Download Step-for-step-Video-Documentations about making Ads with Workshop (Download)Download Please ask for a log in to Eyeblaster Adserver:

Thank you If you have any more questions, please ask: