Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Difference between revisions of "Drawing Tools"

From Roll20 Wiki

Jump to: navigation, search
 
(12 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 +
<div style="background:#f0e2a1; border: 3px solid #dbc870; padding: 10px;">
 +
<big>'''''Attention:'''''
 +
''Roll20 is no longer maintaining this document on the community wiki. For the most up-to-date information please visit this page on our [http://Roll20.net/help Help Center] for assistance: [https://roll20.zendesk.com/hc/en-us/articles/360039674893-Drawing-Tools Here]. For more information you can email us at Team@roll20.net''</big>
 +
</div>
 
Roll20 features a powerful set of drawing tools that you can use to do lots of things, like making notes on the tabletop or even quickly sketching out an entire map.
 
Roll20 features a powerful set of drawing tools that you can use to do lots of things, like making notes on the tabletop or even quickly sketching out an entire map.
  
[[File:Drawing_Tool.jpg]]
+
[[File:Drawing_Tool.jpg|thumb|right]]
  
 
The drawing tools are all located here in the drawing tools button of the Toolbox.
 
The drawing tools are all located here in the drawing tools button of the Toolbox.
 +
 +
== Tutorial Video ==
 +
 +
This is a tutorial on drawing in Roll20.
 +
 +
{{#evp:youtube|MH78AOhNyuA|Drawing on the Tabletop Tutorial|center|700}}
  
 
== Freehand and Shapes Tools ==
 
== Freehand and Shapes Tools ==
Line 9: Line 19:
 
The Freehand tool allows you to draw lines on the tabletop, similar to the way that a whiteboard works. Just select the tool, then click and drag anywhere on the tabletop to start drawing.
 
The Freehand tool allows you to draw lines on the tabletop, similar to the way that a whiteboard works. Just select the tool, then click and drag anywhere on the tabletop to start drawing.
  
The Shapes tool works similarly to the Freehand tool, but it allows you to quickly draw pre-made shapes. By default you'll draw a square, but you can also hold down the Alt key while drawing to draw a circle instead. Holding the Shift key while using the Shapes tool will cause your shape to snap to the grid if one is enabled for the current page.
+
The Shapes tool works similarly to the Freehand tool, but it allows you to quickly draw pre-made shapes. By default you'll draw a rectangle, but you can also hold down the Alt key while drawing to draw a circle instead. Holding the Shift key while using the Shapes tool will cause your shape to snap to the grid if one is enabled for the current page.
  
 
After you activate the Freehand or Shapes tools, a secondary toolbar will appear. You can change the stroke color (1.) as well as the fill color (2.) and line width (3.) of your drawing by using the secondary toolbar here.
 
After you activate the Freehand or Shapes tools, a secondary toolbar will appear. You can change the stroke color (1.) as well as the fill color (2.) and line width (3.) of your drawing by using the secondary toolbar here.
  
 
[[File:drawingss2.png]]
 
[[File:drawingss2.png]]
 +
 +
== Polygon/Line Tool ==
 +
 +
 +
The Polygon/Line Tool draws lines and polygons by connecting vertices clicked out on the tabletop. To draw with the Polygon/Line Tool, first, click on the tabletop where you’d like to start your drawing. Next, click to where the next vertex in the polygon or line should be. Continue this process until the polygon is completed. A right click or hitting the Escape key will finish/close the line or or polygon. If a vertex is clicked very close to the starting point, the polygon will auto-close. If a mistake is made part way into your drawing, Ctrl/Cmd + Z will undo each consecutive segment drawn. Holding down the Shift key while drawing will force the segment vertices to snap to the grid. If a straight line instead of a polygon is desired, right click or hit the Escape key after drawing the very first segment.
 +
 +
Like the Freehand and Shape tools, the Polygon/Line tool uses the same secondary appearance toolbar.
 +
 +
[[File:Polygon-Line_Tool.jpg]]
  
 
== Text Tool ==
 
== Text Tool ==
Line 20: Line 39:
  
 
[[File:drawingss3.png]]
 
[[File:drawingss3.png]]
 +
 +
Hitting the Escape key will remove the focus from an active text box.
 +
 +
To edit text after you have added it to the tabletop use the select tool to access the text box and double click to enter edit mode, or right click on it and select 'Edit' from the context menu.
  
 
== Grouping Drawings ==
 
== Grouping Drawings ==

Latest revision as of 18:11, 18 February 2020

Attention: Roll20 is no longer maintaining this document on the community wiki. For the most up-to-date information please visit this page on our Help Center for assistance: Here. For more information you can email us at Team@roll20.net

Roll20 features a powerful set of drawing tools that you can use to do lots of things, like making notes on the tabletop or even quickly sketching out an entire map.

Drawing Tool.jpg

The drawing tools are all located here in the drawing tools button of the Toolbox.

Contents

[edit] Tutorial Video

This is a tutorial on drawing in Roll20.

Drawing on the Tabletop Tutorial

[edit] Freehand and Shapes Tools

The Freehand tool allows you to draw lines on the tabletop, similar to the way that a whiteboard works. Just select the tool, then click and drag anywhere on the tabletop to start drawing.

The Shapes tool works similarly to the Freehand tool, but it allows you to quickly draw pre-made shapes. By default you'll draw a rectangle, but you can also hold down the Alt key while drawing to draw a circle instead. Holding the Shift key while using the Shapes tool will cause your shape to snap to the grid if one is enabled for the current page.

After you activate the Freehand or Shapes tools, a secondary toolbar will appear. You can change the stroke color (1.) as well as the fill color (2.) and line width (3.) of your drawing by using the secondary toolbar here.

Drawingss2.png

[edit] Polygon/Line Tool

The Polygon/Line Tool draws lines and polygons by connecting vertices clicked out on the tabletop. To draw with the Polygon/Line Tool, first, click on the tabletop where you’d like to start your drawing. Next, click to where the next vertex in the polygon or line should be. Continue this process until the polygon is completed. A right click or hitting the Escape key will finish/close the line or or polygon. If a vertex is clicked very close to the starting point, the polygon will auto-close. If a mistake is made part way into your drawing, Ctrl/Cmd + Z will undo each consecutive segment drawn. Holding down the Shift key while drawing will force the segment vertices to snap to the grid. If a straight line instead of a polygon is desired, right click or hit the Escape key after drawing the very first segment.

Like the Freehand and Shape tools, the Polygon/Line tool uses the same secondary appearance toolbar.

Polygon-Line Tool.jpg

[edit] Text Tool

There’s also a text tool that lets you write directly on the tabletop. Just choose the text tool from the Toolbox, and then click on the tabletop where you want to type. You can change the font (1.), size (2.), and color (3.) of the text using the secondary toolbar here.

Drawingss3.png

Hitting the Escape key will remove the focus from an active text box.

To edit text after you have added it to the tabletop use the select tool to access the text box and double click to enter edit mode, or right click on it and select 'Edit' from the context menu.

[edit] Grouping Drawings

You can also group things together by selecting them, then right-clicking and choosing “Group” from the Advanced Menu. Grouping things lets you keep them in sync so you always move them at the same time.

[edit] Clearing Drawings

Finally, you can choose to clear all of the drawings on the current layer by using the Clear Drawings tool in the Toolbox. It’s a great way to quickly delete any sketches that have been made during a battle, for example.