Presenting a Procedural Button Click Tutorial

Presenting a Procedural Button Click Tutorial

Presenting a Procedural Button Click Tutorial

We’ve long struggled with a presentation approach towards depicting …

… in the slide of a procedural click or tap taking place, we have trouble specifying what was clicked to arrive at the results slide which follows …

… though, occasionally we’ve used macOS Preview’s “Speech Bubbles” in PDF presentations, as we explained at Preview PDF Annotation Bubbles Primer Tutorial.

Somehow, we think that “Speech Bubbles” idea is not as good as a new idea we stumbled upon (and used, within the recent Notes PDF Email Attachments Primer Tutorial‘s animated GIF tutorial picture presentation) looking around Gimp image editor functionality, the other day, and arrived at its very useful …


Tools -> Selection Tools -> Rectangle Select
Filters -> Decor -> Add Bevel...

Script-Fu functionality!

Readers can get suspicious of “photoshopped” content, but often it is important to make clear the procedural intention ahead of showing that action’s results, hence our intense interest in a presentation idea we may implement more and more into the future, we’re predicting!

Now, we wonder whether this will help with “cursor display” logic presentations, as well? Hmmmmmm!


Previous relevant Preview PDF Annotation Bubbles Primer Tutorial is shown below.

Preview PDF Annotation Bubbles Primer Tutorial

Preview PDF Annotation Bubbles Primer Tutorial

Did you notice with yesterday’s PDF slideshow for Genius Scan App PDF Email Tutorial we used some annotation bubbles in our presentation? The use of annotations was one of the first thoughts regarding the “marketing” of different tiers of functionality regarding PDF Processing applications, in the broad categories …

  • just read PDF document and display it (eg. Adobe Acrobat Reader) … which is very often packaged up as a piece of freeware …
  • read PDF and be able to annotate PDF document … often freeware (or, like today’s Mac OS X “Preview” talk, coming as a part of an operating system (freeish)) …
  • read and write to PDF (including password protected data and input fields) … which are often “premium” software products you pay for as a oneoff, or sometimes as an installment charge

We really like the idea of “annotation bubbles” as a concept. Especially when your PDF data represents a procedure of some sort, because quite often, these days, with the ease to do this, the imagery in the PDF will be screenshots that are good regarding the realia of the presentation, and the “annotation bubbles” takes you out of that “realia” with the good jolt of what the “annotation bubble” tells you straight from the person writing the document, done in an editing session, like they do with movie creation at the cinema.

In Preview, creating these annotation bubbles happens via menu …


Tools -> Annotate -> Speech Bubble

… and just because it always defaults with the pointer facing to the southwest, it doesn’t mean you can’t drag that point to any other position you like.

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

This entry was posted in eLearning, GIMP, Tutorials and tagged , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *