pick6's "BETTER MIDFIELDS" (tutorial & template)

User avatar
pick6
MVP
Posts: 953
Joined: Mon Oct 15, 2012 3:03 pm

pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby pick6 » Thu Oct 23, 2014 6:52 pm

The midfield logo is probably the most under-used aspect of field art, and is something I've been wanting to improve on for a long time. Turns out it's actually much easier to make great-looking midfields than to do endzones, so I hope folks give this a try!

There are 2 separate points to this tutorial:
1) How to get much BIGGER midfield logos in-game.
2) How to make the field lines show through for a much more realistic effect.

Newbies: This tutorial requires the program TexMod to work. Download TexMod HERE and then read the tutorial HERE on how to create .tpf's using TexMod.
For an introduction to Paint.NET, check out my graphics guide for newbies.


Some screenshots first (scroll down past these to get to the tutorial).

CLICK ON ALL OF THE THUMBNAILS FOR CLOSE-UPS!

Image

Image_Image


Image

Image_Image


Image

Image_Image


Image

Image_Image



SECTION 1: How to get BIGGER midfield logos in-game

Let's back it up a bit. Madden's midfield logos are all the same dimensions (256x256), but some cover a larger area of the field in-game. Most of Madden's default midfields show in-game BETWEEN the 45 yard lines, giving a maximum width of only 9 and a half yards. However, in real-life many of these same logos actually extend PAST the 45's, and the largest in real-life (49ers) touches both 40 yard lines.

In Madden 08, the midfield logo that covers the largest area is the Bengals logo (the old leaping tiger) which extends between the 41's. Looks like this:
Image

The factor that determines the midfield size in-game (the TMdl) requires some (moderately) complex editing to alter it. However, this tutorial is designed to be easy-to-follow, and therefore takes an simpler approach! ;-)
Simply put, if you make a simple change in your roster file that sets the Bengals midfield for any or ALL teams, then you can overlay that large leaping tiger in TexMod with the correct logo for your team, and it will be just as big! :-D

Here's the Vikings midfield at default (smaller) size, followed by the correct larger size (using the Bengals midfield as placeholder).
Image


To do this for any team:
1) Open your roster in Madden DB Editor, and export the TEAM table as a .csv file.
2) Open that file in Excel (or the free OpenOffice Calc), and find the TMFL field (which is column AK).
3) The Bengals midfield value is 1, so locate the team you wish to change, and enter a value of 1 instead.
4) Save the .csv and import back into the roster.
5) Save the roster under a new name.


N.B. When creating your .tpf, you MUST use the memory address for the leaping tiger, which is always 0xFD9ECB63 for default (un-modded) Madden.
Therefore, your .tpf should have a line that looks something like this:
0xFD9ECB63|midfield (CIN).png
(I like to retain the "CIN" tag to remind me that I'm using the Bengals midfield logo as a placeholder.)

BTW, as far as I remember, the FF XIII mod (i.e. the one before the current one) had the current Bengals midfield "B" in the mod, but at the default smaller size, which means you will not be able to gain any advantage from using it as a placeholder. If that's still the case for the current mod, then just simply move the FIELDART.dat to a different folder to get the larger leaping tiger back.

EDIT: While my method will not work for midfields in .dat-form or CustomArt-form, it IS now possible to achieve this with some extra steps thanks to StingRay68's excellent work HERE. I'll post some more detailed steps when I get the chance, but it is considerably more difficult.

Anyway, this method really comes alive when used with my FieldBuilder framework, giving college midfields that stretch all the way from one wide hash to the other! :-D Here's my Clemson field:
Image
(Just to be clear, I have used uniforms, crowd, and wall wrap from the Heisman mod in the above screenshot; everything on the field of play is my own work.)


One final other benefit relates to the Titans midfield. Eagle-eyed Titan fans out there may have noticed that the Titans midfield logo is wrongly oriented in Madden. With many other midfields, you can simply invert the image, and it will show correctly in-game. Not so for Tennesee though, due to the asymmetrical shape of the logo. When you invert that image, it is no longer centered on the 50 yard line. See here:
Image

But when you use the Bengals midfield as placeholder, it is now possible to invert AND correctly center the image. Like this:
Image

Not hugely important, but kinda neat all the same! ;-)



