When you're trying to make cards for your gamebox, the coordinates you have to reference are pixels, starting at zero in the top-left corner. So 'face-left' and 'face-right' refer to horizontal pixels, and 'face-top' and 'face-bottom' refer to vertical pixels.
The cards are laid out in a grid, so it's very important that you have them equally spaced horizontally and vertically to the pixel. This best way I have found to make cards (although I am somewhat new at this myself) is to use an automated process such as photoshop's "Contact Sheet" function. Anyway, however you do it, you will want an image with all cards in one grid.
To set up the cards the way you like, you then simply have to enter the coordinates. For instance, say you have a grid of cards that are 10 wide (300 pixels each) and 7 tall (500 pixels each). The grid would thus be be 3000 pixels wide by 3500 pixels tall. The card-section reference would be:
Code: Select all
<card-section rows="7" columns="10"
face-left="0" face-top="0" face-right="3000" face-bottom="3500"
If you want to use backsides, you will need the backside included as a card in the image. Ok, so say in our grid of 10 wide (300 pixels each) x 7 tall (500 pixels each), we made the bottom-right image the "backside" image. Since you know the size of each card, it's pretty easy to get the coordinates. In this case, they would be
Code: Select all
<card-section rows="7" columns="10"
face-left="0" face-top="0" face-right="3000" face-bottom="3500"
back-left="2700" back-top="3000" back-right="3000" back-bottom="3500" />
That will do the trick, but the last card will have the backside image on both the front and back. You can avoid this by making two "card sections" so as to avoid referencing the backside (bottom-right) image as a face. You have to use two sections because each one is rectangular.
In this case, i made a 6X10 grid for the top 6 rows....
Code: Select all
<card-section rows="6" columns="10"
face-left="0" face-top="0" face-right="3000" face-bottom="3000"
back-left="2700" back-top="3000" back-right="3000" back-bottom="3500" />
....and then made a 1x9 grid for the bottom row, less the backside image....
Code: Select all
<card-section rows="1" columns="9"
face-left="0" face-top="3000" face-right="2700" face-bottom="3500"
back-left="2700" back-top="3000" back-right="3000" back-bottom="3500" />
.... and put those in the same "Counter Sheet" tag
Code: Select all
<counter-sheet name="Command2"
front-image-file="Command.png" front-resolution="300 dpi"
front-mask-file="Command_Mask.png">
<card-section rows="6" columns="10"
face-left="0" face-top="0" face-right="3000" face-bottom="3000"
back-left="2700" back-top="3000" back-right="3000" back-bottom="3500" />
<card-section rows="1" columns="9"
face-left="0" face-top="3000" face-right="2700" face-bottom="3500"
back-left="2700" back-top="3000" back-right="3000" back-bottom="3500" />
</counter-sheet>
Of course, if you wanted to use TWO backside images, you could do that and use different backsides for different sections. Although, personally, if I were making two decks, i'd just use the above method twice and use a separate image for each deck.
That may be overly tedious but that's what i've been doing.
~Tom
