Difference between revisions of "Drawing Tools"
From Roll20 Wiki
Andreas J. (Talk | contribs) m |
m (→Text: fix typo) |
||
| (19 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | {{revdate}}{{HCbox| {{hc|articles/360039674893-Drawing-Tools 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. | 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|thumb|right]] | [[File:Drawing_Tool.jpg|thumb|right]] | ||
| − | The | + | The <span style="font-family:Pictos Custom;">i</span> '''Drawing Tools''' are all located here in the drawing tools button of the [[Toolbox]]. |
| − | = | + | = Drawing Tools = |
| − | + | {{ToolboxNav}} | |
| − | + | 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 | + | 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. | ||
| − | |||
| − | |||
===Freehand=== | ===Freehand=== | ||
| − | The <span style="font-family:Pictos Custom;"> | + | The <span style="font-family:Pictos Custom;">i</span> '''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. | 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. | ||
| + | |||
| + | [[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 | + | 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 36: | Line 33: | ||
===Text=== | ===Text=== | ||
| − | The <span style="font-family:Pictos Custom;"> | + | The <span style="font-family:Pictos Custom;">q</span> '''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. |
[[File:drawingss3.png]] | [[File:drawingss3.png]] | ||
| − | Hitting the | + | 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. | ||
| − | |||
===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. | ||
| + | ==Walls== | ||
| + | {{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 | ||
| − | * [[ | + | * [[Toolbar]] |
| − | ** | + | ** {{Select}} |
| − | ** | + | ** {{Layers}} |
| − | ** | + | ** {{Drawing}} |
| − | ** | + | ** {{FX Tool}} |
| − | ** | + | ** {{Zoom}} |
| − | ** | + | ** {{Ruler}} |
| − | ** | + | ** [[Place Tool]] |
| − | ** | + | ** {{fow}} / {{Darkness}}([[UDL]]) |
| − | ** | + | ** {{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: | + | [[Category:Toolbar]] |
| + | [[Category:Maps]] | ||
Latest revision as of 21:44, 18 July 2023
 | Page Updated: 2023-07-18 |
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.
The i Drawing Tools are all located here in the drawing tools button of the Toolbox.
Contents |
[edit] Drawing Tools
- w/
Select/Move Tool
- b Layers
- i Drawing Tools
- e Fx Tool
- s Zoom Tool
-
Ruler
- Place Tool(NEW)
- C Fog of War
-
Darkness Tool(DL)
- t Turn Tracker
- t Dice Rolling GUI
- ? Help Tool
Here is a tutorial on drawing in Roll20.
[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.
[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.
[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.
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
 | This section is about a Roll20 feature exclusive to Plus & Pro-subscribers, or to players in a Game created by a Plus/Pro-subscriber. If you'd like to use this feature, consider upgrading your account. |
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.
[edit] API
 | This is about a Roll20 feature exclusive to Pro-subscribers (and often to players in a Game created by a Pro-subscriber). If you'd like to use this feature, consider upgrading your account. |
Import drawings/ DL walls:
[edit] Disable Drawing from players
| This section is about a Roll20 feature exclusive to Pro-subscribers (and often to players in a Game created by a Pro-subscriber). If you'd like to use this feature, consider upgrading your account. |
The DryErase(Forum) API can disable the players from drawing on the map. Otherwise they can do so whenever they like.
[edit] See Also
- 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
- Toolbar
- w/ Select/Move Tool
- b Layers
- i Drawing Tools
- e Fx Tool
- s Zoom Tool
- Ruler
- Place Tool
- C Fog of War / Darkness Tool(UDL)
- t Turn Tracker
- t Dice Rolling GUI
- ? Help Tool
- w/
