Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
Advertisement Create a free account

[Pathfinder] Easy tutorial for custom icons for attacks, checks etc.


Edited 1472006163
My husband and I have been messing around pretty much all day, and we've finally figured out how to add custom icons to attacks and other rolls. Pardon me if it seems noobish, but it may help new people who'd like to customize their attacks. I looked for hours trying to find a step-by step guide on how to do this, but I could only find topics detailing specific issues; no clear, this-is-exactly-what-you-do-and-it'll-work guide. After triumphing about 3 hours ago (and changing all my icons) I decided to make a quick tutorial with pictures showing how I proceeded. As an example I'll use the bite attack on my character Remi. I'll assume you have the icon you want to use (you have to make it small and preferably transparent, say a 35X35 transparent png. Our roll template is black so my icon is white.). You can tweak your icon, resize, change color etc. using GIMP, or any other image editing software (I'd avoid MSPaint!). Upload your icon to an imgur account or any image hosting site at your disposition. In my case, my icon has been uploaded to imgur. &nbsp; Now for some step by step stuff: 1. Make sure header images are ticked on in your macro options: 2. Alright, let's take Remi's bite attack: We have our image, located at <a href="" rel="nofollow"></a> (don't forget that '.png' at the end of the url! I forgot to put it in when I started and it took me an hour to figure out why my image wasn't showing!) Now to change your attack icon you will use this macro string: {{header_image=[name](url)}} The name part can be anything, let's make it 'Bite', and in place of url, let's paste our image location so our macro string becomes: {{header_image=[Bite]( <a href="" rel="nofollow"></a>)} } 3. Now to place this string! We go to the attacks tab of the character sheet and locate Remi's Bite, expand it, than expand the 'Macro Text' link: Scroll to the end of the text, then paste the macro string with the image url at the end, like so, making sure there is a space between the string you pasted and the previous string: 4. Test your attack! If you want to do it on skills, it's the exact same thing, simply find the macro text box for the skill, prepare your header image string like we did for the bite attack and paste it at the end of the box like so: And since you put the request for the new image in the macro field linked to the roll button of the sheet, the macros you make using the attacks will still pull that request for the header image and you should still get the image if you use a macro button. Happy icon-making!
chris b.
Sheet Author
API Scripter
thanks so much. if you'd like you can add this to the wiki: I added a procedures section to the bottom and a header:. <a href="" rel="nofollow"></a>... It is woefully out of date. we are documenting procedures at work too! :) It's all in hard-to - piece together references or stuck in people's heads.

Edited 1472042634
Thanks, I made a wikimedia account, added the tutorial in the area you provided. However I think I need special permissions for the images I uploaded to Wikimedia to show up. I left the link to this post, but I will email the devs to get permission because the images can,t be seen yet. Edit: The wiki page is ready, thanks to Vince!

Edited 1472003519
Sheet Author
Awesome Panda! &nbsp;I have image permission on the wiki. &nbsp;If you send me a PM of the link to the image(s), I'll upload a copy.
Awesome stuff! Makes my potions seem a lot more lively now. :)
The PF Sheet also lets you natively set custom images globally by template.