Jump to content

Poker Set - Playing Cards & Chips


cjmcguinness

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

Poker Set tutorial (Cards & Chips)

This tutorial is posted in response to many requests as to how I made the 'bent' cards and poker chips in this piece,

1

which I also use in my sig.

You will need at least Paint.NET version v3.20

You will also require the following plugins.

Align Object

Shape 3D

Part 1 - Ace Playing Card:

This part deals with the making of the playing cards I used. I decided on Aces as they were reasonably easy; you could, of course, make other cards - I'll leave it up to you, the user, to take these steps and modify them for your own purposes. I decided to make everything from scratch, but you could easlily do a GIS for some cards.

The steps demonstrated here are not anything new, or exciting, and I'm sure most PDN users could easily create a playing card image, however, for the PDN noob's, here's the steps

Start with a 500x700 canvas - filled white. Set your secondary colour with an alpha value of 0 (zero) so it is completely transparent.

2

Image > Canvas Size (CTRL+SHIFT+R) and change the canvas to 1000 x 1000. You should now have a white rectangle with a transparent border.

3

Effects > Noise > Median: Radius 30 - Percentile 50. This will give your rectangle rounded corners.

Create a new layer - call it 'Centre'. On the Centre layer use the Rectangle Select tool and (anywhere on the canvas) drag a rectangle that is 350x500 - use the paint bucket to fill this black (this is for the black cards, you should fill this red for the red cards).

Press CTRL+D, so deselect the square, then perform: Effects > Align Object - Centre

This will perfectly centre your black rectangle.

4

Now, I made my own card symbols from scratch - each is 200x200.

You can feel free to use these, or create your own (this tutorial would be huge if I gave instructions for how to create each one individually).

5 6 7 8

You will need both Red/Black and White versions of each symbol.

A quick way to turn a black symbol white, is to use Adjustments, Invert Colours. With the red ones, go Adjustments > Black & White, Adjustments > Curves > Luminosity (drag the the top right point over to the top left, setting 1, 255).

Create a new layer and call it 'Symbols'. Copy your pre-created white card symbol and paste it into this new layer. Again, use the Align-object plugin to centre this.

[Edit: It has been pointed out that a simpler method would be to use existing text characters. You can always find text examples of these symbols - Times New Roman font has some nice ones. A way to insert these is to run Charmap (click Start > Run > and type Charmap). Select Times New Roman font from the drop-down and click on the symbol you want, press select then press copy. Use the Text tool in PdN and press CTRL+V to paste the symbol in. You can adjust the font size to suit.]

9

Do a resize of your card symbol (red/black) and make it 72x72 pixels.

Copy this black (or red, depending on what card you're working on) version of the card symbol and paste it into the a new layer (press CTRL+SHIFT+V when pasting).

Position this symbol in the top left of the card so that the top of the symbol is level with the top of your black (or red) rectangle).

10

On the same layer, use the 'Text' tool and select font 'Times New Roman' and set size to 72. Type a capital 'A' and position it above the symbol.

11

Press CTRL+SHIFT+D to duplicate this layer. Then, on the new duplicate layer, go Layers > Flip Horizontal followed by Layers > Flip Vertical. This will essentially rotate the layer 180 degrees and place the symbols in the bottom left corner.

Flatten the image and you now have a finished playing card. You can repeat these steps for the other 3 Aces.

I encourage you to create your own cards, and deviate from these steps to create your own designs. However, feel free to click on each of the cards below to download the originals, if you'd rather use these.

12 131415

Now that you have created your required cards it's time to invoke the all powerful Shape 3D plugin and make the cards bend.

Here is a visual of the Shape 3D settings you require:

16

Attached here is the Shape 3D .xml file with all the settings saved. Simply download this file, extract it to the Paint.NET user files folder and, through the Shape 3D plugin, click on the XML option at the bottom and load this file.

CurvedCard.zip

Once you run the Shape 3D plugin with these settings you should have this.

17

This is the end of part 1.

- - - - - - - - - -

Part 2 - Poker Chip

You will also require the following additional plugins for this part of the tutorial.

