Mobile app version of vmapp.org
Login or Join
Michele215

: How can I make consistent designs for similar items? Salutations! I have remarkably little experience in graphic design, and I'm running into a tools problem; I am not sure what I can use to

@Michele215

Posted in: #BatchProcessing #PageLayout #SoftwareRecommendation

Salutations! I have remarkably little experience in graphic design, and I'm running into a tools problem; I am not sure what I can use to get the effect I want. To wit, I am working on mocking up some cards for use in an RPG. Right now, they look like this:



I would like to place some text in the white areas on this card. However, since there are quite a few different cards I am mocking up, I would like to do so in a consistent manner, preferably one that does not involve me having to count pixels to make sure each line of text is appropriately lined up. (If it was only the one card, I'd just wing it)

I've experience using Windows 7 Paint and Paint.net, but as near as I can determine, neither of these programs has the tools to handle such a case consistently. Can anyone offer some advice or point me in the right direction?

P.S. I am aware that there is a "nuclear option", as it were, which would be to write a program and PDF-creation library to dynamically and generically create each card with the input text / colors (I've done something similar at my job), but I think that's overkill at this point, and I'd rather devote time to other things if I can help it.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Michele215

1 Comments

Sorted by latest first Latest Oldest Best

 

@Debbie163

So I've satisfactorily handled this now, and what I found worked best was to use CSS.

If you already have all the visual elements, it's a simple thing to render your image as a composite of HTML <IMG> and <P> elements. Use CSS to make sure all positions are relative within themselves, and you're good to go!

A little bit of Javascript and CSS can go a long way!



(PS: Next step -- figure out how to add black outlines so I don't have white text on a yellow background...)

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme