Wait, the city is built from a crashed plane?!

The A to the D to the P

First up, I have been moving along quite nicely with the art for the Arena Depixelization Project (a name only a nerd could love). Not only have I got quite a bit of new stuff done, I have been revamping the ones I don’t like as I go. I’m focusing on one location at a time in game and redoing all the wall/floor textures that I find unfinished or that need a redo.

Brownout 3

I won’t post much on this for awhile but the previously unnamed but heavily hinted project, is Fallout 3. Yes, another Bethesda game….what can I say. Oh yeah, I don’t have to say anything it’s my project so pbbbbtttt. Really, I tried playing Fallout 3 and like what I did play but the artwork in the game is so (intentionally) degraded, it hides the games true potential. All they did was make super crappy textures and add a bunch of “noise” (dithering and random speckling) and a WHOLE LOT OF BROWN.

Fallout 3.2017-10-24.20.50.45.085

Original heaping pile of…..muddy desaturated textures

Cellout implies the wrong message

I know what your saying “I sure wish he would give it a cartoony makeover”….ME TOO! See great minds think alike. In reality, I’m using it to perfect my own take on the Borderland (game for the computer) cell shading style. While inspired from that game, my style deviates in many small ways from it (besides my not truly knowing how they did it).

Fallout 3.2017-10-16.23.10.15.440

When I was feeling out how I wanted the style to look

So much brown

It really struck home when no one realized that Megaton (the first city you reach in game) was built with pieces of a plane. There are pieces all over but the textures were so bad, you never realized that you were walking on pieces of a wing or that the shed above was part of a fuselage. Oddly enough, despite inspiring to make this a full project, I really not happy with how the jet pieces turned out and plan to eventually redo them.  I used them to learn how textures in FO3 worked and struggled figuring out the strange multiple way alpha maps were used along with normal maps. For the longest, I couldn’t get them to be selectively reflective of light. They were all shiny or no shiny at all regardless of light. I worked it out (more when I actually talk about the project).

 

It just needs a good scrubbing

Ultimately, I want to remove the noise, define the textures better, add visual interest as well as color: all while trying to maintain the feel of a world in decay. I still haven’t honed the process down completely, but I am learning quite a bit and pushing my developing Photoshop skills to the limit (TAKE IT…TO THE LIMIT…ONE MORE TIME). I want to perfect them before I return to my favorite game of all time, Morrowind. Oh yes, I’m not done with you yet, sweet Morrowind (too creepy?). Here are some more before and afters (note: some are still early prototypes or have already been reworked to be smoother and cleaner):

I’m gonna focus on ADP for now and honestly, this Fallout 3 project is going to take years since I’m just working on it sporadically until I have enough free time to hit it hard.

– Martin

Advertisements

Previously, on ArtInPinkerton Blog (dun dun!)

Pixels so sharp they will cut you

For anyone who reads this blog (all 3 of you), its no secret that I tend to favor a more cartoonish and abstract style when editing game artwork. With the Arena Depixelization Project (ADP), this was mostly a necessity since I was looking at simplifying images due to the extremely low resolution and terrible graininess (grain E ness?).

Textures so muddy, they have to take their shoes before coming inside

However, with Morrowind, it was more of a desire to undrab (not even a real word I’m pretty sure) it some. The individuals textures were unimpressive but all together they worked (for back in 120 A.D. when it was created). With my early experiments, I used the cartoon method to add interest to the individual textures but it was crude.

 

 

“You know my name is Simon and the things I draw come true”

From here, I had a detour with a little experiment. For all the games I work on, I have a soft spot. Darkstone was one such game. It’s low resolution blurry textures begged for me to edit them. It was a challenge just figuring out how to access them and understand the file structure: there are odd duplicates, art sheets (many separate art assets on one texture), and strange encryption. I wanted to create a chalk-like art style. It was a side diversion and never meant to be a full project though. I really liked the results though.

STOP CHANGING THE DAMN FORMAT ALREADY!

I had very little experience back then and it was before Borderlands captured what I desired so well (ICE CREAM…wait no…CELL SHADING!). So I switched to working on Minecraft for my sons. I finished not only the main game but several of the most popular modification at the time. However, Mohjang (the makers of Minecraft) changed the texture format and naming several times over the duration I was working on it; breaking my texture pack (Grrrrr!) more than once. I never released it as by the time they finalized it, they had added so much more that I hadn’t done.  However, it gave me time to work on learning the graphics software (GIMP at the time…not the one from Pulp Fiction).

 

