Fantasy Grounds Merchandise
  1. #1
    LordEntrails's Avatar
    Join Date
    May 2015
    Location
    -7 UTC
    Posts
    17,701
    Blog Entries
    9

    Creating Image Sets

    Fantasy Grounds version 4.5 introduced three image types for all Characters and NPCs. These images are:

    • a “Portrait” for Characters and called a “‘Full Body” for an NPCs (commonly called ‘portrait’)
    • a “Token-Flat” (aka token),
    • a “Token-Camera” (aka ‘full frontal standup’, aka ‘standup’)

    This outlines how you can use a collection of applications to create sets of these images so that the portrait, token and standup are all of the same 3D model.
    Applications Needed


    Create Your Model

    Create an account on www.heroforge.com
    Under Profile > Options disable 3D Environment

    Create your miniature (steps not detailed here)
    Make sure to remove any base (Stage > Base)
    Rename them to something intelligent, Save

    Take 3 screen shots, insure mini is as large as possible without overlapping other parts of the user interfaceZoom and position for a portrait, take a roughly square screen shot

    Zoom and position for top down, take screen shot

    Zoom and position for a full frontal standup view, pay specific attention to the feet, take screen shot

    Rename your screenshots intelligently.
    For example:

    • Portrait “Kobold Dagger”
    • Top Down “Kobold Dagger token”
    • Full frontal “Kobold Dagger standup”


    Edit Your Screen Shots


    Note, I use Gimp and TokenTool so those are the command names I will use, but other image editing programs can be used as well.
    Be aware of the image guidelines; Developer Guide - Product Guidelines - Fantasy Grounds Customer Portal - Confluence (atlassian.net)
    Edit the Portrait Image

    Load image in Gimp
    Edit Image > Canvas Size to be square. Move canvas to crop desired portion of image.

    Image > Rescale Image to 256 x 256 pixels. Note, the FG guidelines indicate 100x100, but I keep the images larger because file sizes are still acceptable and to allow for future resolution updates.

    Export As .webp file

    Note, I accept the default 90 quality. For these small images the savings by setting to 75% hasn’t seemed necessary.
    Edit the Full Frontal Standup Image

    Load image in Gimp
    Remove background by using ‘Fuzzy Select’ tool (u) to select and then delete background parts.

    Crop to Content both to remove unneeded file size, but to insure background elements were removed.

    Verify image is less than 1000 pixels in width and height Image > Image Porperties. Rescale if needed.
    Export As .webp file
    Edit the Top Down Token Image

    Load image in Gimp

    Remove background by using ‘Fuzzy Select’ tool (u) to select and then delete background parts.
    Crop to Content both to remove unneeded file size, but to insure background elements were removed.
    Export As .webp file
    Load image in Token Tool

    Select desired Overlay
    For small and medium tokens, set size to 256 x 256
    Recommended Settings: Send to Back – Enabled, Clip Portrait – Disabled

    Scale, Rotate & position as desired. Use the top right preview window to see what the export will look like.

    File > Save As and make sure location, name and extension are correct (i.e. “Kobold Dagger token.webp”
    Adding XML Data to Standup Image

    Open the FG Image Metadata Builder application
    Load your standup image
    Create XML file per: Developer Video FG Image Metadata Tool (youtube.com)
    Packaging Your Images

    Because FG handles portraits, tokens, and standups differently, you will end up creating both a Portrait Pack (.ppk) and Asset/Toekn Module (.mod) files. This results that in FG:

    • Portraits can be accessed by the portrait selection tools (Portrait filter in the Assets tool, and through double clicking the portrait image).
    • Tokens can be accessed by the Tokens filter in Assets.
    • Standup can be accessed by the Images filter in Assets (and if you name as suggested here, via ‘standup’ search).

    Create a Thumbnail Image

    Using the images, create a 300x300 PNG image to use as a thumbnail. Such as:
    Create the Token and Standup Module

    The FG wiki article is out of date (as of 1 May 2024) in one respect, it does not have information on what to do with the standup/token-camera images. Follow the Module - Token Pack Creation - Fantasy Grounds Customer Portal - Confluence (atlassian.net) wiki article except as noted below;

    • Create an additional folder called “images”. Place all the standup images and XML files in there and then include that folder when zipping the folders to make the .mod file.
    • Remove the ‘token’ from the token file name once the file is in the tokens folder. (I leave 'standup' so they can be searched for in mass in FG.)

    Note: Make sure the folders only contain the image files and not any “desktop.ini” or other operating system files.
    Create the Portrait Pack

    Follow the directions here: Module - Portrait Pack Creation - Fantasy Grounds Customer Portal - Confluence (atlassian.net)
    Note: Make sure the folders only contain the image files and not any “desktop.ini” or other operating system files.

    See attachments for instructions with screenshots for most steps.
    Attached Files Attached Files
    Last edited by LordEntrails; May 9th, 2024 at 17:57.

    Problems? See; How to Report Issues, Bugs & Problems
    On Licensing & Distributing Community Content
    Community Contributions: Gemstones, 5E Quick Ref Decal, Adventure Module Creation, Dungeon Trinkets, Balance Disturbed, Dungeon Room Descriptions
    Note, I am not a SmiteWorks employee or representative, I'm just a user like you.

  2. #2

    Ty!

    Thanks for this, very useful.
    Last edited by Moon Wizard; May 9th, 2024 at 18:41.
    FGA Founder
    FGU teacher and student!
    Ultimate License Holder
    Discord Alias: Laerun#6969

    http://www.fantasygroundsacademy.com

  3. #3
    wndrngdru's Avatar
    Join Date
    Jun 2015
    Location
    US, Central (UTC -6 or -5)
    Posts
    481
    If you're okay with its terms of use (I didn't notice anything inherently nefarious), there is a useful website that uses AI to remove backgrounds. and it works surprisingly well.

    https://www.remove.bg/

    On occasion, I'll need to pull the output into GIMP afterward to clean something it missed, but that usually only happens where the character and background are nearly indistinguishable.
    --
    I'm so bassic

  4. #4
    For those who haven't noticed, Paint for Windows 11 also has a one-click background removal feature.

    Here's my process:

    Paste the image into Paint.
    Remove the background with one click.
    Copy (Ctrl+C)
    Open GIMP.
    File → New → From Clipboard.
    Export → Select webp.
    You can also export directly from Paint, but it only supports exporting in png format.

    https://ibb.co/Z8HT3FS
    - - -
    FG Classic / FG Unity Ultimate
    Playing D&D 5th

  5. #5
    LordEntrails's Avatar
    Join Date
    May 2015
    Location
    -7 UTC
    Posts
    17,701
    Blog Entries
    9
    Thanks for the tips on the background removal. Will have to try those next time!

    Problems? See; How to Report Issues, Bugs & Problems
    On Licensing & Distributing Community Content
    Community Contributions: Gemstones, 5E Quick Ref Decal, Adventure Module Creation, Dungeon Trinkets, Balance Disturbed, Dungeon Room Descriptions
    Note, I am not a SmiteWorks employee or representative, I'm just a user like you.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
5E Character Create Playlist

Log in

Log in