Firefight! Battle Deck Example

I do game design as well as software development.  One of the key components to our games is a deck of custom cards used to determine your status when “taken out”.  We’re currently creating a new deck and revamping the old line.  Below is a sample of the revamp.

Hewing back to the digital side of things, the card was designed using Inkscape, Pixelmator and Pages.  The logo was originally done in Inkscape where it was saved as an SVG.  From Inkscape it was exported as a 400 DPI PDF and dropped into Pages for composition.  Pixelmator was used for background image color tweaking.  Pages was used for composition.  Pages layout mode is fantastic for mocking up something like this.  The only issue is that the image loses some quality according to how it’s rendered by the PDF engine.  The card itself looks much better printed from the PDF than it does exported to another image type.  You cannot save as an image from Pages.  To get the PNG for this post I exported the entire document as a PDF and then with Preview.app I saved it as a Portable Network Graphic.  The final step was opening it up in Pixelmator for trimming.  In print it sounds a bit cumbersome but in practice it’s pretty danged easy.

Firefight! Battle Deck Example
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s