It is currently 18 Nov 2017, 17:49
   
Text Size

Make round card corners with transparency

Discuss Card Scans and Other Artwork Here

Moderator: CCGHQ Admins

Make round card corners with transparency

Postby Ekkaiaa » 14 Aug 2017, 16:22

Hello.
I coded a script for get complete card sets into Xmage format (more info, if anyone interested: reddit.com/r/XMage/comments/6szmiu/predownload_images_for_commander_2017/dllvir7).

Many times image cards comes with ugly white or black corners, where supposed to be rounded. So using (the famous) Imagemagick I managed to get rid of it, and mantaining transparency (alpha channel, png format) so looks nice and roundy in softwares, websites... :)

So I think this could be useful for more people, here is the commands you need.

First, install Imagemagick in the system you're using.
Now you can execute this commands in your cmd/console (and of course, complete with your scripts).

First you need to make the "round border" overlay for the cards with this command, only need one time for the cards (if all are in the same size).

Code: Select all
convert -size 488x680 xc:none -draw "roundrectangle 0,0,488,680,25,25" mask.png
As you can see, 488x680 is the size in px, and the two "25" are too important, it's the "quantity" of round corner that will apply, so maybe you need to tweak-test a bit, comparing with another rounded cards for test.

Now with this you "glue" the round overlay with the card and export. Notice that you may name it with .png extension, if not, alpha channel will not save.

Code: Select all
convert "card.jpg" -matte mask.png -compose DstIn -composite "card.png"
And now you have the card with round corners. If you wanna resize the result (not important):

Code: Select all
convert "card.png" -resize 265x370 -alpha on "card.png"
Now you only must complete the scritps with foreach for files in a folder, etc.

P.S. For Xmage .png extension will not work, but just renaming (not converting) to ".jpg" all goes ok:

Windows:
Code: Select all
ren *.png *.jpg
Unix:
Code: Select all
rename 's/.png$/.jpg/' *.png
-------

Edit:

I also made a simply .bat to drag-n-drop a image and round it. The difference it's mainly that round-size-layer it's automated with imagemagick "identify". The rest are the same.

Code: Select all
FOR /F "tokens=1 delims=" %%A in ('identify -format %%[fx:h] %1') do SET alto=%%A
FOR /F "tokens=1 delims=" %%A in ('identify -format %%[fx:w] %1') do SET ancho=%%A

convert -size %ancho%x%alto% xc:none -draw "roundrectangle 0,0,%ancho%,%alto%,19,19" mask.png

convert %1 -matte mask.png -compose DstIn -composite "result.png"

del mask.png

ren *.png *.jpg
Save it in a .bat file and drag a card image.
Last edited by Ekkaiaa on 28 Aug 2017, 15:45, edited 1 time in total.
Ekkaiaa
 
Posts: 20
Joined: 23 May 2016, 11:45
Has thanked: 0 time
Been thanked: 2 times

Re: Make round card corners with transparency

Postby kudit » 15 Aug 2017, 00:16

PNGs are lossless and therefore tend to be much larger for image data which is why JPEGs are used which do not support transparency. Perhaps the new HEIF format will be used in the future that supports both.
Please give feedback on our card database at http://www.deckmaster.info
Send comments via PM here or info@deckmaster.info
User avatar
kudit
 
Posts: 176
Joined: 17 Apr 2014, 16:55
Has thanked: 145 times
Been thanked: 14 times

Re: Make round card corners with transparency

Postby Ekkaiaa » 15 Aug 2017, 16:29

Yes, size is like five times more. Optimal is that software uses round corners container when needed (thinks simply in html+css, just border-radius css do the trick) but seems that many ones does not do that, so... that's why I used Imagemagick (for Xmage in this case).
Ekkaiaa
 
Posts: 20
Joined: 23 May 2016, 11:45
Has thanked: 0 time
Been thanked: 2 times

Re: Make round card corners with transparency

Postby kudit » 16 Aug 2017, 14:39

Yes, most should be able to handle it in CSS or however they're displaying. How are you using it where you can't round the edges?
Please give feedback on our card database at http://www.deckmaster.info
Send comments via PM here or info@deckmaster.info
User avatar
kudit
 
Posts: 176
Joined: 17 Apr 2014, 16:55
Has thanked: 145 times
Been thanked: 14 times


Return to Pictures

Who is online

Users browsing this forum: No registered users and 6 guests


Who is online

In total there are 6 users online :: 0 registered, 0 hidden and 6 guests (based on users active over the past 10 minutes)
Most users ever online was 279 on 11 Jul 2013, 22:03

Users browsing this forum: No registered users and 6 guests

Login Form