Quote:
Originally Posted by XMenCypher
Thanks for the reply. I am just interested in the whole process, how you create the effects and just general design tips. I will try something myself and go from there
I'm a terrible, terrible designer, so I'm hardly the person to provide tips, but I'll share anyways
. A while ago I created my own set of chips from scratch using Paint.net. I would say search online to find some real tips, but I'm just excited that I found my original files. Here is some of what I did (going partially off my saved notes, partially off memory)
Single chip:
What you see above has been slanted. When I was designing the face of the chip everything was done straight up, as if you were looking directly at the top.
1. The first thing I did was create the plain background of the chip as a regular circle. I chose a size that was large enough to work with, but small enough that I didn't have to deal with thousands of pixels (they are hardly high-res finishes). You will probably be able to create something nicer using SVGs. The colour was set using a gradient to white (white at the bottom) so that you can differentiate the chips a little once they are stacked.
2. Second was to create the main design. For mine, I knew I wanted to display the team logo in the middle on a white circular background, so I drew a slightly smaller circle. There was space left around the edges so I added a scaled down image of the different suits, with the straight boarder lines. When that was done the flattened image looked like this:
3. After I added the team logo to the middle I had a "finished" product:
This is where the hard part came in.
4. I created a half-circle to match half of the main background (sample in next step, sort of), with the same colour as the main background. This time I used a gradient to white with the white at the top. This layer goes behind the main chip face and will come into play later on.
5. I took the result of step 3 and added a 45 degree slant/roll. Then I took the half-circle I created in 4 and positioned it near the bottom of the chip face to give the flat, slanted image some depth for a 3D appearance.
6. Finally, I manually extended the straight lines down the front edge to give the final image you see at the top.
I made sure to keep the parts of steps 1-4 as separate layers and saved those as my template. This allowed me to easily change colours or replace parts of an individual layer. With that template, after I adjusted the colours and logo, I only had to repeat steps 5 and 6 for each subsequent chip.
As I mentioned at the top, I am a terrible artist, and am hardly a creative person. Everything I did was with the basic tools available. With more ability and better tools you could make something that looks way nicer than anything I could do.
Last edited by krazykarter; 04-02-2018 at 09:15 PM.
Reason: Reduce spacing before/after images