I’m a designer and brand consultant not using Captivate. I’ve been asked by the client to consult on the look of their Captivate learning modules. I’ve worked with Flash developers and HTML developers for a long time developing different types of modules, so I understand how various programs have their layout limitations. I just need to get up to speed on some specific items and limitations in Captivate. I hope someone can answer a few specific questions. Just going to Lynda.com is not an option, just yet. I don’t need to know how Captivate works or be trained on it, I need answers on specific capabilities of the application.
–Is there a nudge function in Captivate, and if so, is the increment customizable, or is it one pixel, or?
–Is there a leading/linespacing control? Meaning, right now they are running the lines of text together tightly, with ascenders and descenders running into each other. The font itself with its long ascenders is a particular problem. In layout programs, I would just increase the linespacing 2-3 pixels between lines. Can this be done in Captivate?
–Is there a way to do what’s called “space after” meaning a few pixels of space after a paragraph? This makes paragraphs look nicer, and not so scattered-looking as when you put a full paragraph return after lines. If it’s not available, do you just do it by making separate paragraphs and manually spacing them?
“Next” arrows – are there only a few pre-made choices or can you do any graphic and make it a button?
–What kind of art format is accepted (jpg, png, svg, ai etc)
–What is the increment for type — Flash is mostly in pixels and points, how about Captivate?
–Can you mix fonts within a line of text?
–Is there a limit on number of fonts, or any other type of database limit to be aware of?
–Can you do what’s known as hanging text, where you have a bullet on a sentence, then the sentence starts at a tabbed point, and the lines of type wrap below, lining up with the first letter rather than the bullet?
I imagine at this point you are thinking what about accordions, fades, responsive and all that. This is in an industry that has absolutely NO mobile devices, so these learning modules are glorified Powerpoints.
Thank you in advance for pointing me in the right direction!
There have been some questions in the comments of my videos that suggest that some people may not understand Typekit fonts in Adobe Captivate. This article will try to explain it.
There are three different types of fonts on a Windows or Mac computer running Adobe Captivate 2017. These are system fonts, web-safe fonts, and potentially Typekit fonts. The importance of font selection only really applies to responsive designed elearning projects, since non-responsive projects convert your text into pictures, and whichever font you choose will render correctly on any device.
System fonts are the fonts that are installed on your computer. It’s important to know that when you use a unique and exciting font found on your computer, that what you see isn’t what someone else would. For example, if I created a Microsoft Word document that used the BlackHawk font and I sent that Word document to someone who doesn’t have that font installed, they will see an entirely different set of characters than what I intended (it will probably display as Times New Roman).
Web-safe fonts are a subset of system fonts that have such a high percentage of use that they can be considered universal. It’s smart to use web-safe fonts when you design for the web since you don’t know what devices will be used to view your content, and usually an excellent choice for when you develop responsive design eLearning. An example would be the Trebuchet font. Because there are only a handful of web-based fonts, using them may your eLearning seem ordinary.
But what do you do if you want to design a responsive project using something other than the half dozen web-safe fonts available? That’s where web-based fonts like Typekit come into play.
Typekit works like this. If you have an Adobe ID, you will have access to a small selection of these web-based fonts. Once you find a font on Typekit.com that you would like to use in your Captivate project, you would sync that font to your account. Behind the scenes, a system version of that font is downloaded and installed on your computer so when you return to your Captivate project you can select and use that font. Later when you publish that project, you would supply Captivate with the root domain of where your project will reside. For example, if you were an employee at Adobe and were going to make your eLearning project available on Adobe’s website, you would include *.adobe.com as a domain when you publish. When users would run this course, the published project would check Typekit.com and make sure this was authorised to use the font and display the correct font in the eLearning project even if the user doesn’t have that font installed. Here is an overview on how Typekit works in Captivate 2017 Release.
Typekit is only one example of web-based fonts. I’ve also used fonts that can be found on Google fonts. The advantage of Google fonts is that there are no fees or limitations required to use them. Here is a video that explains how you can use Google fonts in your Captivate eLearning project.
I’ve decided to create a variety of Adobe Captivate 2017 themes to share with the Adobe eLearning community. This first attempt was inspired by one of my favourite wines from the Bordeaux region (see if you can guess which one).
It uses the Typekit font AdornS Serif Regular and AdornS Engraved Regular. My recommendation is to install these two fonts from Typekit.com before using this theme. My intention is to continue to add new themes that will be available for free download from my website below. I encourage you to bookmark the page below and periodically check back for more themes as they become available. Feel free to share that page with your colleagues as well.
Just put up a quick LIVESTREAM on some of the basics around what you can do with Adobe Typekit in Adobe Captivate (2017 release). Please share this video with your colleagues if you feel they might benefit from it and don’t forget to subscribe to my YouTube channel if you would like to see more videos like this one.
You can make your project look much better, prettier and consistent across devices with the use of Adobe Typekit!
What is Typekit!?
Adobe Typekit brings thousands of fonts from foundry partners into one beautiful library for subscription or purchase. Enjoy quick browsing, easy use on the web or in applications, and endless typographic inspiration. Typekit is the easiest way to bring great type into your workflow, wherever you are. Captivate can take advantage of the same and can make the e-Learning content much more beautiful, engaging and eye pleasing.In addition, you can now be sure of how your project looks across various platforms and devices.
Adobe Captivate 2017 allows you to use the enormous library of fonts within Adobe Typekit for your eLearning projects with ease. You can add Adobe Typekit fonts within Captivate with Adobe Creative Cloud which can make the project much better aesthetically.
What can be achieved: (Sample Project attached in the end)
How to achieve the above slide using Typekit?
Typekit Fonts used in the above projects are:
To add a font, follow the steps shown below, a Text Caption is used for the example, but any other object such as a Button or Shape can be used for the same.
All the installed Typekit fonts are available within the Character Dropdown under the section Typekit Fonts (Refer Figure 3) and you can choose any of them in the same way as any system font would be chosen, and the preview of the font is immediately shown on the Edit Area.
To Add new Typekit Fonts to Captivate:
1.Install Adobe creative cloud application if not already installed,Log in using your adobe ID.
Launch Captivate, Open a new Project and to add new fonts just click the Typekit (Tk) icon next to the font selection dropdown (Refer Figure 4), which will redirect you to the Adobe Typekit Website. Log in using the same Adobe Id you can see all the fonts within the Typekit Library which can be accessed based on your plan.
3. Once a font of liking is chosen we can sync the font to Adobe Creative Cloud Account by clicking on the SYNC button next to the font (Refer Figure 5), Note: All the styles of a font also have to be synced if they are also needed.
4.Once the font is synched the Creative cloud app shows a notification on the systems it is installed and logged in with the same Adobe Creative cloud account (Refer Figure 6).
Captivate 2017 automatically updates the new fonts without any user interaction and shows the new font in the drop down. (ex: Bickham Script Pro 3, Refer Figure 7).
Now you are all set to use the fonts! Lets start with the slide!
1.Open Adobe Captivate
2.Create a Responsive Project
3 Goto Slide Properties, Change Background to Custom and Choose the fill to Gradient
4. Insert a Text Caption, choose the font as “Cooper Std” and change the font size to 100
5. Insert another Text Caption, choose the font as “Sarina” and change the font size to 26.
6. Insert third Text Caption, choose the font as “Cooper Std” and change the font size to 24.Set the rotate as 45 degree and place it at the top left corner as shown above.
You can also download the sample project(attached in the end) and apply the Typekit fonts you just downloaded!
Once you are ready with your project, Preview the project to see its final look and if you are satisfied, proceed to Publish.
To Publish projects with Typekit Fonts:
To publish a project with Typekit fonts, click on any Publish method of choice, which connects to the project to a Typekit account (Refer Figure 8), once confirmed we should also add the domain(s) where the project will be uploaded. (Refer Figure 9)
We can add upto 10 domains which can also match regular expressions like asterix (*) to match subdomains.
Things to remember when using Typekit Fonts:
All the restrictions of the Adobe Typekit account also hold good here.
Matching subdomains with asterix (*) is recommended instead of adding each one.
Using the project in a different system without the same fonts will revert the fonts back to default.
Publishing the project in a domain not listed in the publish window, the project will not render the fonts in the new domain, it will use default fonts instead.
This morning I ran a live stream on my YouTube channel and walked my viewers through some of the key features in Adobe Captivate 2017. I’ve saved the recording for all of you to watch and get some first-hand tutorials on how to use the new features in Adobe Captivate 2017. Check it out.
I’m really excited to report that the next major release of Adobe Captivate has launched. Adobe has made the decision to break from the product numbers of the past and now simply call the product Adobe Captivate 2017 Release. In this article, I cover off some of the new features for you to consider.
The most notable addition to this software is a new way to develop responsively designed courses. A feature known as fluid boxes allows users to divide up their slides into containers where the objects placed within them respond in a much more predictable manner than with other methods. Here is a tutorial that shows some of the basics of working with fluid boxes.
Converting to Responsive Design
Another area related to responsive design is the ability to save non-responsive projects as responsive design projects. In the past, if users wanted to convert an older project into responsive design, it required a much more manual process of copying individual slides and their elements usually one slide at a time. Here is a tutorial that shows this process in action.
Adobe Typekit Integration
With the migration to HTML5 and responsive design, text in eLearning projects became actual text instead of just another graphical image as was the case when Flash based eLearning was the norm. HTML5 offer many advantages but this limited developers to the commonly used fonts, namely web safe fonts. This prevented developer’s ability to use new and interesting fonts in their design. With Adobe Captivate 2017 that problem has been solved through the introduction of being able to add Typekit fonts to your eLearning projects. Typekit fonts are cloud-based and with a Typekit account, many of these cloud-based fonts will now be available to Captivate 2017 developers as well. Creative Cloud customers get a limited number of Typekit fonts at their disposal. Here is a tutorial that shows how easy it is to add Typekit fonts to your eLearning projects.
Enhanced Multi-State Buttons
When Captivate 9 was released, many developers were excited at the number of multi-state objects available to them. Most notable was the ability to have a variety of buttons that were previously just static. There were some exceptions to which types of buttons could have multi-states, however, this has been addressed in Captivate 2017. Developers now can have multi-state buttons on question slides, shape buttons on master slides, buttons on drag and drop slides, and buttons on your quiz results slide. Here is a video where I demonstrate these enhancements.
Enhanced Closed Captioning
About five years ago I had a client ask me if I could make the closed captioning window on a course I had developed smaller. They complained that users who wished to use closed captioning had to read the text across the entire width of the project window and this was causing fatigue for users of closed captioning. There was no way to modify the closed captioning window size in previous versions. Adobe Captivate 2017 has introduced the ability to not only create custom sizes of closed captioning windows but their placement can now be on any part of the slide. Furthermore, developers can also use custom font formatting for part or all of the captions they display to their audience. Watch this video to see me customize my closed captions for a small project.
Enhancements to Advanced Actions
Lastly, there have been some enhancements to advanced actions in Captivate 2017. In previous versions of Captivate a best practice developed to make all advanced actions conditional. The reason for this was that it could be difficult to deal with a change from a standard set of actions to a conditional set of actions part way through development. Often this was achieved by making the condition of the advanced action something that would always be true. For example, developers could write the condition to be something like IF 1 == 1 or something like that.
Captivate 2017 solves this by making advanced actions and conditional actions one and the same. Instead of having to rewrite the standard action into a whole new conditional action and updating all the places where that standard action was previously referenced, now you can modify the standard action and change it to a conditional action by checking off the Conditional Tab. There you can add your IF statement and retain all the previous actions as part of the conditional action.
Also, the IF statement of conditional actions has been joined by the While statement which gives developers the opportunity to create advanced actions that will loop while all, any or some of the conditions are true.
Each time a new version of Captivate is released I always say the same thing. This is the best version of Captivate ever. Once again this is absolutely true with the 2017 Edition of Adobe Captivate.
If you typically purchase a perpetual license to Adobe Captivate and the features in this release will benefit you or your clients you should upgrade to this version. Of course, I would wait until you have a break in the development cycle. I’m not sure I would start using a new release on work that was presently in progress.
If you subscribe to Captivate as software as a service, you should upgrade to this release. Again I would wait until you have finished any work in progress, but it makes sense to be running the latest version of any software if it’s available to you.