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,
which I also use in my sig.
You will need at least Paint.NET version v3.20
You will also require the following plugins.
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.
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.
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.
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).
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.]
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).
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.
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.
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:
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.
Once you run the Shape 3D plugin with these settings you should have this.
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.
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.
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.
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.
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.
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.
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.
Your finished Poker Chip should look like this:
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).
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.