[GRAPHIC DESIGN] Make a member card with premade PSD kits - free and easy!
Must be a Club Member to Reply
This topic teaches you how to make a member card using premade card kits (PSDs) with Photoshop. Download links for the program are found in this post. See the second post for card download links and the third post for instructions how to customize them. The fourth post contains FAQs and tips.
Alternatively, if you want to make a card from the beginning without a premade card, try this topic instead.
Even beginners can my follow simple steps to remake premade cards (#1) into personalized member cards (#4) for any club!
You will need any version of Photoshop installed, plus some images you want to use for your cards.
Photoshop downloads (including cost-free)
Photoshop CS2 Download (cost-free and NOT a trial or pirated copy)
If the program asks for a serial number, use the one on that page. No need to register or sign up for Adobe Updates.
Free trials of latest versions: https://creative.adobe.com/products/download/photoshop
Rent Photoshop: https://creative.adobe.com/plans
Modified by Shishio-kun, Jul 10, 3:45 PM
Premade cards (PSD) downloads
Download the PSDs with the links in the spoilers, customize them with instructions in the next post!
You have permission to use these PSDs for a contest or any club- just change the images!
Tokyo Ghoul "Black"
A simple card, good for beginners.
PSD source: https://www.dropbox.com/s/2nrg6eoqvxh9w7b/Card%20Tutorial%20%282%29.psd?dl=0
Fonts used: Trajan Pro, Freestyle
Mio Akiyama "Lovely"
Combines character renders and scenic backgrounds.
PSD source: https://www.dropbox.com/s/bxo4mszqgn3jo31/Card%20Tutorial%20%281%29.psd?dl=0
Fonts used: Lucida Handwriting
Akiha Toono "Fire"
Uses a variety of overlay effects for a fiery look.
PSD source: https://www.dropbox.com/s/li2957ol7abmaiw/Card%20Tutorial.psd?dl=0
Fonts used: French Script, Bell MT
Modified by Shishio-kun, Mar 16, 2017 1:55 AM
How to customize premade cards into your own
1. Set up Photoshop. Open the program and go to Window at the top of Photoshop and look for a check next to Layer, Options, and Tools. If you don't see a check next to one of them, click it to add one. Example of proper settings here. You should notice the Toolbox and the Layer Window. These are very important to making your card.
2. Drag in your premade card of choice. Drag the premade card PSD file itself into Photoshop. Links for free or cheap versions of Photoshop are in the first post, and download links for PSDs are in the second.
3. Customize your card! Now, you can start customizing the card your way! I've offered many tips below you can try out.
Even though I use Photoshop CS2 in visual examples, you can also use any edition above that for these steps. Click the pics to see full previews.
How to change images in the card
1. Drag the new image into Photoshop, but not into the premade card itself. There are sources for new images in the first post of this topic.
2. Afterwards, click the Move Tool in the Toolbox.
3. Click the premade card. In the layer window for the premade card, make sure you have the image that will be replaced highlighted as in the example below. You need to do this so you drag the new image on top of the default image.
4. Click on and drag the new image on top of the premade card.
5. Afterwards, the new image will get its own layer in the Layer Window of the premade card. Right-click on the layer for the image as in the example below, and click "Create clipping mask".
Note: Create Clipping Mask sets the image within all layers under it in the Layer Window.
Its important all image layers directly above the Card Shape layer have clipping mask set on!
Extra info: If you want an image outside the card, select Undo Clipping Mask (Notice in the Fire Card, the outside fire effects do not have clipping mask and ones in front of other images are at the top of the Layer Window). In case you can't see the image or want to change the view, you can also move layers in the Layer Window itself up and down to move them in front of each other, or use the Move Tool to move the image around. Clicking the eyes next to image layers hides them from view as well.
How to resize images
Click on the layer for the image, then click Edit -> Free Transform. From here, options come up that you can resize the image with. Change the numerical amounts next to W and H to resize the image. Its recommended to make sure the chain in between W and H is clicked so that it resizes the width and height at the same time. You can also move the image around with the numbers next to X and Y, or by holding the cursor on the image and moving it around.
How to re-position images
How to re-align images (move in front of each other)
If you're trying to move images in the card in front of or behind others, you need to reposition their image layers. To move an image in front of other images, move its image layer up in the Layer Window. To move it behind other images, move its layer down in the Layer Window. Move it one layer at a time. VERY IMPORTANT: If you an image up or down too far it can cause problems- make sure that the images you want in your card are close to your Card Shape or Shape layer in the Layer Window, and that all those images near the shape layer have the Clipping Mask on. Right click a layer to turn it on.
Remember: If you make a mistake you can't fix, go to Edit and start Taking Steps Backward!
How to add special effects (lens flares, sparkles, fire, etc)
There are many ways, but the simple ways are as follows:
Note: In addition to these, try the How to change lighting and How to add the Color Overlay techniques in the next tips, they tend to be very popular ones.
(method 1) Download premade images of special effects like sparkles, fire, etc. The "Fire" premade card has such examples already in it. Drag them into Photoshop they way you drag in images for backgrounds in previous steps. If you don't see the special effect, try moving its layer in the Layer Window higher up within the Layer Window.
(method 2) Click on the layer you want to customize and select Filter at the top. There are many default options here to try out.
(method 3, advanced) For professional light rays and sparkles, download ABR files of sparkle and light brushes (DeviantArt is good for this) and drag them into Photoshop. Now you can use the Paintbrush tool to add these effects. Make sure they are in a new separate blank layer.
How to do color overlays on images (including black and white)
Very popular card effect. Right-click image layer you want to add color to, then choose Blending Options, then select Color Overlay, Gradient Overlay, or Satin, and finally lower the opacity down from 100% to another percentage.
This will add an overlay of color which will have see through texture. You can change color here, and add further customization with the Blend Mode, use options like Color Burn and Hard Mix in order to change the lighting style.
To do Black and White, click the image layer to make black and white, click the half-moon icon and choose Hue/Saturation. Lower Saturation to 0.
How to add/change glows and shadows
Double-click or right-click the layer of the part you want to add glows or shadow too. It can even be a text layer. Select Blending Options and choose Glows and Shadows to add shadows and glows. Some are already preset to give you an idea of how these effects work.
In the example below, I've added Inner Glow with a purple touch to the Vocaloid image I added in an earlier step.
For the card's shadow itself, add Drop Shadow to the Card Shape layer (often the bottom layer) of the card.
How to change the lighting
There are many ways, here are the simplest ways:
(method 1) Click on the layer of the image you want to customize so its selected. Go to Filter at the top of Photoshop. There are many options for premade effects- you can use Filter -> Render to add lighting effects and lens flares easily!
Filter -> Render -> Lighting Effects let you reposition the lighting on the image!
(method 2) Right-click image layers and choose Blending Options, then under the default option General Blending lower or raise the opacity here.
(method 3) Right-click image layers and choose Blending Options, then select a blending option like Color Overlay Gradient Overlay, then lower the opacity. This will add an overlay of color which will have see through texture. You can change the Blend Mode to options like Color Burn to change the lighting style.
How to merge two images
Stack one image on top of another in the Layer Window. Make sure they are both visible by clicking the eyes next to each layer (the eye should be visible). Now right click or double click the top layer and choose Blending Options. In the default option, lower the opacity and/or choose a different Blend Mode, like Pin Light.
How to re-position text
To edit text content, resize text, or change font types:
In the Layer Window click the layer of the text you want to customize, then select the text tool in the Toolbox. Carefully click over the text on the card itself and enter and delete text how you want, or choose new a font option (circled at the top in the example below) and enter new text.
You can also highlight the text on the card and then change it with the options circled at the top.
Add a new text layer:
To change the text's color, shadowing, glows, etc:
Double-click or right-click the layer of the text you want to customize, then choose Blending Options. All these options are good to try out and mess around with. Some are already premade in the PSD file to see how they were done. Drop shadow is best for shadowing the text. Color and Gradient Overlay are best for coloring text. Emboss gives you 3-D texture. Outer Glow is good for glows around text. The default option (on top) controls the opacity of the text.
Simply click the option you want to customize, and adjust the settings on the right. If you click the check box, you can turn a Blending Option on or off.
How to remove an image, text, special effect, or Blending Option from view
Add or customize a border
How to change the size/shape of your card:
How to increase the size of your canvas (area around the card):
Go to Image -> Canvas Size. Increase the width and height of the surrounding area here.
4. Save and export your card. When you're done customizing, save and export your work as a PNG. You should also save your work as a PSD, so you can go back to it at any time!
How to save all your work:
Go to File -> Save as.. at the top of Photoshop and save your work as a PSD next to Format. A PSD is a file type that opens in Photoshop and saves your work so it can be edited later! In the third post, I offer PSDs you can use to play around with or learn from if you still need it.
How to save your card and produce it as a PNG image:
Go to File -> Save as.. and set the Format to save as a PNG image.
Modified by nymphiae, Dec 17, 2015 6:58 PM
FAQs and tips on card making
If you don't find the answer to your question here, you can ask in this topic. It would help to see the card of have a link to the PSD that has a problem.
IMPORTANT TIP: Save often and save multiple copies of your PSDs.
How to undo a change I made in Photoshop?
Go to Edit and choose "Step backward". You can also simply click the eye next to an effect or image to hide it from view.
I can't see an image or effect I added to my card at all.
It may be a variety of things. You should make sure the eye next to the layer or effect in the Layer Window is clicked and "dark". Also make sure the layer is high enough in the layer window that its not hidden behind other layers.
I can't move an effect or image outside of my card.
Find the layer of the part that won't move outside, right click it, and select "Release Clipping Mask".
What are PSDs????
These are Photoshop files, which save all the images, effects, and layers put into the card so that you can change any part of them freely whenever you wish. You can produce images of your customization like PNG and JPG from PSDs.
How do I produce cards for my club members?
After you make your card, save it as a PSD format, then change the username text to the username of the person you are making the card for. You then save the card format as a PNG for best results. Upload the PNG card image to an image-sharing site like Imgur and give the image link to the person who wanted the card.
In your club, you should make a topic and show the preview of the card you made and indicate you allow people to make requests in that topic. Then you can deliver the cards to them via the topic, or their profile!
How do I get more member card requests?
I would recommend you, or your club managers, put a preview of cards on the front page of your group (under Club Information) for maximum advertisement to your club members.
Cards of popular characters and hot anime will often times attract more requests than those without them.
Sexy and ecchi cards are often big draws and consistently requested over time.
If you keep re-releasing the same style of a card but with different characters, it will usually get less requests every new time. For example, lets say I released the Mio card in the preview above one month. Then the following month, I release the same card recolored and with another character other than Mio, then repeat this the following month. Every new re-release will probably get less requests. I recommend the maximum number of times to restyle the same card is 3-4 times.
Higher-quality designs and original card ideas can help with increasing requests, but not by too much. So don't worry if your cards aren't super fancy. Many members will be happy with what you make. Don't base the quality of your work on how many requests you get. There are many factors that affect how many times a card edition is requested!
Modified by nymphiae, Dec 17, 2015 6:57 PM