@Faiths_Guide For Common all you need to do is turn the inside black while you turn the borders white For Uncommon you have #cfdae0 for the lighter shade, #637981 for the darker shade For Rare you have #ecdc8c for the lighter shade, #5c4b23 for the darker shade For Mythic Rare you have #da2311 for the red shade, #f5661b for the orange shade
@EnvyReaper Dominaria's common symbol is white on the inside with black borders. I thought that is good on these symbols too because these are angel's wings
This is how @ningyounk goes about turning outlines into set symbols in photoshop:
"FOR COMMON:
1) I add it to a square transparent layer (I randomly chose 600x600 since it's going to show up much smaller than that anyways) and remove the white background using the Magic Wand tool.
2) I superimpose a recent existing set symbol to the exact same size and measure the size of the white border at common. (In this case, 15 pixels.)
3) I select the black shape and make a selection out of it. I increase the size of the selection by the size of the border I want (here 15px) and fill it white on a separate layer behind my black shape.
FOR UNCOMMON TO MYTHIC:
4) I reverse the white border to black.
5) I use the pipette tool to select the lighter and darker colours for each rarity out of existing set symbols. The hexadecimal values I found out of the Shadows Over Innistrad Set symbol were (lighter // darker): Uncommon: bae2ef // 4b6c79 Rare: e9d292 // 887441 Mythic: f59326 // b43326
6) I add a gradient layer over the black shape and use the clipping mask option. Note that I use a gradient layer and not the gradient tool itself so I can change the colours for each rarity withtout changing the position of the gradient itself. In this case, I settled on a 45° bidirectional gradient with each colour at each extremity of the gradient (respectively position 0% and 100%) and the delineation between the colours 25% away from the lighter colour to get a sharp ray of lighter colour.
7) While I was pipetting the colours, I actually noticed they have an inner border that's transparent and more visible near the lighter colour. You don't have to do that, but I added a 2px white border on my shape, put it on blending mode "Soft Light" then went in the mask of the border and copy-pasted a black and white version of the gradient I used for the rarity color so it's almost transparent on dark areas and very visible on lighter areas."
@Faiths_Guide I already told you about Vectr, you don't need to do all of this in vectr, you can just pick radial or linear, change the shader area positions however you want. add the colors, add other shapes, in-fact you can even separate the inside and border and add other shapes covering the inside and covered by the border
@Faiths_Guide Look I did this in about a 100th of the time it probably took Ningyounk to do that, plus this set was accepted for the set icon bounty, which I need the premium from as I don't have money
@EnvyReaper You could use a simpler approach, but the result we look simpler and less realistic. By following the above steps, you ensure the correct outline thickness among other key differences.
@EnvyReaper I totally agree that it scaled well and looks pleasing, you did a very nice job.
The line thickness on official MTG set symbols is uniform throughout all modern symbols and @ningyounk goes the extra mile to ensure that he achieves that
MTG Cardsmith Community Forums
Comments
https://imgur.com/a/KET6We2
Or https://i.imgur.com/8w7Dmpx.jpg
@ningyounk makes the best colors, but I think he's busy just now.
For Common all you need to do is turn the inside black while you turn the borders white
For Uncommon you have #cfdae0 for the lighter shade, #637981 for the darker shade
For Rare you have #ecdc8c for the lighter shade, #5c4b23 for the darker shade
For Mythic Rare you have #da2311 for the red shade, #f5661b for the orange shade
There's a few more steps you have to take if you want it to look pretty and authentic. @ningyounk is a master at this.
Common:
https://i.imgur.com/waE4p4n.png
Uncommon:
https://i.imgur.com/hzeo3gN.png
Rare:
https://i.imgur.com/D08fVkj.png
Mythic:
https://i.imgur.com/DtInTBU.png
@Faiths_Guide
I made the sword slightly wider
Common:
https://i.imgur.com/w2DKSMS.png
Uncommon:
https://i.imgur.com/Gs9zvqz.png
Rare:
https://i.imgur.com/XWI8UIT.png
Mythic:
https://i.imgur.com/WOAiK9W.png
@Faiths_Guide
I don't know how you want that to be colored because the bottom of the sword is open.. If we close that part;
Common:
https://i.imgur.com/Pw85dbM.png
Uncommon:
https://i.imgur.com/c0zHlST.png
Rare:
https://i.imgur.com/hr7fhSi.png
Mythic:
https://i.imgur.com/3ZBBKxq.png
@EnvyReaper
This is what we are discussing..
Dominaria's common symbol is white on the inside with black borders. I thought that is good on these symbols too because these are angel's wings
This is how @ningyounk goes about turning outlines into set symbols in photoshop:
"FOR COMMON:
1) I add it to a square transparent layer (I randomly chose 600x600 since it's going to show up much smaller than that anyways) and remove the white background using the Magic Wand tool.
2) I superimpose a recent existing set symbol to the exact same size and measure the size of the white border at common. (In this case, 15 pixels.)
3) I select the black shape and make a selection out of it. I increase the size of the selection by the size of the border I want (here 15px) and fill it white on a separate layer behind my black shape.
FOR UNCOMMON TO MYTHIC:
4) I reverse the white border to black.
5) I use the pipette tool to select the lighter and darker colours for each rarity out of existing set symbols. The hexadecimal values I found out of the Shadows Over Innistrad Set symbol were (lighter // darker):
Uncommon: bae2ef // 4b6c79
Rare: e9d292 // 887441
Mythic: f59326 // b43326
6) I add a gradient layer over the black shape and use the clipping mask option. Note that I use a gradient layer and not the gradient tool itself so I can change the colours for each rarity withtout changing the position of the gradient itself. In this case, I settled on a 45° bidirectional gradient with each colour at each extremity of the gradient (respectively position 0% and 100%) and the delineation between the colours 25% away from the lighter colour to get a sharp ray of lighter colour.
7) While I was pipetting the colours, I actually noticed they have an inner border that's transparent and more visible near the lighter colour. You don't have to do that, but I added a 2px white border on my shape, put it on blending mode "Soft Light" then went in the mask of the border and copy-pasted a black and white version of the gradient I used for the rarity color so it's almost transparent on dark areas and very visible on lighter areas."
He gets results like these:
Look I did this in about a 100th of the time it probably took Ningyounk to do that, plus this set was accepted for the set icon bounty, which I need the premium from as I don't have money
You could use a simpler approach, but the result we look simpler and less realistic. By following the above steps, you ensure the correct outline thickness among other key differences.
@Jonteman93 - Do they look good to you? If so, which one do we pick?
Your symbols look good to me. I think @Faiths_Guide is trying to bring @ningyounk to this thread lol
I totally agree that it scaled well and looks pleasing, you did a very nice job.
The line thickness on official MTG set symbols is uniform throughout all modern symbols and @ningyounk goes the extra mile to ensure that he achieves that
You got me :P
I wouldn't say that much for my Rare version though
Still looks nice to me