# Warcraft Template: Notes & Things
Welcome dungeon master to WoW adventure templates! This guide tracks general formatting and lists of guides and WoW templates. You can create your own campaigns using these templates.
## About Homebrewery
### Homebrew Warcraft made easy
This template uses the [D&D 5ed Homebrewery](https://homebrewery.naturalcrit.com/), which makes the creation and sharing of authentic looking homebrews easy. It uses [Markdown](https://help.github.com/articles/markdown-basics/) with a little CSS magic to make your brews come to life.
http://gamerchic.org/warcraft/ink-left-top.png
Formatting guide help:
* [Homebrew Formatting guide](https://homebrewery.naturalcrit.com/share/HJWLQsTwUZ)
* [GM Binder Styling](https://www.gmbinder.com/share/-L0WUSjJyFHG7PDyIFta)
* [Image Manipulation](https://homebrewery.naturalcrit.com/share/HyWImuH06x?dialog=true)
### Need Help?
Have questions or need a bit of help? Contact Sonceri on Discord Loriolio#5076 or [Twitter](https://twitter.com/lorioliodraws).
### Editing and Sharing
When you create your own homebrew you will be given a *edit url* and a *share url*. Any changes you make will be automatically saved. Anyone with the edit url will be able to make edits to your homebrew. Anyone with the *share url* can view, read, and print!
> ##### List of Templates
> This brew is just a quick guide of tips, tricks, and image files. See the following templates:
>
>* **[Campaign](https://homebrewery.naturalcrit.com/share/B1wuwsWkU)** includes map, NPC list, etc
>* **[Character Sheet](https://homebrewery.naturalcrit.com/share/SkQ3LSnS1U)** for your character info, art, and more
>___
>**Make a copy:** Click SOURCE top right, copy the code, and create a new Homebrewery file. Paste, edit, and share!
## Images
**Recommended:** See [Image Manipulation](https://homebrewery.naturalcrit.com/share/HyWImuH06x?dialog=true) for a great guide on images, including layout, transformations, and layering watercolor affects.
___
Like the images used in this template? A set of Photoshop and Gimp files are available to add images within ink splatters or over watercolors. See the images used in this template for ideas for including them.
All images are added using HTML code, supporting [style options](https://www.w3schools.com/css/css3_images.asp):
* *style:'position:absolute'* adds the image as a background and runs text over it.
* *style:'float:left'* sets the image within a div, panel, or area. Float it to the left or right. Examples in War Machine section.
### Photoshop
To use the Photoshop image templates:
1. Download a template:
* [Ink Strip](http://gamerchic.org/warcraft/psd/ink-strip-vertical.psd) (like the image on this page) - 2 options
* [Ink Large](http://gamerchic.org/warcraft/psd/ink-splatter.psd) - 2 options
* [Avatar](http://gamerchic.org/warcraft/psd/avatar.psd) (examples next page) - 2 options
* [Watercolor large](http://gamerchic.org/warcraft/psd/half-page.psd) (like background next page) - many options
* [Full Horizontal](http://gamerchic.org/warcraft/psd/full-horizontal.psd) - wide image
2. Add an image above a BASE layer.
3. Right-click on the new image layer and
select Create Clipping Mask. It will
only display the content over the
BASE.
4. Resize and move the image as
needed over the BASE.
5. Export a png file and store it
somewhere online (DropBox, Google,
web server, etc).
6. Add the URL in img HTML code.
See SOURCE for code examples.
For styling the watercolor options, you
can add a layer effect, Color Overlay
set to color. Play and see what you can
come up with! The option on the next
page uses a color layer added to blue
watercolor.
### GIMP
1. Download a template:
* [Ink Strip](http://gamerchic.org/warcraft/gimp/ink-strip-vertical.xcf)
* [Ink Large](http://gamerchic.org/warcraft/gimp/ink-splatter.xcf)
* [Avatar](http://gamerchic.org/warcraft/gimp/avatar.xcf)
* [Watercolor large](http://gamerchic.org/warcraft/gimp/half-page.xcf)
* [Full Horizontal](http://gamerchic.org/warcraft/gimp/full-horizontal.xcf)
2. Add an image in each group, hiding all
other layers. The mask automatically
carves out the image.
3. Resize and move the image as
needed.
5. Export a png file and store it
somewhere online (DropBox,
Google, web server, etc).
6. Add the URL in img HTML code.
See SOURCE for code examples.