Adobe Illustrator Tutorial Builder: A Comprehensive Guide to Creating Interactive Tutorials

To begin creating tutorials, you first need to ensure you have the necessary software and assets. Install Adobe Illustrator via the Creative Cloud Desktop app, following the provided instructions. Next, install the Interactive Tutorial Builder plugin. Before diving into the builder, prepare your tutorial content by creating any required starting files, hero images, and thumbnail images. Planning your tutorial's content flow is crucial for a cohesive and effective learning experience. Once Illustrator is installed and the plugin is ready, you can launch the Tutorial Builder by navigating to Window > Extensions > Interactive Tutorial Builder Ai in the Illustrator menu bar. The panel will display your existing tutorials categorized by status: In Progress, Submitted, Needs Review, and Published. From here, you can edit, preview, or delete tutorials, or start creating a new one by clicking the blue 'Create' button.

Once you've launched the Tutorial Builder and are ready to create a new tutorial, the first step is to set it up. Click the blue 'Create' button to initiate the process. You will be prompted to enter a title for your tutorial in the 'Tutorial Title' field. This title is critical as it will be the primary identifier for your tutorial and will aid users in finding it through search. Use relevant keywords that accurately describe the content. Once entered, this title cannot be changed later in the process. After entering the title, click 'Create' to proceed to the next screen. Here, you will upload your starting file. Ensure that all assets are fully uploaded before clicking 'Complete' to avoid any issues with missing content.

Creating effective steps is crucial for user comprehension. For menu bar actions, you can often record them directly. If a specific menu item cannot be recorded, use numbered canvas steps to guide the user. To record a menu bar step, click the record button, perform the action, and then click 'Stop Recording.' The recorded action will be added to the text box. For panel elements, you'll need to create two coach marks. The first step should use 'Panel > Panel Name' to direct the user to the correct area. Subsequent steps for panel items can use numbered canvas coach marks, as the user's focus is already on the panel. For toolbar actions, click the record button, demonstrate the action, and click 'Stop Recording.' The tool name will automatically be added to the text box. Always preview your steps using the playback icon to ensure they are clear and accurate.

Regularly previewing your tutorial as you build it is essential for ensuring accuracy and a smooth user experience. You can preview individual steps by clicking the playback icon after creating and completing a step. This allows you to review the step from the user's perspective. To preview your work so far, click the 'Save' button at the top of the Tutorial Builder and then click the 'Preview' button. This will launch the tutorial from the beginning, allowing you to follow the instructions as a user would. If you need to make changes, exit the preview mode by clicking 'Exit' and return to editing.

After submitting your tutorial, it enters a review process. You will receive an email notification indicating whether your tutorial has been approved or requires further action. If changes are requested, don't be discouraged; it simply means revisions are needed. Navigate to the relevant topic documentation for authors, where review feedback will be listed. If you have questions about the requested changes, contact the community manager. Implement the requested changes within the Tutorial Builder by clicking the three-dot menu on your tutorial and selecting 'Edit.' After applying the changes, click 'Submit' again. You will receive another notification regarding the tutorial's approval or disapproval. If it's still not approved, repeat the editing process. Once approved, your work is complete. Congratulations!