Creating Custom Engage Color Schemes

Ok, now that Articulate Engage has launched and people are getting more familiar with the program, I wanted to start showing some examples of things you can do with Engage that you might not notice right out of the box. Well, one of the cool things you can do is create your own Engage color schemes so that you can customize the colors of your Engage Interactions to match your corporate color scheme.

In the presentation linked below I show you how you can create your own custom color schemes for use in Engage. It is a short presentation (7:07) that should walk you through the basics of creating your own color schemes.

Launch Presentation (7:07)

Also, I have created 3 new custom color schemes that you can download here. The colors are:

  • Fata Romana
  • Off 2 Africa
  • Grunge school

To install the color schemes unzip the 3 attached zip files into the following folder:
C:\Program Files\Articulate\Articulate Engage\schemes

After unzipping the files close and restart Engage and you should see the new schemes.

The color schemes I created were inspired by http://beta.dailycolorscheme.com/ (cool site).

Labels:

AddThis Social Bookmark Button

15 Responses to “Creating Custom Engage Color Schemes”

  1. # Anonymous Anonymous

    This is great. I have several clients who have very strong branding/color palette requirements.

    Is there any way I can do something similar for timeline colors and markers?  

  2. # Anonymous Anonymous

    It would be really great to be able to print this presentation so I can refer to it while I am actually creating a custom palette!

    Thanks so much.  

  3. # Blogger Julie

    How do I go about viewing the presentation - the link here seems to just take me back to the articulate home page. Thanks.  

  4. # Blogger Dave

    Sorry about that, the link should be:
    http://mozealous.knowledgeflash.com/3671554721  

  5. # Blogger MSK

    Thank you so much for this. I have created a new color scheme with light yellow for the tabs, but I am not able to change the colour of the text on the tabs from white to black. Is there a way to do this?  

  6. # Anonymous Anonymous

    Karpagavalli,

    Try changing colors in item 8 or 9 in scheme xmls.  

  7. # Anonymous Anonymous

    Dave hi,

    I am creating a new color scheme that our dept is going to use. Loved your presentation, great info but you didn't give the details on items #8 through #20 in the xml file. (for example what happens when I change the hex value for listselect and listhover?)
    My problem is I am trying to change the color in the interaction tab- when you you click on the tab is that activenavbutton or listselect?
    I tried changing list select it didn't seem to make a difference..  

  8. # Blogger Dave

    Hi,

    Yeah, I didn't include all the details on what exactly 8-20 did because most of the time they changed only something really minor, and rather than bog down the whole presentation I only included the major colors.

    The selected state of the tab should be "activenavbutton" if I remember correctly. The best thing to do if you are curious as to what an element is, is to change it to a bright ugly color, save the xml, and then launch the interaction again.  

  9. # Anonymous Anonymous

    This is sort of off topic, but is there a way to publish an Engage module without the header? I'd just like the flash and the interactity, but be able to use my own header from my PPT file.

    thanks,

    Andrew

    btw, the custom scheme explanation is great.  

  10. # Blogger Dave

    Hello Andrew,

    Currently there is not, but you might want to suggest that the next release of EN supports this:

    http://www.articulate.com/support/contact/feature/  

  11. # Anonymous Anonymous

    Is there a way to assign custom colors to Engage Interaction segments?  

  12. # Anonymous Anonymous

    hello,

    i found some greate tips on this side, but how can i change the color for the "CORE" text in the e.g. Circle Diagram
    is ther any way to change it?


    Thank you very much  

  13. # Anonymous Anonymous

    Recently I read this article about which ppt to flash converter is the best one and checked both Articulate and iSpring. You know, iSpring's player templates are very good too and allow you to change the color as well. Check and see!  

  14. # Blogger Brynn and Cooper's Mom

    Does anyone know how to remove the step buttons. I really do not want a number scheme at the bottom of the screen, or if you you can add an additional slide to a step, keeping it within the same "setep". Any held is appreciated.  

  15. # Anonymous Anonymous

    Please can someone tell me how to change the blue tabs in the Engage Tab Interaction to match my custom color scheme (.xml)?

    I've changed background, text, etc but cannot figure out how to change the Tab itself.

    Thanks ~ Cris  

Post a Comment