Polygon/Stars (part of BoltBait's plugin pack).

Light Rays (part of Madjik's plugin pack).

Drop Shadow (part of KrisVDM's plugin pack).

Start with a 500x500 canvas.

Create a new layer and call it 'Guide'.

Effects > Render > Polygon/Stars: Size 99, Vertices 100. This will render a circle at the outer edge of the canvas.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render second circle inside the first.

Effects > Render > Polygon/Stars: Size 60, Vertices 100. This will render a third circle inside the second.

18

These three circles are going to act as a guide as to where you can position elements of your Poker Chip.

The area outside the first circle will disappear later, so should not be used.

The area between the first and second circles will form the outer edge of the chip.

The area between the second and third circles will be the outer rim on the upper face.

The area inside the third circle will form the centre of your poker chip, where the main design elements will go.

You are obviously free to come up with your own design for the poker chip, but this tutorial will continue to explain how I made my version.

Go back to the 'background' layer and, on the colour palette, select your primary and secondary colours (the two colours of your chip) - I made various colours for different denominations each with the secondary colour set to white.

Once you've picked your colours, Effects > Render > Light Rays: Set the number of rays as 12 - the rest of the settings can be left.

19

Create a new layer (this should be created in the middle, above the background and below the guide), call it 'Centre'

Click on the 'Guide' layer and, using the Magic Wand tool, select the inner circle. Now, switch back to the 'Centre' layer and fill this with the primary colour. Press CTRL+D to deselect and Effects > Blurs > Radial Blur, at the default settings - this will soften the edges.

20

Now, my original design uses the four Aces that I created previously for the bent cards. I simply resized each of these to about 70 x 95 and pasted them into a new layer, arranging them in a fanned layout, within the centre of the chip. You can, of course, put whatever design you require - but make sure to leave some space for text, at least for the chip value. Below is an illustration of the cards positioned slightly differently.

21

Create a new layer and call it 'Value'. Select the 'Text' tool and choose your favourite font (or one that is appropriate for the chip), I am using Arial Narrow, Bold, size 48. Set your primary colour to Black and type the value of your chip in the very centre. You can make use of the 'Align Object' plugin (used in the earlier card tut) to get this perfectly centred.

Effects > Drop Shadow: X = 0, Y = 0, Blur Radius = 1, Shadow Colour = White. Press CTRL+F four times to repeat the shadow.

22

You are essentially finished the design of the poker chip, but you could add extra detail by putting some of the card symbols in the white spaces of the face rim. Deselect (untick) the 'Guide' layer and press CTRL+F to flatten the image.

Now is the time to apply Shape 3D to your poker chip. Here is a visual of the settings required.

23

As before, attached here is the Shape 3D .xml file for the Poker Chip. Simply download this file, extract it to the Paint.NET user files folder and, through the Shape 3D plugin, click on the XML option at the bottom and load this file.

Chip.zip

Your finished Poker Chip should look like this:

24

And here's an alternative, with some graphics on the face rim (you may have to adjust the texture scaling to 0.80 in Shape 3D to fit).

25

For each chip denomination you should change the colours in the 'Background' and 'Centre' layers - as well as changing the text in the 'Value' layer. You can do this by pressing CTRL+Z to undo the shape 3D and flatten actions and making the appropriate changes.

Please experiment with the design of the chip and play with the angle settings in Shape 3D for your own effects.

I hope this tutorial has been informative and enjoyable.

-CJ

CurvedCard.zip

Chip.zip

PKRM.png

PKRG.pngPKRT.pngPKRD.pngPKRP.png

Link to comment
Share on other sites

BTW: nice sig, 100% PDN?

The sig is most definitely 100% Paint.NET - created using the bent card and poker chips in this tutorial.

PKRM.png

PKRG.pngPKRT.pngPKRD.pngPKRP.png

Link to comment
Share on other sites

Nice! I was wondering how to do that. :wink:

---- Gallery | Sig Tutorial | deviantART | Sig Videos | PhotoBucket ----

D                  E                  S                  T                  I                 N                  Y

Link to comment
Share on other sites

Some of the card symbols can be made via alt codes...

Not quite Alt codes, but they all can be done with special characters nontheless.

♥ ♠ ♣ ♦

---

Anyway, this looks really neat. I feel special, because I figured out how to do the bent card (mentally) a little bit after I saw it. :)

I think I see how the chips are done too. I'll have to make some before you finish this to see how close I came. :)

Edit: I totally see how it's done, Shape3D wise, but getting those 6 little marks perfectly spaced has me stumped (for now)

Link to comment
Share on other sites

Looks even better if you increase the font size...

♥ ♠ ♣ ♦

You can make them really big in PdN...

 

Take responsibility for your own intelligence. 😉 -Rick Brewster

Link to comment
Share on other sites

Nicely done C.J.

... LQQKing forward to the chip tut!

RTSig004.jpg

PDNUsebar001.jpg

"Rule 9) Be courteous to others. Constructive criticism is generally welcome and encouraged. Starting fights and being rude is not."

Constructive criticism does not include abuse.

Tact \tâkt\ n

Acute sensitivity to what is proper and appropriate in dealing with others, including the ability to speak or act without offending.

Link to comment
Share on other sites

The Poker Set tutorial is now 100% complete - I have added in part 2 detailing how to make the Poker Chip.

Please see original post for the full 2-part tutorial.

Enjoy.

-CJ

PKRM.png

PKRG.pngPKRT.pngPKRD.pngPKRP.png

Link to comment
Share on other sites

Effects > Render > Polygon/Stars: Size 99, Vertices 100. This will render a circle at the outer edge of the canvas.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the first.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the second.

Effects > Render > Polygon/Stars: Size 99, Vertices 100. This will render a circle at the outer edge of the canvas.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the first.

Effects > Render > Polygon/Stars: Size 60, Vertices 100. This will render another circle inside the second.

I was thinking , how can same size create another in another?

WHATZ.png

wear our signature and earn 50 studiocredits. pm me your username if you want to participate.

Link to comment
Share on other sites

Effects > Render > Polygon/Stars: Size 99, Vertices 100. This will render a circle at the outer edge of the canvas.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the first.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the second.

Effects > Render > Polygon/Stars: Size 99, Vertices 100. This will render a circle at the outer edge of the canvas.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the first.

Effects > Render > Polygon/Stars: Size 60, Vertices 100. This will render another circle inside the second.

I was thinking , how can same size create another in another?

Well spotted, 10 out of 10 for observation. (That's what I get for trying to be lazy and copying/pasting text). :D

Thanks for pointing this out, I'll edit the tutorial accordingly.

-CJ

PKRM.png

PKRG.pngPKRT.pngPKRD.pngPKRP.png

Link to comment
Share on other sites

No Problem ,

I Like it :)

Dont forget to mark that before you do the shape 3d you need to delete the value layer for best effect

WHATZ.png

wear our signature and earn 50 studiocredits. pm me your username if you want to participate.

Link to comment
Share on other sites

I'm gonna start now making, some of those poker chips

Edit: Here my black poker version.. (It's quit simple, the amount didn't make much you see :lol: )

blackpokersetoe5.png

Back.

Link to comment
Share on other sites

The Poker Set tutorial is now 100% complete - I have added in part 2 detailing how to make the Poker Chip.

Please see original post for the full 2-part tutorial.

Enjoy.

-CJ

What about the dice? How do you make them? Anyway, I hope you have a poker-filled night at the casino! :wink:

sig-3.png

"Yep! Everyone loves dogs! And most of us love to know what heaven looks like! But however, there's one who thinks that "All Dogs Go to Heaven"! And that's me!" --Myself

Link to comment
Share on other sites

Effects > Render > Polygon/Stars: Size 99, Vertices 100. This will render a circle at the outer edge of the canvas.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the first.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the second.

Effects > Render > Polygon/Stars: Size 99, Vertices 100. This will render a circle at the outer edge of the canvas.

Effects > Render > Polygon/Stars: Size 75, Vertices 100. This will render another circle inside the first.

Effects > Render > Polygon/Stars: Size 60, Vertices 100. This will render another circle inside the second.

I was thinking , how can same size create another in another?

i agree, idk either. :?

sig-3.png

"Yep! Everyone loves dogs! And most of us love to know what heaven looks like! But however, there's one who thinks that "All Dogs Go to Heaven"! And that's me!" --Myself

Link to comment
Share on other sites

Add some feather on the ace on your card.

The chip is nice, but it almost the same as like from the tut (with the 4 cards in the middle).

Back.

Link to comment
Share on other sites

*another Report*

when it comes to the card making it 3d. in the box here you say depth radius 0,500

in the .Xml file there is 1,000

:)

but i like it a lot :)

i made one for my father for his 42th birthday :)

................................................................

i would also like that you add the way how you did the dices , the background and the chips at the background for the people who are a bit new on paint.net :)

papaee8.png

WHATZ.png

wear our signature and earn 50 studiocredits. pm me your username if you want to participate.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...