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

 

Advertisements

Witness this fully operational Battle…errr…Art Station

Tech Nirvana

The same week I got my new art tablet, I had finally overclocked my computer and received my Oculus Rift in the mail. It’s not to hard to imagin that it was more of a Tech In Pinkerton than an Art In Pinkerton kind of week. For the last two weeks, I have squandered quite some time playing with my new VR gizmo which means I spent less time on other, more artsy endeavors 😉

Nerdmaggedon has arrived!

Nerdmaggedon has arrived!

Tech Nerd Note: Years ago when I built my computer, I bought a CPU chip (I7-2600K) that was designed to be overclocked but I never bothered since it was already (and still is) very capable. I finally gave it a go and ended up boosting the speed from 3.4 Ghz to 4.4Ghz (about 25% more power) with very little change in temperature. All I had to do was change two settings in the BIOS and voila…instant faster computer.

I also upgraded my computer desk and arranged my setup so it’s much more aesthetically appealing and has space for using the Oculus Rift.

Desk

Me likey

 

It’s not all for naught

I did find time to play with my new tablet though. I took its arrival as a cue to make the transition over to Photoshop from GIMP. I do have to say, it’s has taken a few weeks for me to adjust to how different it is. I feel like I have taken two steps back but I know I will catch up to speed pretty quickly. I just have to do a little more “google research” to figure out how to do things than I did with GIMP in a long time.

N’Wah

Now that I had my new art tablet, I really wanted to see what it could do and clicking individual pixels for the Arena Depixelization Project wasn’t going to scratch that itch (sorry it’ll be back on the agenda soon). I’m not sure if I mentioned this, but my favorite video game of all time is The Elder Scrolls: Morrowind. Atmospherically, it’s an amazing setting. However, it’s from early 2000s and a little clunky. The 3d models of the characters are blocky like those poseable wooden art figures (composed of multiple seperate 3D meshes). The textures are low res, blurry, and sometimes quite questionable in their construction. As can be seen in my Morrowind screenshot directory, I have experimented with that game before.

What is old, is new again

I had a (kind of) new idea. I wanted to see if I could add a Borderlands style look to that game. It’s is only meant as  a proof of concept rather than a full mod though. As can be seen in the screenshots for my various projects, the cartoon concept a recurring theme for me (it just takes different forms). It’s an “easy” way to turn an art direction on its head and give it a little more interest. The difference this time from the last time I fiddled with Morrowind’s art assets is that, besides having Borderlands as an inspiration, I’m not brand new to computer graphics this time. I have completed a few textures already but will save that for another post.  – Martin

Overdue request but the Mailman is IN

Introfix

After much wait and anticipation (more like I completely forgot to release it), TES Arena IntroFix is complete and can be downloaded here:

http://www.nexusmods.com/tesarena/mods/4/?

In this mod, I fixed three slides from the intro when you select new game.

3-Card monte

I had completed these some time ago but forgot to release them. Unfortunately, my file managment has been less than stellar and it took awhile to find them again. When I did, I noticed that there were still a couple of errors that needed fixing. So I fixed them and now no one need ever suffer under Uriel Septim IV’s oppressive need to steal the limelight from his great grandson.

Uriel is an odd family name

INTRO01t

Uriel Septim VII is rightfully restored.

Once I had the textures in PNG format (a common image format), fixing the slides was a matter of several well placed cut and pasting.

However, getting them to a PNG format was more of a challenge. I had to use Arena Toolbox by Dysperia. That tool is a fantastic counterpart to ArenaModdingSuite. One of it’s unique functions is that it can convert the compressed images into PNG. Before this tool, no one knew how to uncompress those images (there are quite a few).

One hidden feature of the program is that it allows you to import the palette file (where it determines color) into the image itself versus being external to the file in the root directory. To make it work though, you have to trick the program into thinking it’s a new image. Simply adding a letter in the filename sufficed. The Toolbox can also convert back to the native IMG file.

Last thing left was to test it. I dropped my 3 new IMG Intro slides into the root folder of Arena, booted it up, and IT WORKED. Awesome. Sometimes it’s the little wins that keep you going 😉

  • Martin

 

Picking back up the brush

Who’s down with ADP…yeah you know me

After a substantial hiatus for real life, I’m back. My schedule has a lot more free time in it now and I should be able to make substantial progress on the Arena mod in the next few weeks. As of now, I am just 2 or 3 SET files away from reaching ALPHA! Once that is complete, I will be setting up a MODdb page and probably trying to host it on the Nexus mod site.

The project will stay ALPHA until all door and ground files are done. I do hope to have all the font files and interface done too, but that is more of a nicety (most are already done though). Once ALPHA 2 is out that I will be going back and reevaluating each texture. I started this so long ago and have come quite a ways that some of them are not to my standard or vision anymore. As it is already, I occasionally retool one here and there but I plan to do a comprehensive review.

Taking the plunge

I finally gave in and purchased Photoshop (well subscribed really). I don’t anticipate being very proficient in it for awhile since I have been using GIMP for years and it’s so different. For the Arena project, this isn’t really a problem. It doesn’t require fancy functions. I am literally coloring individual pixels from a 256 palette. The biggest obstacle their is my creativity and not the tools.

Some recent work below (really like how the first one turned out)…

– Martin

WALLH MINEA MINEE WALLG

Wake up! You were dreaming.

Early on

