Update context-bar.md

- Update context-bar.md
- Add dynamics.md
- Add brushes.md
- Update related files

Author: CrashTestJava

brushes.md

@@ -0,0 +1,67 @@
+# Brushes
+To view available brushes, select any painting tool and click on the brush type option in the [context bar](context-bar.md). 
+
+![Context bar example](brushes/contextbar.png)
+
+## Brush types
+
+![Brush type menu](brushes/brushtype.png)
+
+The top three buttons are the three brush types. By default, it is set to the round type. The square and line types have a context bar option that changes the angle, in degrees.
+
+![Brush angle option](brushes/brushangle.png)
+
+## Custom type brushes
+
+The bottom button saves the current brush you are using as a custom brush. After you have saved a brush, the menu will display it in the brush menu.
+
+![Custom brush shown in brush type menu](brushes/custombrush.png)
+
+If your brush is saving blank, you likely saved the brush with incomplete parameters.
+
+## Custom pattern brushes
+
+![Custom brush being created and used](brushes/patternbrush.gif)
+
+
+You can create a custom brush from a pattern by going to *Edit > New Brush* or by pressing <kbd>Ctrl+B</kbd>. You can then choose to copy or cut a portion of the sprite. Upon first selecting the brush, the pattern will be a direct copy of the copied portion. If you select a color, the entire brush shape will become that color. 
+
+
+
+When using a pattern brush, a dropdown on the context bar can control how the pattern is drawn.
+
+| | | |
+|-|-|-
+| *Pattern aligned to source* | Aligns the pattern to the location it was copied/cut from. | ![aligned to source example](brushes/alignment1.gif)
+| *Pattern aligned to destination* | Aligns the pattern to where it was placed. | ![aligned to destination example](brushes/alignment2.gif)
+| *Paint brush* | Acts like a regular brush. | ![no alignment (paint) example](brushes/alignment3.gif)
+
+
+## Brush Parameters
+
+![Parameters menu](brushes/parameters.png)
+
+You can set the parameters a new brush is saved with by clicking on the dropdown next to the "Save Brush Here" button. To  edit/overwrite a brush's individual parameters, click the dropdown next to it, unlock it, and then click "Save Brush Here" (in the dropdown) to save it and overwrite the old parameters. 
+
+If a parameter is enabled, the corresponding option is saved. 
+
+| Parameter | Description
+| -------- | -------------
+| ***Brush:** Type* | Saves the brush type.
+| ***Brush:** Size* | Saves the brush size.
+| ***Brush:** Angle* | Saves the brush angle.
+| ***Color:** Foreground* | Saves the foreground color with the brush. The foreground color will be switched to this when the brush is selected.
+| ***Color:** Background* | Saves the background color. The background color will be switched to this when the brush is selected.
+| ***Color:** Image Color* | Allows any color to be used. Can be overwritten by *Color: Foreground*.
+| ***Ink:** Type* | Saves the [ink](ink.md) type.
+| ***Ink:** Opacity* | Saves the ink opacity.
+| ***Extras:** Shade* | Saves the [shade](shading.md) gradient.
+| ***Extras:** Pixel-Perfect* | If enabled, it will save the state of pixel-perfect mode, not enable pixel-perfect mode outright.
+
+----
+
+**SEE ALSO**
+
+[Context Bar](context-bar.md) |
+[Dynamics](dynamics.md) |
+[Ink](ink.md)