Page 1 of 1

DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 23 Dec 2011, 18:33
by kevlahnota
Hi, I hope this bring inspiration to DOTP 2012 modders here @ slightlymagic. Sorry if the tutorial is not very detailed. :wink:
Anyway lets get started(click the spoilers to open). 8)

DECK BOX Tutorial: | Open
1) Download PSD DECK BOX template (PSD File). :lol:

PSD DECK BOX.zip
PSD Deck Box Template
(682.47 KiB) Downloaded 939 times


2) Open it with Photoshop ( I use Photoshop CS5)
Image

3) Now select the layer "PUT IMAGE HERE" and press CTRL + A (the blank image will be selected )
Image

4) Open your desired image (for the deck box) with photoshop (I used gwafa hazid for example), press CTRL + A (select all) and then CTRL + C (for copying the image)
Image

5) Now return back to our PSD Deck Box template and press CTRL + V (to paste our image)
Image

6) Now that the image is pasted inside,you can use resize and move the image to your liking and save it as PNG. It's now ready for converting to TDX file(look at the other tutorials here at the documentation board). =D>
Image


FRAME Tutorial | Open
1)Now for Custom frames, you need the Frame Images from the game and convert it to PNG(I use B.tdx, R.tdx, W.tdx in the example) Open the frame with photoshop(i use the white one).
Image

2)Then I open the black frame, select it and copy pasted it over with the white frame (we now have two layers).
Image

3) Then click the vector mask to make a mask(the little rectangle with a circle inside. now the active layer( black frame will have a white mask, it means it will show the full image of that layer, because black makes it transparent).
Image

4) Now we press ALT + Left mouse click the mask( besides the black frame to show the mask ).
Image

5) Now we need to use gradient tool to use(google some photoshop tutorials for the tools :roll: ), right click paint bucket tool if you can't see it.(thats the trick) :mrgreen:
Image

6) Click our active layer to see the results (the black frame besides the layer mask).
Image

7 Now with having these technique(masking), we can create custom frames with your desires.
Image

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 23 Dec 2011, 20:23
by thefiremind
Thanks a million, especially for the PSD file. I tried to load it on Paint.NET with a plugin, but the part outside the box doesn't become invisible automatically and the upper part of the box stays white instead of blending with the image... it seems Paint.NET is able to open PSD files with the plugin but doesn't understand them completely. I guess I'll get Photoshop. :roll:

EDIT: OK, I made 3 new deck boxes and I must say that I'm satisfied. 2 little advices for the other modders:
1) If you convert the deck images to TDX with Paint.NET+plugin rather than with gibbed tools, the files will be smaller. You'll save some space.
2) If you follow the advice above, you'll get files with extension "tdx". The game is so sensitive that it won't accept them, you'll have to rename the extension with capital letters ("TDX").

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 17 Mar 2012, 09:44
by Eglin
I /suck/ at using paint programs, so I really hate that I didn't find this awesome thread before spending an hour making a couple dozen boxes! Thanks for the wonderful tutorial and masks. The .psd file works great in Gimp, the freely available Photoshop clone, although I did have to add a mask for the "add image here" layer. Here's the Gimp version with the mask already setup for anyone else too cheap to spring for Photoshop:
PSD DECK BOX.zip
Gimp version (.xcf) of Kev's excellent box art masks and frames.
(225.92 KiB) Downloaded 871 times

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 25 Mar 2012, 08:12
by Persee
I made the frame for card RG hybrid and I have a issue with it. The crop image is not displayed :
| Open
Image


I add the PSD version of the frame if someone could convert into a correct TDX version.

Thanks.

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 25 Mar 2012, 08:26
by thefiremind
There's a high chance your problem can be solved with this guide by kev:
viewtopic.php?f=65&t=3821
You have to open the TDX file with a hex editor and change that number 20 to 28.

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 25 Mar 2012, 08:48
by Persee
Thanks a lot, it works perfectly !

I had forgotten that this tutorial was.

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 07 May 2012, 11:06
by thefiremind
I started using this guide to make hybrid frames, and I want to add a little advice.
When you create the layer mask for the hybrid frame, you'd like to use the same mask for all the hybrid frames... but when you paste another frame image, it will be on a new layer, so how to use the same mask?
Click on the chain icon that links the old layer with its mask, this will "unchain" the mask. Now you just have to move the mask to the new layer and delete the old one. :wink:

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 25 Jun 2012, 10:36
by GravitonGamer
By any chance, does anyone have PSDs for the planeswalker backplates and the planeswalker icons?

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 25 Jun 2012, 13:23
by thefiremind
Kev posted them, too, but I can't seem to find the post where he did it, so I uploaded them myself.

They are still OK also for DotP2013, while the new deck boxes are smaller, but nothing you can't overcome with some resizing inside Photoshop. :wink:

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 21 Jul 2012, 10:30
by Zambooo
Does someone have a file for DotP2013 or at least the size the image should have? :)

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 21 Jul 2012, 10:51
by RiiakShiNal
Zambooo wrote:Does someone have a file for DotP2013 or at least the size the image should have? :)
There are 2 deck box templates available for 2013 that have been released thus far:
Emashzed's
Riiak Shi Nal's

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 21 Jul 2012, 11:04
by Zambooo
great, I've never noticed them. Thanks

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 06 Jan 2014, 18:47
by Jspapp
In Magic 2014, has anyone had luck with custom frames for use with the FRAME_TYPE tag? It's only used once with type="miracle" for Temporal Mastery, but I don't want to overwrite the miracle frame file. I'm trying to use the Theros enchantment creature card frame.

I've tried W_ENCHANTMENT_CREATURE.TDX and W_CREATURE_ENCHANTMENT.TDX hoping it would get the frame via typing, and W_GOD.TDX with <FRAME_TYPE type="god" />, but nothing is working out. Is something like this possible?

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 06 Jan 2014, 18:57
by thefiremind
Jspapp wrote:In Magic 2014, has anyone had luck with custom frames for use with the FRAME_TYPE tag? It's only used once with type="miracle" for Temporal Mastery, but I don't want to overwrite the miracle frame file. I'm trying to use the Theros enchantment creature card frame.

I've tried W_ENCHANTMENT_CREATURE.TDX and W_CREATURE_ENCHANTMENT.TDX hoping it would get the frame via typing, and W_GOD.TDX with <FRAME_TYPE type="god" />, but nothing is working out. Is something like this possible?
No, the possible frame types are hard-coded into the executable, you can't create custom ones. It's actually one of the first things we all tried as soon as DotP2014 came out. In the executable you can find only "miracle" and "eldrazi" (the latter actually doesn't seem to do anything special, either).

Re: DOTP 2012 CUSTOM FRAME & DECK BOX TUTORIAL (photoshop)

PostPosted: 06 Jan 2014, 19:24
by Jspapp
Ah, that's what I was afraid of. Thanks for the quick reply.