How to remove this square box?

  • 1
  • Question
  • Updated 4 months ago
Hey guys, so yesterday I installed the trial and started learning by working on it looking and trying to follow along with different tutorials but of course no tutorial will address every single issue so I will be posting here hoping you guys might be able to help me please?



In the above screenshot, I would like to know how to remove that rectangular box showing over the speaker and also if anyone can look at this short video here, 2nd one down on Thermal underwear: https://videoreviewlabs.com/amazon-product-videos/ 

I am attempting to create my first video like that one, just using speakers for my review video.
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes

Posted 4 months ago

  • 1
Photo of Bobby Lester

Bobby Lester

  • 9 Posts
  • 3 Reply Likes
That box is the bounding box for the stage; you can't remove it. You also won't see that bounding box in the output.

In this particular situation, if you want to see the JBL logo, just bump the image up about 10 pixels.
Photo of Brian Nystrom

Brian Nystrom

  • 319 Posts
  • 168 Reply Likes
I think we may be talking about the same thing, but it appears that the box is the canvas. The only thing that will appear in the video is the content inside the canvas, so only a small portion of the speaker picture will be included. An easy way to test this is to produce that section of the video and review it.
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
Sorry I did not see this post before my latest post. When I look at tutorials I do not see this "canvas" so any idea why it's only showing on my end? Since to way to resize that canvas this will make it very difficult for me.
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
Thanks. Well, I don;t understand the purpose of that box, it is showing like a flashlight over the image so kinda distracting but.....

Ok so next issues please



I would like the text as the video I linked to, without being in any sort of enclosure, with only the text showing. Also if I could have just a thin line similar to the one in the link from the text to the object would be great?
Photo of Stephen Wagner

Stephen Wagner, Employee

  • 630 Posts
  • 165 Reply Likes
The "box" is your video.  All the stuff outside of it will not appear in your produced video.  If you want to see what your video is going to look like, do this:




As you have things currently, most of your content will not be part of your final video.

If you just want plain text, just use one of the callouts that is text only.  All the callouts in the top row are text only.

-Stephen
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
Ok thx, making progress I think but any way to make the speaker image itself smaller inside the canvas? When I use scale feature it reduces the total canvas size. As the image shows I don't have enough space to the left and right of the speaker to place enough text.



Also, I am not understanding about the "If you just want plain text, just use one of the callouts that is text only.  All the callouts in the top row are text only."? Can you tell me from this image what I am supposed to click on please?

(Edited)
Photo of Stephen Wagner

Stephen Wagner, Employee

  • 630 Posts
  • 165 Reply Likes
In the screenshot you posted above, these two are text only callouts.



Just drag them to the canvas or timeline, and type in your text.

-Stephen
Photo of Brian Nystrom

Brian Nystrom

  • 319 Posts
  • 168 Reply Likes
Winston, if you click on the speaker image in the timeline, the scaling will affect the image size only, not the canvas size.
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
Wait a minute guys, I had thought the white space around the speaker was the canvas but it's the image itself. So now as in this attached pic the entire black space around the entire speaker image where the red arrows are occupying, that is the canvas right? 

Photo of Stephen Wagner

Stephen Wagner, Employee

  • 630 Posts
  • 165 Reply Likes
In your latest screenshot you are zoomed in on the canvas.  You are zoomed in so much that the entire canvas is not visible.  In your original screen shot you were zoomed out so far that the canvas was only occupying a small portion of your screen.

Until you get more comfortable with working with the canvas, you should choose the 'Fit' option in the canvas scale drop down.



This will resize your canvas so that it fits in the available area.   This way you will be able to see what your video is going to look like.

-Stephen
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
I don't think so stephen, as this screenshot shows I had already selected the fit option when you had advised it

Photo of Dubie

Dubie

  • 1261 Posts
  • 1009 Reply Likes
Maybe this will help you understand.
This is on a windows machine but should be the same for you.

You have three areas in the editor workspace.

Click on the Image to enlarge in a new tab



The lighter black (grey) area is the Editor Background (workspace)
Any content you have in this area Will Not show in your video.

The dark black area is the Canvas (outlined in yellow) is what Will show in your video.

The image of the orange is some content that will be in the video.

In your image above this post in appears you are zoomed in on the canvas.