SECTION 2: How to make the field lines show through

1) Create your midfield logo as usual (the bigger the better). (Use my Hi-Resolution team logo's as a launch point if you wish)
2) Take care when choosing your colors, as field art colors are often a different shade from the logo and uniform colors! Real-life paint doesn't stick to grass as well as it does to turf, so as a general rule I therefore use lighter shades for a midfield logo on grass. For colors on turf, it varies hugely. The black rubber in turf sometimes makes the paint look darker than normal, and the Cowboys' turf shades of blue and silver are MUCH darker than their logo and uniform colors. On the other hand, the Bengals' turf-orange in real-life is much lighter than their logo and uniform orange!
3) Always avoid using 0,0,0 for any black on any field or it will look TOO dark. I use 20,20,20 for more realism.

4) Download my "large midfield template" from the bottom of this post. I have used a canvas size twice as big (512x512) to compensate for the logo being spread over a larger area (to retain the same level of detail).
N.B. It's important to realize that in real-life the hash lines are 2ft long, but Madden incorrectly uses 3ft lines. Therefore, any comparisons you do with real-life photos should be with the "2ft lines" layer in the template.
5) Open the template, and using the "2ft lines" layer as a visual guide, get an idea of how wide your logo needs to be.
6) Measure the desired width (in pixels) in relation to the hash lines, and take note of this width. (Look for "Bounding Rectangle Size" at the bottom of the Paint.NET window for the exact dimensions of your selection.)

Next, you need re-size your logo to that width. In Paint.NET, you MUST do this as a separate action; if you just copy and paste and then re-size "on-the-fly", it will not appear as sharp!
7) So, go back to your midfield logo and flatten.
8) In Paint.NET, click on Magic Wand, and set Tolerance to 0%.
9) Click anywhere in the empty space, and then click on "Edit" followed by "Invert Selection" (or press CTRL I).
10) Click on "Image", then "Crop to Selection". Your logo should now touch the canvas on all edges.
11) Click on "Image", then "Resize" and enter in your desired width.
12) Copy and paste onto the top of template.

13) In the Layers window, locate the Properties button (bottom right). Click on that and set the opacity (transparency) level for your logo to 216. You should now see the hash lines show through, and can fine tune regarding placement.
14) When you're happy with the correct placement, uncheck the "2ft lines" layer, and check the "3ft lines" layer instead.

N.B. This midfield template uses sections of grass and turf taken from my TrueTurf field template, so if you use a radically different shade of field, you will need to add your own layer at this point.
15) Decide whether you need a grass or turf layer. (For grass, use the “grass light50” layer as default.)
16) Delete all other layers, leaving only 3 layers: the logo, the 3ft lines, and the grass/turf.
17) Click on the 3ft lines layer, and flatten it down onto the grass/turf layer by clicking on the “Merge Layer Down” button in the Layers window.

It's important that no grass or turf sticks out beyond the edges of the final version of your logo, so
18) Click on Magic Wand, but this time set Tolerance to 70%.
19) Select the logo layer and click anywhere in the empty space. This will select all the dead space around the logo, AND go slightly over the logo edges too.
20) Leave the selection as it is, but click on the lower (lines/field) layer to highlight that instead.
21) NOW click on Cut (the scissors icon at the top).
22) Finally, flatten the semi-transparent logo down onto the field layer, and save in .png form (32-bit). You should be left with an image that looks something like this:
Image
To be clear, the above image is one layer, with a semi-transparent logo placed on white lines on turf. The lines and turf stop slightly short of the edges of the logo, so that only the white of the logo border is at the very outermost edge.


SOME FINAL TIPS ABOUT MIDFIELD ART:
1) You should ALWAYS leave a gap of 1 pixel on all sides or else you will get a weird bleeding effect when the logo touches the edges. When using this template, the maximum size for your logo should therefore be 510x510 (centered on a 512x512 canvas). But the same applies to regular-sized .tpf midfields (254 on 256 canvas), AND to CustomArt .bmp midfields too (I don't know about .dat-form).

2) Unlike the logos in my Logo Mod, a semi-transparent midfield will not show as semi-transparent in-game unless it has been flattened onto another layer first. To put it another way, if you set your logo opacity to 216 and save it without any else underneath, it will appear as full “opacity 255” in-game. Therefore, always flatten onto a grass or turf layer first.

