Tutorials: Creating TokenTool Overlays in PSP and GIMP

Thoughts, Help, Feature Requests

Moderators: Azhrei, dorpond, trevor

Post Reply
User avatar
DrVesuvius
Giant
Posts: 199
Joined: Wed Jun 18, 2008 2:07 pm

Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by DrVesuvius »

I started looking at how to create token overlays in my two preferred graphics apps, Paint Shop Pro and the GIMP. To be honest the existing tutorials didn't really hit the mark for me (the PSP trick using the magnifying glass is very clever, but limited in what it can produce), so I've played around a bit and come up with a solid process for each app and thrown a couple of tutorials together. Hope someone finds them useful.

Creating TokenTool Overlays in Paint Shop Pro
http://db.tt/wg50YFp

Creating TokenTool Overlays in The GIMP
http://db.tt/gj7hmmj

(I've maybe got one more tute in the pipeline, using DAZ Studio to create a true 3D ring effect.)

neofax
Great Wyrm
Posts: 1694
Joined: Tue May 26, 2009 8:51 pm
Location: Philadelphia, PA
Contact:

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by neofax »

The GIMP tutorial is really great! Thanks for taking the time to write it up.

User avatar
Azhrei
Site Admin
Posts: 12050
Joined: Mon Jun 12, 2006 1:20 pm
Location: Tampa, FL

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by Azhrei »

Hey, that's really cool DrV! I'm making this a Sticky to help the new folks that come along and want to create their own...

Thanks for writing this up!

(And thanks for using free software to develop this document. 8))

Phergus
Deity
Posts: 7114
Joined: Fri May 12, 2006 8:56 pm
Location: Middle of Nowhere, NM
Contact:

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by Phergus »

For future-proofing, it would be nice if the PDFs were attachments to the post instead of links offsite.

zztong
Kobold
Posts: 1
Joined: Sun Dec 30, 2018 5:05 pm

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by zztong »

Is there an updated tutorial? The ones mentioned above do not seem to be active.

User avatar
aliasmask
Deity
Posts: 8582
Joined: Tue Nov 10, 2009 6:11 pm
Location: Bay Area

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by aliasmask »

Although the above may be a bot, is there an easy to find tutorial on tokentool 2.1. I would have sworn I saw one.

LPL
Kobold
Posts: 2
Joined: Tue May 07, 2019 1:24 pm

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by LPL »

I have a question on that topic:
When I took a Token Overlay from the Roll20 Marketplace i hadnt got this pink-purple background so I drew it myself in Photoshop.
But when I imported the Overlay in Tokentool 2.0 it still had a little colour left on the edges (as you can see in the attached picture.
Can someone tell me what to do to make it a good-looking token :D
I´d really appreciate any help I could get.
Attachments
Screenshot (13).png
Screenshot (13).png (91.31 KiB) Viewed 7930 times

User avatar
aliasmask
Deity
Posts: 8582
Joined: Tue Nov 10, 2009 6:11 pm
Location: Bay Area

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by aliasmask »

I would draw the overlay separately from the token ring. Your color bleed together at the edges when you added it to the token ring.

LPL
Kobold
Posts: 2
Joined: Tue May 07, 2019 1:24 pm

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by LPL »

and how do i draw these seperatly?

User avatar
aliasmask
Deity
Posts: 8582
Joined: Tue Nov 10, 2009 6:11 pm
Location: Bay Area

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by aliasmask »


Phergus
Deity
Posts: 7114
Joined: Fri May 12, 2006 8:56 pm
Location: Middle of Nowhere, NM
Contact:

Re: Tutorials: Creating TokenTool Overlays in PSP and GIMP

Post by Phergus »

TT 2.0+ supports the use of Photoshop .psd files which are the best format for quality overlays. The overlay image goes on the top layer and the masking layer goes underneath.

In GIMP (Photoshop will be similar):

1. Load your overlay image.
Screenshot 2019-05-09 06.33.50.png
Screenshot 2019-05-09 06.33.50.png (278.68 KiB) Viewed 7889 times

2. Create a solid color masking layer below that. I used magenta (255,0,255) and called the layer Mask.
Screenshot 2019-05-09 06.35.31.png
Screenshot 2019-05-09 06.35.31.png (278.38 KiB) Viewed 7889 times

3. Use the Ellipse tool, on the Mask layer, to select the area of the mask corresponding to the center of the overlay image. It doesn't have to be exact. Just needs to extend into the fully opaque part of the overlay.
Screenshot 2019-05-09 06.36.43.png
Screenshot 2019-05-09 06.36.43.png (281.72 KiB) Viewed 7889 times

4. Cut out out the selected area.
Screenshot 2019-05-09 06.41.31.png
Screenshot 2019-05-09 06.41.31.png (288.53 KiB) Viewed 7889 times

5. In GIMP, Export As... and save as a .psd file. This can be imported directly into TokenTool.
Screenshot 2019-05-09 06.50.49.png
Screenshot 2019-05-09 06.50.49.png (599.83 KiB) Viewed 7889 times

Post Reply

Return to “TokenTool”