I want to be able to make my own Sketch Motion Callouts

  • 68
  • Idea
  • Updated 5 years ago
  • Under Consideration
  • (Edited)
Photo of Kelly Mullins

Kelly Mullins, TechSmith Employee & Helper

  • 2886 Posts
  • 643 Reply Likes
  • excited

Posted 9 years ago

  • 68
Photo of kayakman

kayakman, Champion

  • 7021 Posts
  • 2284 Reply Likes
This screencast tutorial explains a method for quickly creating your own custom sketch motion callouts ...

http://cookbookplus.com/temp/TechSmit...

This method makes use of one of the standard sketch motion callouts that ship with Camtasia [I use an instance of the scribble]; the instance of the scribble is sent to Library and then used as a template placeholder for your own, reusable designs.

If you need to reuse a custom SM callout after a project is closed, be sure to first send that callout from the timeline back to library to create a unique instance of it, then use that Library instance to replace the one on timeline. If the project's custom SM callouts need to be retained in the project, add the entire project to Library as a sequence asset to preserve whatever custom SM callouts were used in the project, then libzip the sequence asset for future use.

I've use this method to quickly and easily create thousands of custom SM callouts by modifying the same original instance of a scribble standard callout.
Photo of Andy Cheng

Andy Cheng

  • 5 Posts
  • 0 Reply Likes
Hi, thanks for the tutorial. I was following all your steps until I tried find the "Library" folder!! What I could find was "Libraries" under Camtasia's Folder. However, there's no such Call out svg files in that folder. Why's that?
Photo of kayakman

kayakman, Champion

  • 7021 Posts
  • 2284 Reply Likes
On Vista, the CS Library is located at C:\ProgramData\TechSmith\Camtasia Studio\Library

Not sure where it is on Win 7 or XP.
Photo of Andy Cheng

Andy Cheng

  • 5 Posts
  • 0 Reply Likes
Wow, that's really a quick response! I do appreciate it! My system happens to be Win7! The path is like "C:\Program Files (X86)\TechSmith\Camtasia Studio 7\libraries\ " Nowhere I can find "mycallout." Is there anything to do with different versions?
Photo of KC Krupp

KC Krupp

  • 4 Posts
  • 1 Reply Like
Andy,

I figured it out. I'm glad, this way is a lot easier than what I was doing earlier.

The file structure is a little different in Windows 7 than Vista and the order that you need to do some things are different.

1. Go to "C:\Program Files (X86)\TechSmith\Camtasia Studio 7\Media\Studio\Callouts

2. Select one of the svg files "anim_scribble" copy it and paste a copy.

3. Open "anim_scribble" in Illustrator or Inscape, delete everything on the art board, design your new call out, and save. (Make sure that all of your changes to saved as paths in the svg since Camtasia only recognizes paths)

4. Load up Camtasia and your Squiggle will now be your new call out. Add the callout to your timeline, right click, and add the new call out to your library.

5. Go back to the callouts folder, delete anim_scribble and rename the copy that you made earlier back to anim_scribble.

6. When you close out of camtasia and open the project again the call out on your timeline will have turned back into the squiggle, but if you select libraries you will see you new call out still under you library and you can just drag and drop it into place.

This method is a lot easier, but it's not as easy to share as the Archive method. I'll put together a few screencasts in the next couple weeks walking through both methods.
Photo of kayakman

kayakman, Champion

  • 7021 Posts
  • 2284 Reply Likes
Just to be clear; the method described in my screencast [at least on Vista] does not touch any of the standard callouts that ship with CS 7; on Vista, those too are held in the folder described for the Win 7 discussion above.

When you add a standard SM callout to timeline then add that instance to Library, you create a new, independent callout descripter file; it will live within its own folder in the CS 7 Library folder [the new callout's folder name is the Library asset's default name when created]. Using Inkscape to modify that .svg offers the flexibility, simplicity, and safety described in the screencast.
Photo of nyrfandc

