Create a WallpaperAd / Hockeystick Bigsizebanner and Skyscraper with Layer/Float.

Slides:



Advertisements
Similar presentations
Create a Web Site with Publisher 2000 for Marilyn Seguins Class.
Advertisements

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.
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.
© 2011 Delmar, Cengage Learning Chapter 13 Preparing Graphics for the Web.
Create Unordered and Ordered lists Cascading Style Sheets Insert and align Graphics Image enhancements Background images and site maintenance Working with.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
Creative Specifications. Creative specifications Display advertising Maximum file size 30KB jpeg, gif, swf and third party tags accepted Backup gif to.
© 2010 Delmar, Cengage Learning Chapter 6: Preparing and Publishing Movies.
5FWD Display Ad Specs fwd.channel5.com. Channel5.com Display ads summary Ad-formats not currently available - Overlays - Pushdown Superheader - Firefly.
Channel 5 Display Ad Specs channel5.com. Channel5.com Display ads summary Ad-formats not currently available Channel 5 - Overlays - Firefly formats -
Channel 5.com Display Ad Specs. Channel5.com Display ads summary Ad-formats not currently available - Overlays - Firefly formats 2Contents 3Creative Specifications.
News Centre 1.1 Logging into the News Centre and creating your release Comms staff/admin.
IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.
Website design Feng Zhao College of Educatioin California State University, Northridge.
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.
© 2010 MediaMind Technologies Inc. | All rights reserved MediaMind Creative Michael Conway | Head of creative APAC July 2012.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
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.
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.
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 Buttons library Edit a button instance.
Advanced Level Course. Site Extras Site Extras consist of four categories: Stationeries Site Trash Designs Components.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
© 2010 MediaMind Technologies Inc. | All rights reserved Trafficking Media Plan, Ad Attachments & URL Assignments.
News Centre 1.1 Logging into the News Centre and creating your release LPO direct.
Display Ad Specs. Creative specifications Maximum file size 40KB jpeg, gif, swf files accepted Rich media, third-party tags accepted Backup gif to be.
Create a Homepage Takeovers Bigsizebanner, Contentad and Skyscraper (optional Background and/or Layer)
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Motif 2.0 Summary Motif is built on the strength on Macromedia and Double Click. The heart of Motif is the Motif Ad Kit – let you create preview and publish.
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.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.
Tutorial 7 Planning and Creating a Flash Web Site.
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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
FILES AND ASSETS PANELS
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Adding Sound Files to a Power Point Presentation.
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.
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.
Photo Story. How to use Photo Story Photo Story 3 can be located in the Accessories folder on school computers. You will need to have your pictures already.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
Create aFullscreen-Video Ad. © 2008 Eyeblaster. All rights reserved Definition eines Fullscreen-Video Ads A Video-Ad contains Default / Backup Image max.
Building the Wiki together A training manual. The page of the Economic Justice Working Group.
Create a Sidekick Banner. © 2008 Eyeblaster. All rights reserved Definition of a Sidekick Banner ContentAd Default 300x250 Pixel Sidekick Ad zB 624x768.
© 2008 Eyeblaster. All rights reserved Presentation for Mediacom NY Presented by: Eyeblaster, March 11 th, 2009 Volkswagen Transition Plan EB Orange 246/137/51.
Flash Demonstration – Unit 3 Create Multi-Part Animation –Animate Images –Fade-in and Fade-out Text –Add Interactivity to Instance of MovieClip –Animated.
How to Apply PDF in Flipbook on Website. Description If you are finding solution for applying PDF in flipbook mode on website, and adding multimedia items.
For those who hate computers.
MSN Messenger Expand with Sharing
Installation and Using Eyeblaster Workshops
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
Create a Push Down Banner
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.
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.
Flash Demonstration – Unit 5 – ActionScript 3.0
The Web Collection Standard CS3 Revealed
Presentation transcript:

Create a WallpaperAd / Hockeystick Bigsizebanner and Skyscraper with Layer/Float

© 2008 Eyeblaster. All rights reserved Definition of an Wallpaper Ad Wallpaper Ad contains 1x1 Pixel swf for Positioning Bigsizebanner Default / Backup Image max. 40 KB (jpeg or gif) Bigsize Flash File, zB 728x90 Pixel (swf) Skyscraper Default / Backup Image max. 40 KB (jpeg or gif) Skyscraper Flash File, zB 160x600 Pixel (swf) Layer Flash File / Expandable-element, e.g. 400x400 Pixel Layer or 300x600 Pixel Expandable Sky (swf) Optional a second Ad Backgroundimage or Color (Hexcode)

© 2008 Eyeblaster. All rights reserved Create a Wallpaper Ad Use a Template Name the Ad Choose a Location Choose a template Click “Create”

© 2008 Eyeblaster. All rights reserved Expandable Ads at the Workshop The Workshop created a new folder with your named files:.fla,.ebs und.eba Now the Basis- and Panel- Elements are opened in Flash and can be worked on. Workshop Window for overview of Basiselement (Banner) and Expandedelement (Panel1). All needed Scripts are preset in templates.