Zoom out some on the canvas so you can see the editor background.
In Windows you do that with the mouse wheel.



To resize the video content (the orange) you can click and drag the resize handles.



You may have to hold the Shift key to lock/unlock the aspect ratio lock

Dubie

TechSmith Resources         
Support      Tutorials     Version Downloads ________________________________________________________________________________________



(Edited)
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
Thank you very much for all of these efforts! Then yes as in my image, all that black space outside of the white background with the speaker is the Canvas. So if all is accurate now with this image below, I am not seeing where/how to color the text, can you advise please?

Photo of Dubie

Dubie

  • 1261 Posts
  • 1009 Reply Likes
The red line above the speaker image, the speaker image and the two callouts will be in the video. The red box above the canvas with the word Editor will not be in the video. it's outside of the canvas.



As I mentioned I am on a Windows machine but to change the color of the text in say one of the callouts, with the callout selected (shows the grab handles and bounding box around it.

In the Properties panel on the right side click the text (a) icon and you can make the changes in that panel.

Change the color, font etc.


Thats how in Windows anyways :)

Dubie

TechSmith Resources         
Support      Tutorials     Version Downloads ________________________________________________________________________________________

(Edited)
Photo of Dubie

Dubie

  • 1261 Posts
  • 1009 Reply Likes
Something more that may help.

You can change the color of the Canvas.
Better match your project end result or to work with.
This where you would also change the canvas size.

Note: the color of the canvas Will show through any transparent content in your video.
So if you change the canvas to say yellow, anything that is transparent will show the yellow canvas behind it.

To change the canvas color (Windows) I'm sure there is probably the same option in Mac

Right-Click on the canvas and select "Project Settings"



In the popup window change the color.



A mockup of your image with the canvas as white




Dubie

TechSmith Resources         
Support      Tutorials     Version Downloads ________________________________________________________________________________________

(Edited)
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
Nice, thanks! Yeah I did not notice that I could change the text color in the Properties. Anyways, got a great start here, let me go watch some more tutorials and do some more experimenting, will report back here should I need any more help with this video. Appreciate the help!

Photo of Rick Stone

Rick Stone

  • 5117 Posts
  • 2390 Reply Likes
Hi there

Notice that at the corners of the image in that darkened grey area are little handles that you are able to click and drag. Click one of these and drag it toward the middle of the image. That should make the image smaller so it fits on the canvas. It looks like your image is super huge and simply needs to be scaled smaller.

Cheers... Rick :)
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
Rick, I notice that dragging the handles does not widen or increase the height of the image but rather act like a zoom function, it it the same on your end please?
Photo of Rick Stone

Rick Stone

  • 5117 Posts
  • 2390 Reply Likes
Hi Winston

If you look at the image below (it's the first one you shared) you will see that there are three icons at the top of the screen. Edit, Pan, and Crop. 



Make sure that the Edit icon has focus. If the crop icon is selected, you are effectively just choosing how much of the image appears.  Basically what you see in the brighter area.

If the Edit icon is selected, you are choosing how large the image is on the canvas. And yes, it will appear to zoom in or out. But that brighter area is what will be visible once you render out the video.

Cheers... Rick :)
Photo of Dubie

Dubie

  • 1262 Posts
  • 1011 Reply Likes
To add to this.

If you just click and move the handles the image (by Camtasia default) has the ratio locked.
eg; the shape stays the same.

To temporarily unlock the ratio hold the Shift key and then click and move the handles.
Caution: that you can distort the image with ratio unlocked so you can't just make the image taller with out adding width also.

If you need to make a big size adjustment on a image it is best to do it in a image editor and bring it back into Camtasia.
Photo of Brian Nystrom

Brian Nystrom

  • 319 Posts
  • 168 Reply Likes
If you happen to have SnagIt too, I find that it works really well for basic image editing.
Photo of winston henderson

winston henderson

  • 20 Posts
  • 5 Reply Likes
Yes Rick, got it and thanks for teaching me the terminology of the various icons,

Nice Dubie, holding the shift key expands the image as mentioned, thanks!
Photo of Rick Stone

Rick Stone

  • 5117 Posts
  • 2390 Reply Likes
As for the line, click it to ensure it has focus, then ensure the Properties panel is visible. Then adjust the thickness.