nyrfandc

  • 1 Post
  • 0 Reply Likes
KC -

Perhaps you can lend some input. I used your instructions ( I am useing Win XP) - but even though there was a drawing on the canvas/page, the call out was "empty" once I opened Camtasia once again. I used Inkscape to modify the svg.

I deleted the original object on the page (step 3 - or I am 99% sure I did). I simply replaced the file in the callouts folder.

What did you mean by (Make sure that all of your changes to saved as paths in the svg since Camtasia only recognizes paths)

Many, many thanks for any insights you can lend.
Photo of KC Krupp

KC Krupp

  • 4 Posts
  • 1 Reply Like
Sorry I haven't had a chance to get to these screen casts.

What I meant by "make sure that all of your changes are saved to as paths" is that when writing SVG code there are many different types of shapes:

Circle
Rectangle
Ellipse
Polyline
Path
Text

You can learn more about svg here: http://www.w3schools.com/svg/default.asp
The section specifically about paths is here: http://www.w3schools.com/svg/svg_path...

The only one of these types of shapes you can use in Camtasia for Sketch Motion Callouts is the "Path" object. After saving your new call outs in Inkscape I suggest finding the file, right clicking on it, and opening it in wordpad. Check to see if you see any shapes that are anything other than [path ..../] (*Note that in this post I am substitutiong the standard html tags, the sideways traingles, with brackets [ and ] so that Techsmith's forum doesn't wipe it out as invalid html*)

If you do, then those shapes will not get rendered by Camtasia.

You will need to edit those shapes either in Inkscape or directly in wordpad, notedpad, or (the best option) VIM to paths. Unfortunately I don't know Inkscape that well. I use Illustrator, and unfortunately you can't guarantee that the SVG produced will have only path shapes just by using the Path and Pen tools because they will sometimes get created as "lines" rather than "paths." You can tweak it, but it is better to edit the code directly.

From my earlier testing it seemed like using the pencil tool was the best bet for producing paths when exporting to SVG from Illustrator. My hunch is this is why Kelly suggested that Sketch Motion callouts need to be hand drawn and to include at least one curve. If you draw objects using the path or line tool Illustrator automatically translates them as Line or Polygon shapes rather than Path shapes. When using the pencil tool the shape that is produced it too complex to be simplified into a single line or polygon shape due to the wobbliness of the human hand.

You also need to make sure that all of those paths have the same style:
style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"

You can make this easier for yourself if you set these settings in Inkscape:
Line fill: none
Storke: Black (#000000)
stroke-width: 1 pixel
stroke-linecap: butt (these are the rounded ends)
stroke-linejoin: miter
stroke-opacity: 100%

Your SVG file should look something like this when you are done with it:

[?xml version="1.0" encoding="UTF-8" standalone="no"?]

[svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="744.09448"
height="1052.3622"
id="svg2"]
[defs
id="defs4" /]
[g
id="layer1"]
[path d="M100 0 L0 173 L200 173 Z" style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"/]
[/g]
[/svg]

Above is the code for the standard triangle shape.
Photo of drjsiegel

drjsiegel

  • 4 Posts
  • 1 Reply Like
I would really like to make a suggestion if the product camtasia 8 has not yet been released.
I really appreciate all the information on this thread.

I would like to request that the editing functions - markups, etc be allowed not only
when one is also editing a video but even after the video has been finalized.

From what I understand and see, one can only use the library markups at the time of the original recording and cannot do it - make markups using pen, etc when one has produced the video and even save the markups.

For instance, I do a lot of sports videos for my kids but then want to show them a number of clips or actions for instruction but cannot edit the video without first going back to the original.

I would like to be able to do the things that one sees for instance on monday night football or weekend football in which the announcers mark up the video on screen to show or demonstate.

This would also be great for other instructional videos, etc.

Thanks.
Jerry
drjsiegel@aol.com
Photo of Dave O'Rourke

Dave O'Rourke, Senior Software Engineer

  • 1443 Posts
  • 412 Reply Likes
Jerry,


Thanks for the feedback on Camtasia Studio. Duly noted.


Have you found our mobile app named Coach's Eye? It's designed for shooting and annotating sports videos on the fly. http://www.coachseye.com/


Hope this helps.
(Edited)
Photo of brucerothwell

brucerothwell

  • 298 Posts
  • 84 Reply Likes
I think this might help, Jerry....

You could produce a project in two phases -- "preflight" and "final".

Edit your footage for your "base" material, then produce a "preflight" video that you would then load into a 2nd project used for "final" editing. This final edit project is where you would add all your callouts and enhancements, that can be changed easily if need be.

Now, perhaps if you just want to do live "markups", you could take that preflight video and play it onscreen while recording it with Camtasia.

-
Bruce Rothwell
Photo of bizworldusagcm

bizworldusagcm

  • 11 Posts
  • 0 Reply Likes
so that the clicking effect isn't covered up by one of the edges. This may not give you the exact look you want, but maybe worth a try.

One final thought would be to turn off the cursor effect at that point in the video...and just use the rectangle callout as your visual indicator that something is being clicked. Then you can add a new cursor effect key frame after the callout disappears, to turn the cursor effects back on. Just a thought.Now, perhaps if you just want to do live "markups", you could take that preflight video and play it onscreen while recording it with Camtasia.
I do a lot of sports videos for my kids but then want to show them a number of clips or actions for instruction but cannot edit the video without first going back to the original.

thank you.
bizworldusa
Photo of ms

ms

  • 162 Posts
  • 22 Reply Likes
Not sure why this post has appeared at the top of the forum list again. The previous post above mine indicates it was written a month ago. How odd.
Photo of fashionever

fashionever

  • 2 Posts
  • 0 Reply Likes
From what I know and see, only at the time of the original recording, using the library marks and can not do this - markers produced a video, and save the mark.
Photo of Stephanie

Stephanie

  • 30 Posts
  • 0 Reply Likes
Kelly (or other Techsmither)-

I want a dotted straight line sketch motion. Can you make that possible? Hopefully this thread will still receive attention despite being a couple years old.
Photo of kayakman

kayakman, Champion

  • 7021 Posts
  • 2284 Reply Likes
this is a simple method for creating custom sketch-motion-callout-like objects in CS 8 ...

http://feedback.techsmith.com/techsmi...
Photo of aaronalbert

aaronalbert

  • 1 Post
  • 0 Reply Likes
im trying to improve my sketching skills and i want to study interior design.
so can you guys show me some pictures of what kind of sketching interior designers use ?

[url=http://www.novelink.co.uk/development... support[/url]
Photo of hoorrus

hoorrus

  • 3 Posts
  • 0 Reply Likes
This reply was created from a merged topic originally titled
Video scribe features.


I wanted to know if there were plans of adding video scribe (handwriting) like transitions to CS. We work on projects and walkthrough videos, and having such a feature will be most suited for our needs. 

We love how easy it is to edit using the timelines on Camtasia Studio and would live to see this feature added to it.

Please let us know.

Thanks,
VL
Photo of nicpogm

nicpogm

  • 59 Posts
  • 11 Reply Likes
This reply was created from a merged topic originally titled Drawing symbols in Camtasia.

Since Camtasia already "draws" boxes, circles, arrows and such. Is there a way to make it possible for the user to draw any word, symbol or clipart? If so.. it would make this product that much better.
Photo of Jessie O'Donnell

Jessie O'Donnell, Influencer Relations Coordinator

  • 178 Posts
  • 30 Reply Likes
Hi!
Thanks for this suggestion. There is an existing thread for this feature request which I have merged yours with. Click the +1 at the top to be subscribed to receive future updates on this topic! Please let us know if you have additional ideas, feedback, or questions. 

This conversation is no longer open for comments or replies.