© 2008 Eyeblaster. All rights reserved Eyeblaster Actionscript 1x1 and Layer 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" Please do nothing else (movieclips or sounds) on the first keyframe. 1x1 On 2. Keyframe: Stop(); EB.ExpandPanel (“bigsize”,”Auto”); EB.ExpandPanel (“skyscraper”,”Auto”); Panel/Float/Layer: Close-Button for manual close (User Interaction): close_btn.onRelease = function(){EB.CollapsePanel(“float”, “user”);} You have to change the “click_thru_btn” with your own button-name. Or you can use a alternative Script on the button itself. Please set an Name like panel1 or Layer in quotes in quotation marks. Automatic Close when Animation ended: Please don´t use CloseAd, because the basis-banner will be closes too. You have to change the “show_roll_btn” with your own button-name. Or you can use a alternative Script on the button itself. Please set an Name like panel1 or Layer in quotes in quotation marks When Animation finished, the panel has to be closes automatic EB.CollapsePanel(“panel1“,”auto”); Link-Button: clickthrough_btn.onRelease = function(){ EB.Clickthrough(“float”);} You have to change the “float” with your own name.

© 2008 Eyeblaster. All rights reserved Eyeblaster Actionscript - Hockeystick Bigsize Link-Button: clickthrough_btn.onRelease = function(){ EB.Clickthrough(“Bigsize”); } Ersetzen Sie “click_thru_btn” mit dem Namen Ihres eigenen Buttons. Alternativ können Sie einen Klickbefehl direkt auf den Button setzten. Setzen Sie in die Anführungszeichen einen Namen für den Banner wie zB contentad Skyscraper Link-Button: clickthrough_btn.onRelease = function(){ EB.Clickthrough(“Skyscraper”); } Expandieren mit Mouse Over: show_roll_btn.onRollOver = function(){ EB.ExpandPanel(“float “,”user”); } Ersetzen Sie “show_roll_btn” mit dem Namen Ihres eigenen Buttons. Alternativ können Sie einen Klickbefehl direkt auf den Button setzten. Setzen Sie in die Anführungszeichen einen Namen für den Panel wie zB panel1 oder Layer Alternativ on button (AS2): on (release) { EB.Clickthrough(“Bigsize”); }

© 2008 Eyeblaster. All rights reserved Positionining Panels/Layers in Ad 2 Panel-Positioning can be set directly in Flash Shift panel manuel by mouse

© 2008 Eyeblaster. All rights reserved Preview Hockeystick Preview Functions : Positioning: Positioning for Panels Preview Url: Check Ads with a Website Interactions Monitor: Check Actions Scripts Share Preview: Send Preview Url Click in Workshopwindow on Preview

© 2008 Eyeblaster. All rights reserved Ad Settings Ad: Insert a Default Image und and a URL Banner: Settings for basisad Panel: Settings for Panel

© 2008 Eyeblaster. All rights reserved Upload Ads to Adserver Please upload the Ads in a package (.ebs File) out of the workshop. Now, the Ad is complete uploaded on the adserver. Clicking the Edit Ad Online-Link you can change it on the Adserver itself. Please log in

© 2008 Eyeblaster. All rights reserved Definition of.ebs,.eba und.ebc.ebs und.eba Dateien will be generated automaticly after uploading the Bundles. There are local saved :.eba-File is a Eyeblaster Projekt File. Settings like Panel Positioning and Click Url are safed in it. Eba only can be opened in Flash- Workshop-Window (Open an Existing Ad). It is genereted automaticly..ebs-File is a Eyeblaster Bundle File. Backup Image, SWF‘s and.eba-Datei are compressed in. It can be uploaded at the Adserver (Create Ad from Bundle). It is generated automaticly..ebc-File is a Eyeblaster Sourcefile. All files actionscrips and are contained. Ebc only can be opened in Flash- Workshop-Window (Open an Existing Ad). It5s is generated per Click.

© 2008 Eyeblaster. All rights reserved Ad Format: Hier können die Assets ausgetauscht werden und somit zB korrigierte swfs hochgeladen werden, ohne das Ad neu zu erstellen. Upload Workshop-Ads on Adserver.ebs file can be uploaded without Flash workshop-upload on “Create Ad from Bundle” When the ad is uploaded, it is completed with all settings of.ebs-file.

© 2008 Eyeblaster. All rights reserved Workshop-Ads on Adserver The Ad can be edited in Eyeblaster Ad Editieren: To edit, click the pencil-icon or doubleclick the ad Ad Format: You can change the assets and upload corrected swfs without provide a new ad. Please position the panels manual at your testpage (so you can see the exactly width of content) You can shift leaderboard and skyscraper, not the default 1x1 swf. Because of this you use a 1x1 default (not the leaderboards as a default)

© 2008 Eyeblaster. All rights reserved Positioning: You can position Ad and Panel here. Workshop Ads at the Adserver Your ad is completed at the adserver with an Ad ID and can be edited Actions and Tracking: You can insert your target-url and trackingpixel here.

Custom Interactions – Links definieren

© 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 General 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: