Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Home
About
Get Paid to Write
Contact Us
Subscribe to Tutorial9
19048 Subscribers Subscribe by RSS | Subscribe by Email
Search
Photoshop Tutorials
Photography Tutorials
Web & Blogging Tutorials
Freebies, Resources and Downloads
Recent
Drawing & Design
Interface Design
Photo Editing
Photoshop Basics
Photoshop Effects
Text Effects
In this tutorial we are going to illustrate a 3D Poker Chip in Adobe Photoshop starting from scratch. New Photoshop users should consider running
through our Pen Tool guide first!
Quick Nav:
Tutorial
Download the PSD (Source Files)
Note: If you’re new to Photoshop consider trying out School of Photoshop or some of our other Photoshop Tutorials
Create a new 600×500px document. Using the Ellipse Shape tool (U) draw a circle. Set the shape color to a bright orange (mine is #ff660a).
Use guides!
Guides are a useful tool provided by Photoshop. To create a guide go to View > New Guide …
With the same process draw a concentric circle in a new layer and set its color to white.
Then add an Inner Shadow as shown below.
Step 3: Create the dashed ring
Create a new layer. Grab the Rectangle Path tool and create e rectangle path. Select it using the Path Selection tool, 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 you obtain a twelve-pointed star,
then fill
the path (Right Mouse > Fill Path …) (set the fill color to white).
Now use the Elliptical Marquee tool to select the excess and cancel it.
Step 4: Create the outer ring
Now we have to create the outer ring. The method is the same explained previously, using the Rounded Rectangle Shape tool (set the radius to 8px)
draw the desired
shape
Copy and past it, then rotate the path of 60° and repeat this until you obtain the desired result.
Step 5: Place the type
To 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 Vegas and own a
casino you can
customize it :-). So choose a font type and using the Text tool add your preferred text. Then using the Free Transform tool rotate it of 60°. I also
added two
3px straight line to obtain a better result.
Step 6: Copy
Finally we completed the top of the chip! Now using the Path Selection tool select the great circle path and make selection (Right Click > Make
Selection …),
then copy the entire image (Edit > Copy Merged), open a new 600×500px document and paste it.
Step 7: Add some effects
Set the Vertical Scale to 62% (Ctrl + T) and apply the following layer styles:
Step 8: Add the third dimension
In a new layer using the Ellipse Path tool draw an ellipse. This will be the side of our chip, grab the Pen tool and give the path the correct shape.
Now select the path with the Path Selection tool and create a vector mask (Right Click > Create Vector Mask), in this way only what you draw
inside the path is
visible. Use the Paint Buket tool to set the correct foreground color, then grab the Rectangle tool and draw the three white shapes as shown below.
Finally apply the following layer styles:
Step 9: Create the displacement
Create a new layer and using the Ellipse Path tool draw two ellipses over the dashed ring and set their fill opacity to 0%.
Then apply these layer styles:
Step 10: Add a grunge texture
Create a new layer, grab the Brush tool, select a rough one, set the opacity to 20% and start painting over the image
This is the final touch. In a new layer draw an ellipse path, then warp it (Edit > Transform Path > Warp) using the arc mode and set bend to -43.
Finally apply these layer styles:
Conclusion
This is the end of our tutorial. Feel free to change the color of the chip as shown below.
Download the PSD (or source files)
Now What?
You’ve reached the end of this post. Seeing you made it this far means you might be interested in these related articles and resources:
Render a Realistic CD in Photoshop
Federico Sportelli is based in Italy. He started using Photoshop in 2006 mainly as a web designer.
1.
Reply
Suki May 14, 2009
I love it~
2.
Reply
Carolyn May 26, 2009
I really like this tutorial! Is there anyone that can explain step #8 a little better? I’m doing great until this step, I just don’t understand. Any
input would be greatly, greatly appreciated!
3.
Reply
budijenjen June 4, 2009
wonderful tuts
4.
Reply
L'LOYD June 5, 2009
Swwweeeet……tx
5.
Reply
poker June 7, 2009
Page 2 of 2 « 1 2
Leave a Reply
Comment
Want a Personal Avatar? Visit www.gravatar.com to get your own gravatar, a globally-recognized avatar.
Submit Comment
Advertise Here
Advertise
RSS & Email Subscriptions
Subscribe to Tutorial9, and we'll deliver you the newest freebies and tutorials for free.
Subscribe By Email
Subscribe
Subscribe By RSS
Tutorial9 Feed
Advanced Options
School of Photoshop
With the help of these structured lessons, you'll be a master of Photoshop in no time!
Write for Us
If so, we're interested in you, and we'll pay you. Find out how to write for Tutorial9.
Copyright 2009 Tutorial9.net. Please read our Usage Agreement and Privacy Policy.