Morrowind Main Menu (Original)

Morrowind Main Menu (Original)

Back about 4 1/2 years ago, I had just gotten into computer graphic design. I spent the first 1/2 a year experimenting and learning how to use the editing software (GIMP). One of the games I messed with was Morrowind, my favorite game. It wasn’t really meant for any project. I decided to make a desktop wallpaper of the main menu.

At that time, I didn’t know much about GIMP or how to use it effectively. Additionally, I had just gotten my Wacom tablet and hadn’t become comfortable with it quite yet. To make it easy, I used the original Morrowind main menu texture as the base. Because of this, the end result was (and still is) useable in-game. I even went as far as retexturing the New/Load/Save buttons to match the theme.

Morrowind Box Art

It’s Alive

I decided to use the box art as a supplementary inspiration when I began working on it. There were some key differences between the two; the major one being the border that framed the box art. I really liked the border and the “daedric” lettering on it. Unfortunately, my source copy of the box art wasn’t very good so I had to guesstimate when recreating them.

Crayola version

I did have a couple goals in mind with an overarching theme of applying a cleaner more art-lik

  • To boost contrast, the border was darkened and a similar color was used for the middle triangle.
  • The center was lightened with a complimentary but vivid color to liven up the image.
  • The “daedric” lettering was lightened up to look more dramatic and almost “glowing”.
  • A spot of white was placed on each “letter” and then the smudge tool was used to stretch that white color into highlights.
  • A level of depth was created by adding width and darkness to the inner edge of the frame. The “Morrowind” lettering was giving a simple perspective by adding a drop shadow angling to the lower right.
  • The dragon emblem was subdued so that it didnt’ overpower the wording. This also gave a subtle layer of interest.
  • Lastly, it hard to see but the entire image was given a paper texture filter to create a painted canvas feel.
I use this as my background on my computer for inspiration

I use it as my background on my computer for inspiration

You never forget your first

Most of these effects evolved through experimenting with the software and various visual styles that I had in mind. However the whole picture was hand drawn/partially traced using my art tablet. It’s not without it’s flaws and a level of crudeness to the picture shows my inexperience at the time. Despite all that, it is one of my favorite personal pieces because it’s the first complete computer graphic design work of mine.

– Martin

It’s getting hot in here AGAIN?

Warm to the touch

NOTE: This kind of a rehash of a previous post from a different angle (slightly) that walks through the process more “visually”.

One of the texture SET files edited recently for ADP was a 4 texture wall set that resembled a wall with lava or fire spots. I had already settle on using a mostly flat wall color to more dramatically contrast the flames/lava parts of the textures. But in order to maintain a uniform look to the fire, the image needed to be built in layers. A good first step is to make a duplicate layer of the original before making any changes, especially major ones. That way, the duplicate can use as a reference when editing the image.

MINEB1 (original)

  • Layers in GIMP (and I’m sure Photoshop) allow you to create/edit different pieces of a picture individually but still be able to see them as a whole…like may layers of tracing paper stacked together but each having a different element drawn on it.

Cut it out

In this instance, the first element designed was the “wall” layer. Using the Erase function, all spots containing a decent amount of fire were erased.  In GIMP, the eraser needs to be set to “hard edge” because of the technical limitations of the image format, it can’t deviate form the original palette or be partially translucent. Later on when the “fire” layer was created, it would be placed underneath this layer so that it show through only the holes.

MINEB1 (foreground)

Sticking to colors in the image, one was chosen as the new wall color. Before mass painting the “wall” (usually just by increasing the pencil/brush size to larger than the image), the “lock” transparency option had to be enabled to prevent the cutout holes from being filled in. Lastly, another complementary color was used to border the cutout sections and add a smidge of depth and interest.

Heating it up

Next, another layer was created for the “fire”. The plan was to fill the whole layer with the fire effect. If the “wall” layers transparent parts are changed (holes made bigger or moved), it wouldn’t need any adjustments. Also, it’s just easier that way. The fire is created by using alternating gradients of yellow to red and then back. This is repeated for the whole image.

MINEB1 (fire background)

Lastly, the final step is to “merge” the two layers together so that they show the wall but with spots of fire. In GIMP, you can right click the “wall” layer and just select “merge down”.

MINEB1

This technique is very similar to the one used on another firery wall that I completed months ago. Additionally, I used it for the lava in my Minecraft texture pack.

MINEA1

It’s fairly simple but still creates that fire/lave effect I like despite the limited palette.

– Martin

Dude, where’s my post

Slight pause

Due to a fairly high RL tempo at the moment, I haven’t been able to work on ADP for a little while. I foresee having a little more time by the 2nd week of December. I don’t care for extended delays (well more than a month) so as soon as I can, I’ll be back at it. I’m eager to finish ADP and start my next (on hold) project.

Who told them?

I created this website so I can chronicle all my artistic  (and design) endeavors, not just game related stuff. However, I haven’t been highlighting my other artwork. I get asked occasionally by friends to create images now and then.  In that vein, I am going to create a general art section and will similarly list my thought processes and/or techniques behind how I created each image. Additionally, I want to do a retro section of old (some pretty juvenile) artwork from my younger years.

Up to bat

I have two non-game related projects in the works right now: an logo and an emblem. The prototype of the logo is below but I only have the concept for the emblem mapped out right now. I’ll detail my work on the logo below soon.

– Martin

tigerworking1