3) If you are making a midfield logo for a team that uses the smaller logo area CORRECTLY (i.e. fills the smaller area to the correct proportions), then another option is to forget about the Bengals placeholder, and just make THAT smaller-style midfield logo 512x512 instead. That means twice the resolution in the smaller area, which can be great for logos with lots of diagonals or detail (although the hash lines in the template will no longer match up). It doesn't have to be multiples of 256 of course; TexMod will accept dimensions of any size, so you are free to improvise and just work with whatever you have. ;-)



DOWNLOAD EVERYTHING YOU NEED HERE: pick6's better midfields v2.zip

The .zip contains the template in Paint.NET (.pdn) format, as well as Photoshop (.psd) format.
That template also contains layers of the midfields used in this tutorial, which you can flatten yourself following the instructions above.
I have also included 2 demo .tpf's, containing the MIN midfield on turf, and the TB midfield on dry and wet grass versions of my TrueTurf field. Remember they need to be loaded separately since they share the same memory address for the midfield. Also remember to load the included roster, which has the necessary TMFL changes for the CIN placeholders, as well as setting the Vikings stadium to Rhein Fire (closest match to TCF Bank) and changing its field type to turf. I have inverted the midfield logos in those .tpf's, for correct real-life orientation. No endzone or other stadium art is included.

Feel free to use any part of it yourself, or to modify and use in whatever way you wish, but please remember that permission should not be taken for granted on this forum. Always check with the author first before assuming that you have permission to do so!

Enjoy! :-)

pick6's "BETTER MIDFIELDS" (tutorial & template)

Sponsor

Sponsor
 

User avatar
Austinmario13
Hall of Fame
Posts: 3058
Joined: Mon Oct 10, 2011 4:57 pm
Location: West Odessa, TX
Contact:

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby Austinmario13 » Thu Oct 23, 2014 7:04 pm

Pick6 wrote:1) Open your roster in Madden DB Editor, and export the TEAM table as a .csv file.
2) Open that file in Excel (or the free OpenOffice Calc), and find the TMFL field (which is column AK).
3) The Bengals midfield value is 1, so locate the team you wish to change, and enter a value of 1 instead.
4) Save the .csv and import back into the roster.
5) Save the roster under a new name.

Could you do this for all of the teams at the same time? Or just one at a time?

User avatar
pick6
MVP
Posts: 953
Joined: Mon Oct 15, 2012 3:03 pm

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby pick6 » Thu Oct 23, 2014 7:41 pm

Austinmario wrote:
Pick6 wrote:1) Open your roster in Madden DB Editor, and export the TEAM table as a .csv file.
2) Open that file in Excel (or the free OpenOffice Calc), and find the TMFL field (which is column AK).
3) The Bengals midfield value is 1, so locate the team you wish to change, and enter a value of 1 instead.
4) Save the .csv and import back into the roster.
5) Save the roster under a new name.

Could you do this for all of the teams at the same time? Or just one at a time?


Yes, you can do this for all 32 teams at the same time if you wish! I'm slowly going back over my midfields and seeing which need to be slightly bigger to be exactly like in real-life, and so far I've re-assigned 9 teams to have the Bengals midfield.

I've done this already to BUF, CLE, GB, MIA, MIN, PHI, SF, TB, & TEN, but I'm sure there will be more.

In the case of CLE, it only needed to be a tiny bit bigger (to exactly touch the 45 yard lines), but I figured if I was gonna do it right, I may as well do it right! :D

For the record, there are some teams that have midfield sizes that go OVER the 45's (i.e. a bit bigger than the most common small size). But that would mean using multiple templates, as the field lines would need to be done again. I decided to just stick to the largest one from now on, even when I only need to make the midfield a little bit bigger.

User avatar
elguapo
Hall of Fame
Posts: 2229
Joined: Thu Feb 09, 2012 8:24 am
Location: El Paso, TX
Contact:

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby elguapo » Fri Oct 24, 2014 9:54 pm

