Yugioh Card Maker Forum

Full Version: Realistic Custom Card Images (Made In Photoshop)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello everyone! I'm gonna teach you from making custom card images. These card images are the cards that have the background aura. Let me find an example.

[Image: DarkRedEnchanterVJMP-JP-UR.jpg]

See how the person has a green aura around him? That's how we'll make this custom card image.



.Step 1.

Go to a popular render website to find your render. Today, I'll be using planetrenders.com, and here is the render I'll be using. View it in full size and save it as PNG Image.

.Step 2.

Open up Photoshop (I'm using Photoshop 7.0) and open up the image. Select the part of the image represented in the picture.

Then, go to Edit and Select Copy.

.Step 3.

Open a New, and the pixels should be prepared for the copied image. Once the new is opened, press Ctrl and V to Paste the image, or go to Edit > Paste.

.Step 4.

Then, select the paint bucket tool. Make the color a very light shade of blue. Place it over the image and keep pressing, and the image should turn blue. (Not the background.)

.Step 5.

Next, open up Internet Explorer or FireFox. Go to Google and search "blue backgrounds" in Images. I'll be using this image as my background. Go to Files > New and set it to these settings. Then, go to your background image that you found on Google and copy it. Paste it onto that small square. Then, copy your COMPLETELY BLUE render and paste it onto your background.

.Step 6.

Make sure you have this window open. Go to Image > Image Size, and decrease the measurments my 10 pixels. Copy this image and paste it to this image.

Almost Done! (Click to View)
.Step 7.

Time for the finishing touches. To make the the blur faint, but nice, go to Filters > Blur > Motion Blur. Make the angle 4 Degrees, and your finished picture should look like such:

[Image: LightswornHero-1.jpg]

And there you go, a Custom Card Image, with a Realistic touch. ^_^


~Swift
Awesome tutorial, very well explained too.

But did you know about the "Outer Glow" thing? If you did this so that you could customize the glow more, like you did with Motion Blur, then it's fine ^_^
I don't think I have Outer Glow in Photoshop 7.0

But thank you, Touma.
You can do it using Photoshop 7.0, like this:

1. You've to go to the Layer's Blending Options by double clicking on the layer's bar.
2. Check the option saying "Outer Glow", and click on its bar.

You can now customize the glow ^_^

But don't edit the tut now, it's good the way it is ^_^
Spirit you forgot, to do Motion Blur Outer Glows you must first make a duplicate of your render, then on the bottom one apply an Outer Glow. Then use Motion Blur to customise the glow to flow with the render.
There is more than one way to do this... But good for its intent and purposes ^_^
Great tutorial!!
Thanks, guys.
BUMPITY BUMP BUMP BUMP!
Bumpity!
This needs to be known, to stop the noobs stealing from Deviant Art.
none of the noobs, I mean NONE of them have PS. All of them use paint, which is how we got inverts in SHOPS.

anywayz, good tut for beginning PS users ^_^
(08-29-2008 04:47 AM)~Spirit of Touma~ Wrote: [ -> ]You can do it using Photoshop 7.0, like this:

1. You've to go to the Layer's Blending Options by double clicking on the layer's bar.
2. Check the option saying "Outer Glow", and click on its bar.

You can now customize the glow ^_^

But don't edit the tut now, it's good the way it is ^_^

OMG thats what i do Sad

AWEsome tut man thats how i actually did most of my custom pics xD
sweet tut
Reference URL's