- Tutorial Builder User Guide
- Introduction to the Tutorial Builder
- Content guidelines
- Photoshop Tutorial Builder
- Illustrator Tutorial Builder
Canvas
A Canvas placement in the TB Ai is used to add secondary Steps. A Canvas placement does not currently create coach marks pointing to a specific location.
Menu Bar
Most Menu Bar options can be recorded. However, if a particular Menu Bar option is not available for recording, add a new numbered Canvas Step to continue to lead users through your tutorial.
Important
When instructing users to open a panel, create a coach mark using the Menu Bar and NOT Panel elements.
Menu Bar |
Menu Item |
Create a Coach Mark |
File |
MOST |
|
|
Open recent file |
|
Edit |
MOST |
|
|
Start Diction… |
|
Object |
ALL |
|
Type |
MOST |
|
|
Font |
|
|
Find/Replace Font |
|
Select |
MOST |
|
|
Text |
|
Effect |
MOST |
|
|
3D and Materials |
|
View |
MOST |
|
|
Outline |
|
|
Hide Slices |
|
|
Show Binding |
|
|
Show Gradient Annotator |
|
|
Show Edges |
|
|
Perspective Grid > Hide Grid |
|
|
Perspective Grid > Hide Rulers |
|
|
Perspective Grid > Unlock Grid |
|
|
Perspective Grid > Unlock Station Point |
|
|
Rulers > Hide Rulers |
|
|
Show_Print_Tiling |
|
|
Hide_Print_Tiling |
|
|
Show_Text_Thread |
|
|
Hide_Text_Thread |
|
Window |
MOST |
|
|
Workspace |
|
|
3D and materials |
|
Help |
|
|
Panels
These are only two scenarios where you should use Panel > Panel elements to create a CM: Panel > Properties and Panel > Layers. You create these steps by choosing a series of drop-down menus directing where the coach mark will be placed. The record button does not appear for Panel elements items.
Point to the Panel element for the first Step. This will add a coach mark to the correct area. For sequential panel items, do not send the user to the Panel again, as they are already focused on that element. Instead, add a new numbered Canvas step and continue leading users through your tutorial.
Tool Bar
Most Tool Bar options can be recorded to create coach marks.
Tool |
Sub-tool |
Create a coach mark |
Selection tool |
ALL |
|
Direct Selection tool |
ALL |
|
Lasso tool |
ALL |
|
Magic Want tool |
ALL |
|
Pen tool |
ALL |
|
Curvature tool |
ALL |
|
Type tool |
ALL |
|
Line Segment tool |
ALL |
|
Rectangle tool |
ALL |
|
Paintbrush tool |
ALL |
|
Shaper tool |
ALL |
|
Eraser tool |
ALL |
|
Scale tool |
ALL |
|
Rotate tool |
ALL |
|
Width tool |
ALL |
|
Free Transform tool |
ALL |
|
Shape Builder tool |
ALL |
|
Perspective Grid tool |
ALL |
|
Mesh tool |
ALL |
|
Gradient tool |
ALL |
|
Eyedropper tool |
ALL |
|
Blend tool |
ALL |
|
Symbol Sprayer tool |
ALL |
|
Column Graph tool |
ALL |
|
Artboard tool |
ALL |
|
Slice tool |
ALL |
|
Hand tool |
ALL |
|
Zoom tool |
ALL |
|
Fill and Stroke |
|
|
Color/Gradient/None |
|
|
Draw |
|
|
Change Screen mode |
|