But the name almost begged it!

I’m not sure how I started working on it, but the next project I worked was Torchlight. I think I had just wanted to see if I could do it. During this phase, I dedicated quite some time experimenting with different styles and the software. Eventually, it turned into a full blown project which I called “Toonlight”…I am so clever…so damn clever. Looking back, I think I lamented how little the backgrounds “popped” and though I could smooth and outline them to make them defined. My biggest failing on it (beside the wee-bit of amateurish work…cough cough) was that I was so focused on the individual textures, that I didn’t account for the whole picture and scene. So much detailed “polluted” the screen. This is relevant for when I get to my newest endeavor. Toonlight was never finished (I had illusions it might be). I didn’t like the results on a game level and didn’t want to start over. The creatures looked nice though.

 

Nailed it….

Then came Borderlands. It perfectly encapsulated what I was going for. I loved the art style and now I had a inspiration to study and evolve my style. It was here I learned about rim lighting (making dark lines pop with a lighter line near it) and ways to make larger blank areas look less dull (hint: random lines and squiggles).  I didn’t try it for some time as I was working on finalizing ADP (which is….sigh…not done yet). When I finally took a break, I experimented with Morrowind again…this time on the faces; trying to capture that Borderlands style. Ultimately, I realized that my style was Borderlands-inspired but had my flavor added.

Brown…so much grainy awful pixel-y brown

I finally had enough experience to move forward. I had a few other side projects not “cartoon” style related (such as the FATE mod..so I can have all that crunchy 4K resolution…mmmmm tasty). Moving on, I had just the project in mind to hone those skills even further and put them to the test. Eventually, I’ll return to Morrowind and complete a full artwork overhaul once I’m done.

By then, I should have most of my style and workflow on lock (see I’m cool…I said “on lock”…like a boss). More coming next post……. (oohhhhhh a teaser…what can it be…).

Martin

 

Prodigal Blogger falls down well, not seen for months…again

WTF

I meant this blog as a history of my art endeavors not a graveyard. But I had this idea that I would wait till I finished the TES:Arena project before releasing my next post. So….about that. I didn’t finish ADP yet. I did work on it…ummm…some but I got distracted. Between the dreaded real life or RL (yes I do have one of those) and other projects (including some for friends), I just never finished. I have worked on several disparate things since then. I am susceptible to what I call “Shiny Key Syndrome”. Despite not being a rabid blogger, not posting actually demotivated me. Weird. Well, here’s a pic to fill the space (it’s my first project related pic on this site):

Starting dungeon

Starting dungeon

 

ADP 123

But first…yes Virginia, I will finish that Arena mod if it kills me….I mean maims me….or how about slightly vexes me…yeah lets go with that. No time lines…I think I proved that I’m terrible at that. I have finished doors but still need to do the framing to match the walls they are associated with. I hate to say this, but the extended time away has let me look at it with a fresh eye (no,no,no….figuratively). I think I want to make some changes…BUT first I’ll finish what I have. It’s only fair for those who have stalked this project like an Ex on facebook.

MAP or Monster

Caveat: I know WAY too much about how Bethesda codes it’s mod files. I’d actually argue that I have a Master’s degree level of understanding for Morrowind and Oblivion (from Nerd University, Dork Campus). I find it more fun to make the “perfectly modded” game than I do actually playing it. Now that I’ve scared all the ladies away…why do I mention this…well because this is my mega WIP…..

AIP Oblivion Overlay Map NG+ experiment-Recovered

This insane Frankenstein monster of  map, it a comprehensive guide to where mods overlap each other. Using modding tools, I’m mapping out every cell from each mod I use plus a few uber popular ones I don’t. It’s insane, OCD, and insane. I love it…my analytic brain can’t get enough of making order where there is only chaos. What’s that look for?!

MorrowLands 2.0

Remember when I did lined faces for Morrowind. Yeah…that’s back….but better. I already have learned more subtle techniques. Not really a project as much as a continued experiment to perfect the style I’m trying for (hint: it rhymes with Borderlands) mixed with my own vision. I’m still not completely feeling I have it how I want…I’ll come back around to it eventually, I’m sure.

What’s behind door #3?

The last project is the one I’m eager to actually finish (besides ADP) mostly because I think the game will most benefit from it. I’ll leave it a mystery for a little longer but here is a hint:

ScreenShot8

Let’s have some fun again – Martin

The madness of Fate

What are they doing? Seriously, some one tell me.

