3d poker chip
DESCRIPTION
Tutorial for creating a 3D poker chip using PhotoshopTRANSCRIPT
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Sign In | Join Now
Tutorials Downloads Articles & Inspiration Submit link +
Search
Draw a Classy 3D Poker Chip in PhotoshopPosted by Federico Sportelli in Photoshop Tutorials on March 18th, 2009
In this tutorial we are going to illustrate a 3D Poker Chip in Adobe Photoshop starting from scratch. New Photoshop usersshould consider running through our Pen Tool guide first!
Quick Nav:
Tutorial
Download the PSD (Source Files)
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
The final result
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Note: If you’re new to Photoshop consider trying out School of Photoshop or some of our other Photoshop Tutorials
Step 1: Draw a circleCreate a new 600x500px document. Using the Ellipse Shape tool (U) draw a circle. Set the shape color to a brightorange (mine is #ff660a).
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Use guides!
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Guides are a useful tool provided by Photoshop. To create a guide go to View > New Guide …
Step 2: Draw a second circleWith the same process draw a concentric circle in a new layer and set its color to white.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Then add an Inner Shadow as shown below.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 3: Create the dashed ringCreate a new layer. Grab the Rectangle Path tool and create e rectangle path. Select it using the Path Selectiontool, copy (Ctrl + C) and paste(Ctrl + V), now drag the rectangle center to the circle one and rotate the path of 30° (Ctrl + T), repeat this until youobtain a twelve-pointed star, then fillthe path (Right Mouse > Fill Path …) (set the fill color to white).
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Now use the Elliptical Marquee tool to select the excess and cancel it.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 4: Create the outer ring
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Now we have to create the outer ring. The method is the same explained previously, using the Rounded RectangleShape tool (set the radius to 8px) draw the desiredshape
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Copy and past it, then rotate the path of 60° and repeat this until you obtain the desired result.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 5: Place the typeTo beautify your poker chip put a simple text inside the white circle, I chose to add the word “POKER” but if you live in Las
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Vegas and own a casino you cancustomize it :-). So choose a font type and using the Text tool add your preferred text. Then using the Free Transformtool rotate it of 60°. I also added two3px straight line to obtain a better result.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 6: Copy
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Finally we completed the top of the chip! Now using the Path Selection tool select the great circle path and makeselection (Right Click > Make Selection …),then copy the entire image (Edit > Copy Merged), open a new 600x500px document and paste it.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 7: Add some effects
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Set the Vertical Scale to 62% (Ctrl + T) and apply the following layer styles:
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 8: Add the third dimensionIn a new layer using the Ellipse Path tool draw an ellipse. This will be the side of our chip, grab the Pen tool and givethe path the correct shape.Now select the path with the Path Selection tool and create a vector mask (Right Click > Create Vector Mask), in thisway only what you draw inside the path isvisible. Use the Paint Buket tool to set the correct foreground color, then grab the Rectangle tool and draw the threewhite shapes as shown below.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Finally apply the following layer styles:
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 9: Create the displacementCreate a new layer and using the Ellipse Path tool draw two ellipses over the dashed ring and set their fill opacity to0%.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Then apply these layer styles:
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 10: Add a grunge texture
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Create a new layer, grab the Brush tool, select a rough one, set the opacity to 20% and start painting over the image
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
As usual use the Marquee Tool to delete the outer part
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
when you have obtained a good result set the layer blending mode to Linear Burn and the layer opacity to 12%.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Step 11: Add the border lightThis is the final touch. In a new layer draw an ellipse path, then warp it (Edit > Transform Path > Warp) using the arcmode and set bend to -43.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Finally apply these layer styles:
ConclusionThis is the end of our tutorial. Feel free to change the color of the chip as shown below.
pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API
Download the PSD (or source files)