Blog Archives

Re-sizing and positioning the presentation slides in your Articulate Presenter skin

Wow what a great Articulate Users Conference at the University of Leeds!  I’m still buzzing from all the ideas, conversations and enthusiasm.  This has to be my favourite conference by far… and thanks to one of the other participants I have finally learned about one of the remaining mysteries of Articulate Presenter skinning (well it had been a mystery to me anyway).  I really hadn’t thought it was possible to move or resize the presentation slides displayed beneath your articulate skin and so all my skin designs were based on fitting around or overlapping the slide content where necessary.  But I was wrong.  As detailed in this forum post you can refer to the slides (and also to the other elements added on top of slides such as Engage and Quizmaker interactions) by their levels in the root articulate movie and so amend their scaling and position properties.  Hat’s off to the detective work that was necessary to work this out as it certainly isn’t mentioned in the SDK.

So for example if I want to re-size and re-position the presentation slides I need to add the following code to the actionscript in my skin (probably inside an appropriately named function):

_level22._yscale = 80;   //reduce slide height to 80% of original height
_level22._xscale = 80;   //reduce slide width to 80% of original width
_level22._y = 100;          //reposition slide on y axis
_level22._x = 200;          //reposition slide on x axis

The levels you use to refer to the other types of elements displayed on top of slides are (these are drawn from this forum post):

_level22 PPT slide loaded into in Articulate
_level33 Flash embedded in PPT slide
_level33 container for swf and flv
_level44 Side panel
_level55 Quizmaker
_level56 Engage
_level57 Toolbar items
_level58 ast_notes.swf and navicons

Knowing this opens the door to much more flexible skin design as I can now increase the space available for the skin above and below the presentation slides and not have to overlap the slide content. However if you are designing skins to be compatible with embedded Engage interactions, Quizmaker quizzes, SWF and FLV files etc you will  need to ensure you are also re-sizing and re-positioning each of these elements as well, so there will probably be lots of testing involved to get this right!


Two brand new custom Articulate Presenter skins available now

We are extremely pleased to announce that we have just launched two new skins for Articulate Presenter which are now available for purchase. Set your e-learning course apart with these eye catching and simple to use designs. For more information click on the images below:

More information on the iBar skin More information on the iSkin
iBar - a clean simple skin that allows you to add your own logo (more info on iBar). iSkin - inspired by an iconic design available with black and white backgrounds (more info iSkin).

Both skins can be customised to meet your exact requirements (bespoke colour schemes, functionality, logos etc) for an additional fee.  Please get in touch for more information.


Free Articulate Skin – Webducate Simple Blue

Following the popularity of the Free Reflection skin I thought I would share another simple skin for Articulate Presenter.  I believe that minimising the complexity of the presentation interface is often very helpful because it reduces distractions and confusion for the learner.  It also means that the buttons provided can be large and clear.

So the Free Webducate simple blue skin takes this approach with three large, clear buttons. Click on the screenshot below to view a demonstration of this skin.

Webducate Simple Blue Skin
To use this skin download the skin articulate package file below and double click on it to install. Once installed a new layer template option will appear in your Articulate presenter publish window.

Download the Webducate simple blue skin articulate package

NB – if  you encounter problems installing this skin it is likely to be due to security restrictions relating to downloaded files from the Internet on your PC.  In this case please contact me and I’ll email you the skin articulate package which will avoid this problem.

If you find this skin useful please note that Webducate offers a range of skin related services including custom skin development and skin development training.


Free Articulate Skin – Reflection

One of the exciting skinning ideas that came to me during the Second European Articulate User Conference was the concept of a simple skin for Presentation Zen type slide shows where each slide displays an evocative image overlayed with short a concise statement. Such as skin would need to avoid detracting from the presentation itself, so it should be small, simple and unobtrusive. I also thought it would be interesting to explore the potential for incorporating a reflection of each slide as part of the skin to add to the overall affect.

After some trial and error efforts I am now excited to present the Webducate Reflection skin and make this availableFREE as an artpkg file for others to use.

View a presentation using the Reflection skin

View an example presentation using the Reflection skin.

Download the FREE Reflection skin artpkg.

NB - The slide reflection only displays if there is something on the powerpoint slide to reflect… so if you have a blank white slide with text you need to draw a white rectangle covering the whole slide to act as a background. This will then appear as a reflection for this slide.

More information on the Articulate skin related services provided by Webducate.


Articulate custom skins – bespoke development and development training

Webducate is pleased announce the availability of Articulate Presenter custom skin training and bespoke development services.  Articulate Presenter custom skins allow e-learning resources created with the popular Articulate authoring system to be delivered within a customised player.  This player can be designed to include branding and functionality not available within the default Articulate player helping to meet a target audiences’ specific needs and providing a unique learning experience.

Webducate offers two distinct services relating to the creation of Articulate presenter custom skins:

  1. Training - If you are an experienced Flash developer and want to get started creating your own skins, Webdcuate offers intensive hands on training with related Flash source files provided to get you up and running as fast as possible.
  2. Bespoke development - If you would like to use a custom skin but lack the time and/or skills required then Webducate can develop a skin to meet your needs.

If you are interested in either of these two services please see our related page and/or get in touch…

Example Articulate presentation with a custom skin