I mentioned that Fate converts the textures added at install from PNG to DDS. This conversion happens upon initial run of the game but also again if any of the converted textures go missing (which I use when I tweak textures and such). In addition to the main texture (or diffuse map), some textures had an alpha map (for transparency such as making the black on the sails below invisible). Then there are the “completemaps” that funk up the textures in game and honestly, aren’t very well done in Fate. Such as the one I posted last time. It was supposed to be a burned down building, but it looked completely black despite the original texture having detail and actual color. After I rebuilt the texture, it still looked dark in game. There was a peculiarity with the coloring and shading/highlighting with several of the textures. It was clear my changes were in place but something was distorting the image.

(CLICK THE PICTURES TO SEE THEM LARGER)

You can see in the image that my version of the boat is much cleaner (and detailed). However, when I loaded the game, my textures showed but were muddied with blemishes shown in the first texture. I thought maybe it was an engine thing (e.g. when building levels you can “paint” shadows and marks on the 3D landscape like Morrowind).

I didn’t know what I don’t know

Then I discovered, there was a third texture related to the boat image. However it’s structure is very weird. This texture does two things that I can discern: 1. highlights or darkens areas on the model and 2. adds color tinting. So my amateur status here doesn’t know what this layer is called or how the heck it is made or relates to the model. It’s not just another variant of the boat texture but rather more like a piecemeal palette of portions of the 3D model.

boatcompletemap

I assume the 3D software creates the mapping on this texture…If anyone knows, please enlighten me

Trying to make it work

The lighter the color is, the brighter on the boat and the darker creates shadows. The hue tints the image that color. But the mapping is crazy…I had to experiment just to get the white on the boat to be even. I plan to minimize my efforts on those files unless one (such as the boat) really needs it. The smelter (as it’s labeled in the filename) stays mostly red due to how it’s “completemap” is mostly shades of red.

20161019203041_1

Smelter walls should be light brown.

20161026215121_1

 

After some trials, I at least got the ship to a reasonable spot. I’m not sure if I’ll come back to Fate or not but it was a fun bit of messing around.

– Martin

 

 

 

Cork on a fork

This is Jiub. Jiub is the first person you see in Morrowind. He also has a fairly unique head so it was fitting to use him as my first experiment. Easy to test. This Jiub, being my first attempt, is a little crude compared to the later images. The transition as I refined the style is apparent. So here’s what I did.

 

55fiqg

I was watching you sleep

Resize

The initial resolution was 256 x 128 pixels. That’s not a lot of room for sharp lines and clarity. Additionally, it’s a good idea to work big and then shrink as needed so I resized the image to 2048 x 1024, keeping the aspect ratio but increasing the size by 8 times. As the fine lines of the borderland style are important, a higher resolution is preferable.  (I tested it when done and shrinking down to 512 x 256 looked OK but 1026 x 512 was ideal for size vs detail).

Create layers

I duplicated the image into two additional layers. I do this so I can have a pristine backup, a working copy and high pass copy (if needed). The high pass allows me to see the areas needing outlines more clearly. I don’t always use it but it’s handy if needed. I created a new layer that is transparent to be my actual canvas for the black outlining. Showing but underneath the active layer would be the working copy or the highpass copy to use as the base reference.

Outline

tx_b_n_dark elf_m_h09

Jiub 1.0…crude untapered thick lines

Like the video linked in my last post, I started creating outlines highlighting particular feature areas that stood out for change in shape. My  variation on this style leans more to outlining surfaces with changes in height but not color fluctuations (e.g. later on when I get to tattoos, I likely won’t outline the tattoo.) I looked for distinctive wrinkles and natural feature as well as abrupt marks like the scar.

As you can see in Jiub 1.0, I failed to refine the lines after I finished outlining. I didn’t use shape dynamics or taper and thin out the lines. Crosshatching was also minimal.

Check

Jiub Vanilla Base to Borderland

NifSkope and Jiub 1.0

I used a program called NifSkope that lets you see meshes rendered with textures and animation if applicable. It was there that I saw how odd the texture stretched due to the 3d model’s crude animation and UV texture mapping. The eyes looked really weird as the mesh just stretched down a single point to mimic blinking but the texture stretched the area above the eye down with it. The mouth opened up very much like the canadians in South Park. Because of that, I had to go back and adjust the lines to minimize the line bleeding when the textures stretched.  You can also see where the original texture has errors such as the red eye’s inner lower corner bleeding onto the eyelid.

Tweak