You are right in your assumption that the size of the midfield is determined by the TMdl data. I tried to PM you the TMdl data but I can't PM you.

cheo25
Veteran
Posts: 44
Joined: Thu Nov 01, 2012 8:25 pm

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby cheo25 » Thu Nov 13, 2014 8:43 pm

1) Open your roster in Madden DB Editor, and export the TEAM table as a .csv file.
2) Open that file in Excel (or the free OpenOffice Calc), and find the TMFL field (which is column AK).
3) The Bengals midfield value is 1, so locate the team you wish to change, and enter a value of 1 instead.
4) Save the .csv and import back into the roster.
5) Save the roster under a new name.


I tried doing this but the TMFL values seem to be different and does not have the Bengals at 1. Is it supposed to be something other than TMFL?

User avatar
pick6
MVP
Posts: 953
Joined: Mon Oct 15, 2012 3:03 pm

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby pick6 » Fri Nov 14, 2014 5:24 am

cheo25 wrote:I tried doing this but the TMFL values seem to be different and does not have the Bengals at 1. Is it supposed to be something other than TMFL?

What roster are you using? Do you have any mods installed too?

It's definitely the TMFL field that needs to be changed, and that can be found in column AK. Find the line for the team you wish to change, and change that to 1 anyway and then test.

TMFL field (column AK).jpg
CLICK ON IMAGE IF HORIZONTAL SCROLL BAR IS NOT VISIBLE.

The above screenshot shows the default Madden 08 roster, with Bengals TMFL at 1. In this example, I changed the Bucs TMFL value from 5 to 1.


BTW, if you have any mod installed that has already updated the Bengals midfield but it appears too small (i.e. does NOT show the larger leaping tiger), then you will also need to update that logo first. See HERE for how to update the Bengals midfield with the current (and large) midfield logo.
You do not have the required permissions to view the files attached to this post.

cheo25
Veteran
Posts: 44
Joined: Thu Nov 01, 2012 8:25 pm

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby cheo25 » Sat Nov 15, 2014 9:43 am

I'm using the 1976 roster. I don't have any mods currently installed, to my knowledge. I've had a couple mods installed previously, but I did a fresh uninstall/reinstall last week.

I will investigate some more. I figured it was something screwy on my end. Thanks for the response and for your hard work on this. I'm excited about the potential of this.

cheo25
Veteran
Posts: 44
Joined: Thu Nov 01, 2012 8:25 pm

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby cheo25 » Sat Nov 15, 2014 12:22 pm

It must be the roster I was using. I just used the default roster and was able to get it to work. Thanks for your help!

User avatar
pick6
MVP
Posts: 953
Joined: Mon Oct 15, 2012 3:03 pm

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby pick6 » Sun Nov 16, 2014 4:09 pm

cheo25 wrote:I'm excited about the potential of this.

Delighted you like it! :D Now go make something beautiful, and don't forget to AIM HIGH! ('cos the best feeling in the world is when you surprise yourself and surpass your own expectations. ;) )

User avatar
pick6
MVP
Posts: 953
Joined: Mon Oct 15, 2012 3:03 pm

Re: pick6's "BETTER MIDFIELDS" (tutorial & template)

Postby pick6 » Thu Nov 27, 2014 6:14 pm

mee wrote:it rotated. How can i get it straight? no idea how i got the lines to show through :D :D
Image


OK, a couple of things are going on here:
First of all, the hash marks and yard lines won't line up unless you set the Bengals leaping tiger as the Giants midfield, as the tiger covers a bigger area (which would then be replaced with your own NY logo in-game with TexMod). You need to follow the steps in the first post to make one small edit to your roster for this to happen.

Next, you've got a full square of background turf in your midfield logo; the turf is only supposed to go underneath the shape of NY itself, and not protrude anywhere. Same for the lines; they are not supposed to protrude past the logo anywhere. Everything outside of the NY letters should be completely transparent in your .png image. Again, go back over the steps carefully. There will be a bit more trial and error with this until you get the hang of it.

BTW, when you're taking screenshots, press T to hide that "keyboard control" box.


Return to “Graphics”

Who is online

Users browsing this forum: LOBBS and 3 guests