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
m
m (Text: fix typo)
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div style="background:#f0e2a1; border: 3px solid #dbc870; padding: 10px;">
+
{{revdate}}{{HCbox| {{hc|articles/360039674893-Drawing-Tools Here}} }}
<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 help center for assistance: [https://roll20.zendesk.com/hc/en-us/articles/360039674893-Drawing-Tools Here].''</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.
  
Line 9: Line 6:
 
The <span style="font-family:Pictos Custom;">i</span> '''Drawing Tools''' are all located here in the drawing tools button of the [[Toolbox]].
 
The <span style="font-family:Pictos Custom;">i</span> '''Drawing Tools''' are all located here in the drawing tools button of the [[Toolbox]].
  
== Tutorial Video ==
+
= Drawing Tools =
 
+
{{ToolboxNav}}
This is a tutorial on drawing in Roll20.
+
Here is a tutorial on drawing in Roll20.
  
 
{{#evp:youtube|MH78AOhNyuA|Drawing on the Tabletop Tutorial|center|700}}
 
{{#evp:youtube|MH78AOhNyuA|Drawing on the Tabletop Tutorial|center|700}}
Line 18: Line 15:
  
 
===Draw Shapes===
 
===Draw Shapes===
The <span style="font-family:Pictos Custom;">a</span> '''Draw 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 Draw Shapes tool will cause your shape to snap to the grid if one is enabled for the current page.
+
The <span style="font-family:Pictos Custom;">a</span> '''Draw 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 {{button|Alt}} key while drawing to draw a circle instead. Holding the {{button|Shift}} key while using the Draw Shapes tool will cause your shape to snap to the grid if one is enabled for the current page.
  
 
After you activate the Draw 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 Draw 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.
Line 29: Line 26:
 
[[File:drawingss2.png]]
 
[[File:drawingss2.png]]
 
===Polygon/Line===
 
===Polygon/Line===
The <span style="font-family:Pictos Three;">c</span> '''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.
+
The <span style="font-family:Pictos Three;">c</span> '''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, {{button|Ctrl}}/{{button|Cmd}} + {{button|Z}} will undo each consecutive segment drawn. Holding down the {{button|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 {{button|Esc}} key after drawing the very first segment.
  
 
Like the Freehand and Shape tools, the Polygon/Line tool uses the same secondary appearance toolbar.
 
Like the Freehand and Shape tools, the Polygon/Line tool uses the same secondary appearance toolbar.
Line 40: Line 37:
 
[[File:drawingss3.png]]
 
[[File:drawingss3.png]]
  
Hitting the Escape key will remove the focus from an active text box.
+
Hitting the {{button|Esc}} 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 {{button|double click}} to enter edit mode, or {{button|right click}} on it and select 'Edit' from the context menu.
 +
 
 +
To change the colour or text size select the text object while not in the edit mode (use the selection tool arrow). Text size is attached to the object, not characters in the object, so the tool is not available with specific characters selected. It's counterintuitive if you are thinking of it as a text editor, but it's really just a very simple label maker.
  
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.
 
 
===Clear Drawings===
 
===Clear Drawings===
 
The <span style="font-family:Pictos;">#</span>  '''Clear Drawings''' tool can be used to clear all of the drawings on the current layer by using in the Toolbox. It’s a great way to quickly delete any sketches that have been made during a battle, for example.
 
The <span style="font-family:Pictos;">#</span>  '''Clear Drawings''' tool can be used to clear all of the drawings on the current layer by using in the Toolbox. It’s a great way to quickly delete any sketches that have been made during a battle, for example.
Line 49: Line 49:
 
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.
 
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.
  
=Disable Drawing from players=
+
==Walls==
The '''DryErase''' APi can disable the [[players]] from drawing on the map. Otherwise they can do so whenever they like.
+
{{plus only|section}}
 +
 
 +
If you draw or move drawings to the [[Layers#Dynamic_Lighting|Dynamic Lighting layer]], they will act as walls to block sight if you turn on [[Dynamic Lighting]]. To block movement, there is a separate "Restrict Movement"-option you need to turn on for the [[Page Settings|page]].
 +
{{#evp:youtube|gysii1q2GLU| [[Drawing Tools]] with [[DL|Dynamic Lighting]]|center|600}}
 +
 
 +
=API=
 +
{{pro only}}
 +
 
 +
Import drawings/ DL walls:
 +
* [[Script:Walls]]
 +
* [[Script:UniversalVTTImporter]]
 +
* [[Script:DungeonAlchemistImporter]]
 +
 
 +
==Disable Drawing from players==
 +
{{pro only|section}}
 +
The '''{{forum|permalink/2948292/ DryErase}}''' API can disable the [[players]] from drawing on the map. Otherwise they can do so whenever they like.
  
 
=See Also=
 
=See Also=
 
* [[Dynamic Lighting]] & [[Advanced Fog of War]] relies on the shapes drawn with the Drawing Tool
 
* [[Dynamic Lighting]] & [[Advanced Fog of War]] relies on the shapes drawn with the Drawing Tool
 
* [[Updated Dynamic Lighting]] - the new Lighting system, also relies on Drawing Tool to function
 
* [[Updated Dynamic Lighting]] - the new Lighting system, also relies on Drawing Tool to function
* [[Toolbox]]
+
* [[Toolbar]]
** <span style="font-family:Pictos Custom;">w</span> [[Select and Pan Tool]]
+
** {{Select}}
** <span style="font-family:Pictos;">b</span> [[Layers]]
+
** {{Layers}}
** <span style="font-family:Pictos Custom;">i</span> [[Drawing Tools]]
+
** {{Drawing}}
** <span style="font-family:Pictos;">e</span> [[Custom FX|FX Tool]]
+
** {{FX Tool}}
** <span style="font-family:Pictos;">s</span> [[Zoom|Zoom Tool]]
+
** {{Zoom}}
** [[File:Ruler.png|middle|15px]] [[Ruler|Ruler Tool]]
+
** {{Ruler}}
** <span style="font-family:Pictos;">E</span> [[Fog of War]] / {{Darkness}}([[UDL]] only)
+
** [[Place Tool]]
** <span style="font-family:Pictos;">t</span> [[Turn Tracker]]
+
** {{fow}} / {{Darkness}}([[UDL]])
** <big><span style="font-family:dicefontd20;">t</span></big> [[Dice Rolling GUI]]
+
** {{Turn Tracker}}
 +
** {{DiceGUI}}
 
** <span style="font-family:Pictos;">?</span> [[Toolbox_Overview|Help Tool]]  
 
** <span style="font-family:Pictos;">?</span> [[Toolbox_Overview|Help Tool]]  
 
+
<br>
 
[[Category:Docs]]
 
[[Category:Docs]]
 +
[[Category:Toolbar]]
 +
[[Category:Maps]]

Latest revision as of 21:44, 18 July 2023

Attention: This page is community-maintained. For the official Roll20 version of this article, see the Help Center for assistance: Here .

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 i Drawing Tools are all located here in the drawing tools button of the Toolbox.

Contents

[edit] Drawing Tools

Here is a tutorial on drawing in Roll20.

Drawing on the Tabletop Tutorial

[edit] Tools

[edit] Draw Shapes

The a Draw 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 Draw Shapes tool will cause your shape to snap to the grid if one is enabled for the current page.

After you activate the Draw 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.

[edit] Freehand

The i 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.

After you activate the Freehand 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

The c 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 Esc 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

The q 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 Esc 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.

To change the colour or text size select the text object while not in the edit mode (use the selection tool arrow). Text size is attached to the object, not characters in the object, so the tool is not available with specific characters selected. It's counterintuitive if you are thinking of it as a text editor, but it's really just a very simple label maker.

[edit] Clear Drawings

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

[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] Walls

If you draw or move drawings to the Dynamic Lighting layer, they will act as walls to block sight if you turn on Dynamic Lighting. To block movement, there is a separate "Restrict Movement"-option you need to turn on for the page.

Drawing Tools with Dynamic Lighting

[edit] API

Import drawings/ DL walls:

[edit] Disable Drawing from players

The DryErase(Forum) API can disable the players from drawing on the map. Otherwise they can do so whenever they like.

[edit] See Also