Because this is a more cartoon-like look, I experimented with using an unsharpen filter on the working copy of the original image to exaggerate the colors and then a smart blur to blend the blemishes away some. Additionally, I added shadows and highlights by drawing on a new layer black and white respectively at 50% opacity and then blurring it to look like light smudging.

Next time, I show the other, more refined textures I completed AND Jiub 2.0.

– Martin

20160606075309_1

He fell passed out drunk and the guards found a Sharpee

Doors and Floors

 

Get it together man

Now that I have finished the “walls and halls”, it’s time to renovate the doors and remaining floors. I have finished almost all the ground textures though (well a few could used tweaked too). In the past, I just worked directly in the directory where I extracted the files and reinserted them into the BSA from there. However since there are so many IMG files (949 to be exact) and that isn’t the cleanest way to work from a project management perspective, I pulled all the door files out to a separate folder/workspace and created a completed folder to use for importing files back to the BSA.

Tavern with old door art

Must have ran out of paint

Doors, Doors, Everywhere there are Doors

There are 112 door files not including non-doors that would serve as potential transition points (e.g. ladder up/down, stairs, etc..there are about 12 of those). These IMG files come in two variety, framed and whole texture.

I’ve been framed

The framed doors are “framed” with the texture of the building to which they belong (e.g. the Mage Guild door has a frame art that matches the building).  To do these, I’ll just copy and paste a wall from the matching set file and layer it under the door so it’ll be a perfect fit with the rest of the building. All exteriors and some interior doors are framed doors, pretty much any door that transitions between outside and inside.

 

That’s no small wall…it’s a door!

The other type of door is the whole texture door. I have done a few of these previously as you can see in the screenshot. These doors belong to all the interior rooms and are the ones that swing open so you can enter a room. Although they are relatively simple (as they repeat the same textures over and over for different files), I’m hoping to add a little more variety to them.

 

First things first though, I will test to see if each IMG file is used in game (i’ll probably do them in batches). I have already found several that aren’t. I will likely still redo them just in case. Worst case scenario, if I ever can get anyone to figure out how to decipher the MTF files, I will use them to make new dungeons and buildings.

– Martin

,

Is that 80’s fashion?

The straight and narrow

Some days I can blaze through images getting 5 or 6 done in a sitting, then other days just part of an image can take a couple days. When it comes to the Arena Depixelization Project (ADP), the easier ones are just patterns (especially ones with straight lines horizontal or vertical). The low pixel count doesn’t really muck up the design too much since there is no need for a “fine detailed” line in those cases.

It kind of looks like….

However, once lines start curving or the image becomes complex, the time required is increased, sometimes dramatically. It’s hard to get non-angular shapes to look good when you only have a 64×64 grid to work with. I find that it takes multiple revisions to get it looking just right. To make matters worse, the source material for ADP contains many pictures that are either so pixelated as to be barely discernible or they generally don’t look very good as you clean them up (such as dress thing for the “angel” in this picture).

WALLA Untouched

Click to enlarge

 

Close enough for horseshoes and hand grenades

In that image, I had to make some artistic decisions on how “accurate” to the source material I would be. The image is generally too complex to leave unaltered for my “Depixelization” theme. At first, I didn’t even know how to tackle it. I completed all the background wall first and left the “Angel” and the “alcove” till last. The good thing about that is that it let me establish the colors for the image. Eventually, I had to do this one as I only have a few SET files left. I decided to break it up and focus on individual pieces of the angel. I really wished I had made a timelapse of this one to show how much back and forth I did on it.

Mr. Potato Head

I started with the more clearly defined shapes, to include the arms, head, and the key. Those came into place with minimal fuss. Then, I tackled the wings. It took me awhile as the initial version (closer to the source) just didn’t look very good. After a couple of iterations, I ultimately decide to make the wings bigger as if they were more full body sized. Next, I attempted to do the feet. However, they just did not look good, especially when I started working on the weird “billowed” dress/robe. I decided to put the feet off and do the clothing. I touched up the sleeves to improve the “hanging off the arms” appearance. I made my first rendition of the lower part of the robe very close the source version. However, it looked terrible because the source version is kind of ridiculous looking, as if someone tucked an oversized shirt into a skirt.  I played with it a little before I decided to just alter the design. I revised it to look more like a regular robe. Unfortunately, the feet still looked awkward, so I removed them and lengthened and curved the robe as if they were hidden by it and it was floating.

– Martin

ADP WallA

Click to enlarge