HoI4 Dev Diary - Loading Screen Art and more

Greetings, HoI fans.

I'm not much of a forum goer, so most of you probably never heard of me, but I am the Art Lead on Hearts of Iron 4.

Today I bring you a rather special Dev Diary. This was prepared for you all by our 2D artist on HoI4 and should give you a glimpse into the work that goes into each new loading screen. We hope that you will all find this to be an interesting and enjoyable read.

Without further ado, I now hand over to the artist.
-------------------------------------------------------------------------------------------------------------------

The loading screen for The Krojanty Battle - An artist's journey

NSB_Wallpaper_2_4k.png

(This image is a 4k PNG. Feel free to use it as a wallpaper if you wish.)

So where does an artist start?
First and foremost, to have a tool to gather the most crucial thing to build an epic looking loading screen is a reference board. The tool that our artist uses is called PureRef. It keeps track of your images and is easy to organize and customize.
And of course, photoshop to draw in. Can’t forget the most important of them all now, can we?

So! The tools are in place, the artist is ready and the prompt lands on their desk, saying “Polish cavalry attacking resting German soldiers early in the morning”.
Google time!

You may be familiar with the illustration by Jersy Kossak who specialized in painting military scenes. This was one of the first images that our artist found and immediately banked it in their PureRef for later use.

The myth, the legend, the Krojanty Battle:
1a.png

It's epic and cool but oh so inaccurate. But it is a start!

Doing some more research led our artist to a reenacting movie about the battle. Of course still not accurate but a great score for poses, mood and composition. They also only had the trailer/making of available to them but that never stops an artist.
Screen grab galore took place, no regrets.
epic_light.png

Epic light in this one ^

great_poses.png

Great references for poses in these^

Of course our artist can’t stick to one source. Time to hit google again and this time they found some more reenacting scenes to add to their growing collection.
more_great_poses.png

More poses and epic looking horses ^

With a PureRef filled to the brim with interesting angles, poses and an interesting mood and light our artist now starts to work on something that’s called “Thumbnailing”.
It essentially means that our artist is making quick, easily viewable suggestions for the loading screen depicting a cool looking battle, sketched up with the help and guidance of the reference material they gathered.
Fun fact; the word “thumbnailing” is actually a direct reference to the human thumbnail in size and the word has been used as early as back in the 17th century for small imagery.
Kind of gross... kind of accurate, but still.
These are the thumbnails that they did for Podcat and Archangel85 to pick from!
thumbnails.png

Yes. They are that ugly. Yes they take no time to make, that’s the point. There's a bunch of ways to go about thumbnails and our artist usually use grey scale when doing these. Mostly to be able to tell hierarchy in the scene quickly. For example, the darkest parts are the most visually interesting ones where we want you to look first and the lighter ones are secondary and not as important.
Here we also see our artist giving us the A-B-C-D options for easier communication with the team. Pro tip here is always be clear on communication with the team to deliver the most accurate representation you can as well as often showing the progress to steer the illustration in the right direction.

So the Work In Progress phase begins.
The first WIP that’ll be shared is the very first “clean” thumbnail that Podcat and Archangel85 together with our artist went for. They choose to change the direction of motion from left to right because that is the way we read as well as adding another rider in the foreground to give visual depth of the image.
WIP_1.png


Next phase in the WIP series is colours! We wanted the illustration to be time accurate, so what do we know? We know that the cavalry attacked early as heck in the morning. We know the German soldiers were camping near a forest. We know that the cavalry came through it. But what kind of feeling was most interesting/epic?
Our artist made two colour variants to choose from:
WIP_2.png

^ More time accurate with a cooler tone of morning

WIP_2.5.png

^ And this one is more romantic/golden hour esque which in the end we went with. This felt more on-style with what we wanted to portray even if the time of day is wrong this feels more HOI.

After working some more with what tone and mood of the illustration should lean towards, our artist start to define some more characters. Right now they are just blurs and blobs as well as straight up photos.
WIP_3.png


At this stage our artist went in the direction of adding more drama to the background. A new skyline was added with a helping paintover to show direction from HOI’s art lead as well as defining the landscape some more.
In this stage our artist also started to add some more definition of the soldiers who suddenly got multiplied (in the distance you could hear sad artist noises who realized they had bitten off more than they could perhaps chew). But as we say in Swedish “Skam den som ger sig!”
WIP_4.png

And yes… You saw right. Was that gear time period accurate? Were those crates truly used? What's up with those crazy large tents? Why are they even white? How strange…
So yes. Sad artist noises were once more heard as they realized the finds they had collected in their PureRef were indeed inaccurate for the time period. It dawned on them that they had to re-do some stuff.
There's a reason why artists live by “kill your darlings”. Sad, but oh so true. But also a very good thing to do! Sometimes you just have to realize that the best way to fix something is to start over. Now this was of course not the case. But still a hefty re-paint was in order.

Thanks to Jamor who so kindly rallied to our artist’s aid, gave them proper reference material and managed to steer clear of an embarrassing illustration.
So now we are heading somewhere! The noisy background elements were taken out because it was too distracting which wasn’t entirely the case up until now.
Remember the thumbnailing? Yeah those explosions had suddenly stolen the show which was a big no-no. Let the horses be the stars!
And in this stage the character got more defined as well as the background getting more painterly.
WIP_5.png


Well, we finally arrived where it really started to come together! It looks epic, the mood is heroic and you can feel the battle about to happen. This was therefore a time to go back to the beginning, to look at how the other loading screens had been made to maintain an equal feeling and style of rendering to this new piece!
Grabbing a bunch of older loading screens our artist studied the brush strokes, textures and colours that had been used.
study_old_loading_screens.png


Aaaan back to the illustration! More textures are now added to mirror the old style as well as adding to the foreground and middle ground as well as details in and around the camp. Some soldiers got new jobs, instead of lying dead someone is now defending the camp and some more soldiers crawl out of the tents. Our artist wanted the feeling of “panic” to be visible in the camp.
WIP_6.png

Here the decision to actually raise the ground a good chunk to balance the whole image better was taken. And at this stage our artist, together with lead artist and art director, checked the values of the image.
Arguably this could have been done much earlier in the process but sometimes you simply forget until it bites you in the ass. Luckily tho it was at least caught!
For example, the darkest part of the field kitchen was too dark to match where it stood in the field and our artist had to make it lighter in value to push it back where it belonged in the image.

Not to get in and be TOO technical about what was happening in this stage, in short, our artist checked the contrasts to make them feel believable. The things at the foreground should be the darkest and as further back you go in the image the lighter in value it is.
The example with the field kitchen was that it didn’t look believable. The darkest part of it matched the darkest parts of the horse and rider in the foreground and therefore looked off in its position.
Flipping a adjustment layer of Black and White on and off helped with a quick overlook of the scene since sometimes colours can deceive. Being able to toggle a grey-scale filter on and off can do wonders and give a new perspective and light to the image.
WIP_7.png


The final stretch of “last minute fixes”, here we go!!
Here our artist started to do those last 10% of the image to take it over the finish line! Fun fact, usually the last 10% are referred to as the longest and most tedious part of an illustration.
Here they are adding details and more life to all the characters as well as adjusting and fine-tuning the background and the light in the illustration.
load_KrojantyBattle_small.png

The whole illustration from gathering references to thumbnailing to finally done took approximately 3 weeks, 2 of which were dedicated to be set after each other, while the rest of the remaining days were spread out in between other work our artist had to prioritize.

Our artist sure did an amazing job here and can you believe that this was the first time they ever created such a huge piece of art?!
Their usual work on HOI is to create the icons and buttons you like to push and glance at as well as a few portraits here and there so this was indeed a challenge for them. But least to say is that they sure had fun (despite some suffering, but let's be honest… what is an artist if they're not suffering) and enjoyed the challenge and above all the experience the loading screen delivered, and hopefully you’ll agree with them that it looks pretty cool.
And perhaps we’ll see them take on another loading screen again in the future.


But before I let you go, I have a little meme from our artist to you.
(artists are artists, not programmers )
HOI_artist_meme.png



-------------------------------------------------------------------------------------------------------------------
Now for something completely different.

Here are a few of the new portraits you can expect to see in No Step Back.
portrait_SOV_aleksandr_vasilevsky.png
portrait_SOV_aleksandr_yegorov.png
portrait_SOV_andrey_grechko.png
portrait_SOV_andrey_yeryomenko.png
portrait_SOV_blyukher.png
portrait_SOV_filipp_golikov.png
portrait_SOV_grigory_semyonov.png
portrait_SOV_leonid_govorov.png
portrait_SOV_vasily_primakov.png
portrait_SOV_maks_reyter.png
portrait_SOV_patriarch_meletius.png
portrait_SOV_pavel_rybalko.png

portrait_SOV_ramon_mercader.png
portrait_SOV_semyon_budyonny.png
portrait_SOV_semyon_timoshenko.png
portrait_SOV_vasily_kuznetsov.png
portrait_POL_maria_koszutska.png


There are plenty more where these came from. ;)

image (2).png


Additionally, here is a peek at some upcoming focus and achievement icons:
image.png
image (1).png



Well... That's all from us for now, folks.
We hope you are all as excited about playing No Step Back as we are to have you play it.

Oh and one last thing:

The No Step Back feature streams are starting this week, with a first look at the new focus trees in action. The first stream is today (Wed 27th) at 16:00 CEST, during the normal HOI weekly stream slot!
feature-Stream.gif
 
  • 98Love
  • 95Like
  • 4Haha
  • 4
  • 3
  • 1
Reactions:

Crossl3ones

Sergeant
62 Badges
Aug 25, 2018
79
67
  • Hearts of Iron IV: La Resistance
  • Stellaris
  • Stellaris: Galaxy Edition
  • Stellaris: Galaxy Edition
  • Stellaris: Nemesis
  • Hearts of Iron IV: Cadet
  • Hearts of Iron IV: Colonel
  • Crusader Kings II: Reapers Due
  • Europa Universalis IV: Rights of Man
  • Stellaris: Digital Anniversary Edition
  • Stellaris: Leviathans Story Pack
  • Hearts of Iron IV: Together for Victory
  • Crusader Kings II: Monks and Mystics
  • Crusader Kings II: Conclave
  • Hearts of Iron IV: Death or Dishonor
  • Stellaris: Lithoids
  • Crusader Kings II: Jade Dragon
  • Hearts of Iron IV: Expansion Pass
  • Stellaris: Humanoids Species Pack
  • Stellaris: Apocalypse
  • Stellaris: Distant Stars
  • Europa Universalis IV: Dharma
  • Crusader Kings II: Holy Fury
  • Imperator: Rome Deluxe Edition
  • Imperator: Rome
  • Stellaris: Ancient Relics
  • Stellaris: Federations
  • Stellaris: Necroids
  • Imperator: Rome - Magna Graecia
  • Europa Universalis IV
  • Europa Universalis IV: Art of War
  • Crusader Kings III
  • Crusader Kings III: Royal Edition
  • Victoria 2
  • Battle for Bosporus
  • Cities: Skylines
  • Europa Universalis IV: El Dorado
  • Crusader Kings II: Way of Life
  • Europa Universalis IV: Common Sense
  • Crusader Kings II: Horse Lords
  • Europa Universalis IV: Res Publica
  • Crusader Kings II: Rajas of India
  • Crusader Kings II: The Republic
  • Crusader Kings II: Legacy of Rome
  • Crusader Kings II: Charlemagne
  • Crusader Kings II: Sword of Islam
  • Europa Universalis IV: Conquest of Paradise
  • Europa Universalis IV: Wealth of Nations
  • Victoria 2: Heart of Darkness
  • Cities: Skylines - After Dark
That is some beautiful art, wonderfully done. I take it then that Estonia, etc troop models remain as generic models in game? Or could they have something done with them later as was the case regarding Spain?
 
  • 1
Reactions:

PurpulaPhoenixum53

Lt. General
43 Badges
Oct 8, 2016
1.391
1.867
  • Crusader Kings II
  • Cities: Skylines - After Dark
  • Crusader Kings II: The Republic
  • Crusader Kings II: Sword of Islam
  • Europa Universalis IV
  • Crusader Kings II: Jade Dragon
  • Europa Universalis IV: Third Rome
  • Europa Universalis IV: Pre-order
  • Europa Universalis IV: Res Publica
  • Europa Universalis IV: Wealth of Nations
  • Hearts of Iron IV: Together for Victory
  • Europa Universalis 4: Emperor
  • Crusader Kings II: Monks and Mystics
  • Europa Universalis IV: Mandate of Heaven
  • Hearts of Iron IV: Death or Dishonor
  • Europa Universalis IV: Cradle of Civilization
  • Hearts of Iron IV: Expansion Pass
  • Europa Universalis IV: Rule Britannia
  • Cities: Skylines - Parklife
  • Hearts of Iron IV: Expansion Pass
  • Europa Universalis IV: Dharma
  • Crusader Kings II: Holy Fury
  • Europa Universalis IV: Golden Century
  • Hearts of Iron IV: Expansion Pass
  • Battle for Bosporus
  • Crusader Kings II: Reapers Due
  • Europa Universalis IV: Conquest of Paradise
  • Cities: Skylines
  • Europa Universalis IV: El Dorado
  • Crusader Kings II: Way of Life
  • Europa Universalis IV: Common Sense
  • Europa Universalis IV: Cossacks
  • Crusader Kings II: Conclave
  • Hearts of Iron IV: Cadet
  • Europa Universalis IV: Rights of Man
  • Europa Universalis IV: Art of War
  • Europa Universalis IV: Call to arms event
  • Crusader Kings II: Charlemagne
  • Crusader Kings II: Legacy of Rome
  • Europa Universalis IV: Mare Nostrum
  • Crusader Kings II: The Old Gods
  • Crusader Kings II: Sons of Abraham
  • Hearts of Iron IV: La Resistance
Looks really nice! Always love the art DD. It was really cool to see the process art team used to assemble and create the loading screens for this DLC. Also it looks like we have Tannu Tuva achievement! Finally, the portraits looks glorious! Cannot wait to get see some of the other portraits, although it did seem a bit tilted that almost all the portraits were from the SOV/RUS.

Could we see some Baltic portraits?
 
  • 1Like
Reactions:

PurpulaPhoenixum53

Lt. General
43 Badges
Oct 8, 2016
1.391
1.867
  • Crusader Kings II
  • Cities: Skylines - After Dark
  • Crusader Kings II: The Republic
  • Crusader Kings II: Sword of Islam
  • Europa Universalis IV
  • Crusader Kings II: Jade Dragon
  • Europa Universalis IV: Third Rome
  • Europa Universalis IV: Pre-order
  • Europa Universalis IV: Res Publica
  • Europa Universalis IV: Wealth of Nations
  • Hearts of Iron IV: Together for Victory
  • Europa Universalis 4: Emperor
  • Crusader Kings II: Monks and Mystics
  • Europa Universalis IV: Mandate of Heaven
  • Hearts of Iron IV: Death or Dishonor
  • Europa Universalis IV: Cradle of Civilization
  • Hearts of Iron IV: Expansion Pass
  • Europa Universalis IV: Rule Britannia
  • Cities: Skylines - Parklife
  • Hearts of Iron IV: Expansion Pass
  • Europa Universalis IV: Dharma
  • Crusader Kings II: Holy Fury
  • Europa Universalis IV: Golden Century
  • Hearts of Iron IV: Expansion Pass
  • Battle for Bosporus
  • Crusader Kings II: Reapers Due
  • Europa Universalis IV: Conquest of Paradise
  • Cities: Skylines
  • Europa Universalis IV: El Dorado
  • Crusader Kings II: Way of Life
  • Europa Universalis IV: Common Sense
  • Europa Universalis IV: Cossacks
  • Crusader Kings II: Conclave
  • Hearts of Iron IV: Cadet
  • Europa Universalis IV: Rights of Man
  • Europa Universalis IV: Art of War
  • Europa Universalis IV: Call to arms event
  • Crusader Kings II: Charlemagne
  • Crusader Kings II: Legacy of Rome
  • Europa Universalis IV: Mare Nostrum
  • Crusader Kings II: The Old Gods
  • Crusader Kings II: Sons of Abraham
  • Hearts of Iron IV: La Resistance
I take it then that Estonia, etc troop models remain as generic models in game?

Nope. If you check the Steam page and look closely at one of the pictures, you can see that Lithuania has unique models. This would indicate that all the Baltic nations got unique sprites.
 
  • 1
  • 1Like
Reactions:

MrMcQue

Fan of Cardinal Sarah
80 Badges
Jun 5, 2016
336
1.589
  • Crusader Kings II: Conclave
  • Magicka 2
  • Age of Wonders: Planetfall Deluxe edition
  • Europa Universalis IV
  • Darkest Hour
  • Crusader Kings II
  • Age of Wonders III
  • Pillars of Eternity
  • Hearts of Iron IV: Cadet
  • Tyranny: Archon Edition
  • Europa Universalis IV: Pre-order
  • Surviving Mars
  • Europa Universalis III: Collection
  • Stellaris
  • Victoria 2
  • Cities: Skylines
  • Victoria: Revolutions
  • Majesty 2 Collection
  • Hearts of Iron III Collection
  • Cities in Motion 2
Hi, as you are the Art-Lead on HoI4 i'd like to take this opportunity to repeat something i have written in another dev-diary but i'm not sure it has reached you.

I believe the artists have really outdone themselves with the portraits in NSB. They look as sharp as never before, especially when compared to some portraits that exist since release like De Gaulle or FDR. The coloring is on point while the old ones now look like a faded photo in comparison, the shadowing makes them look almost three-dimensional and the detailing of the face for example allows you to see every little imperfaction or feature, as if you saw them with your own eyes.
 
  • 9
  • 2Like
Reactions:

Nawolith

First Lieutenant
65 Badges
Jan 2, 2018
226
811
  • Crusader Kings II
  • Europa Universalis IV: Cradle of Civilization
  • Stellaris: Megacorp
  • Hearts of Iron IV: Expansion Pass
  • Hearts of Iron IV: La Resistance
  • Europa Universalis IV: Golden Century
  • Crusader Kings II: Reapers Due
  • Europa Universalis IV: Rights of Man
  • Stellaris: Digital Anniversary Edition
  • Stellaris: Leviathans Story Pack
  • Hearts of Iron IV: Together for Victory
  • Crusader Kings II: Monks and Mystics
  • Crusader Kings III: Royal Edition
  • Cities: Skylines - Mass Transit
  • Europa Universalis IV: Mandate of Heaven
  • Crusader Kings III
  • Hearts of Iron IV: Death or Dishonor
  • Stellaris
  • Hearts of Iron IV: Expansion Pass
  • Stellaris: Humanoids Species Pack
  • Stellaris: Apocalypse
  • Europa Universalis IV: Rule Britannia
  • Cities: Skylines - Parklife
  • Hearts of Iron IV: Expansion Pass
  • Stellaris: Distant Stars
  • Europa Universalis IV: Dharma
  • Crusader Kings II: Holy Fury
  • Stellaris: Ancient Relics
  • Stellaris: Lithoids
  • Crusader Kings II: The Old Gods
  • Crusader Kings II: Rajas of India
  • Crusader Kings II: Sons of Abraham
  • Crusader Kings II: Sword of Islam
  • Europa Universalis IV
  • Stellaris: Nemesis
  • Europa Universalis 4: Emperor
  • Stellaris: Federations
  • Europa Universalis IV: Call to arms event
  • March of the Eagles
  • Hearts of Iron IV: Colonel
  • Victoria 2
  • Battle for Bosporus
  • Prison Architect
  • Cities: Skylines
  • Europa Universalis IV: El Dorado
  • Crusader Kings II: Way of Life
  • Europa Universalis IV: Common Sense
  • Europa Universalis IV: Cossacks
  • Crusader Kings II: Conclave
  • Imperator: Rome
WOW. I mean WOW. These portraits are Stunning! It's such a shame we onyl get them so small ingame, because these are work of ART.
 
  • 5Like
  • 3
Reactions:

DustyDutchman

Private
16 Badges
Apr 28, 2021
12
43
  • Crusader Kings II
  • Europa Universalis IV
  • Europa Universalis IV: Art of War
  • Victoria 2
  • Victoria 2: A House Divided
  • Victoria 2: Heart of Darkness
  • Europa Universalis IV: Common Sense
  • Hearts of Iron IV: Cadet
  • Europa Universalis IV: Rights of Man
  • Hearts of Iron IV: Together for Victory
  • Hearts of Iron IV: Death or Dishonor
  • Hearts of Iron IV: Expansion Pass
  • Hearts of Iron IV: Expansion Pass
  • Hearts of Iron IV: La Resistance
  • Crusader Kings III
  • Battle for Bosporus
gotta love an artists good work.


anyways great dev diary, although i am curious about wether we have to wait for the release to see the new iron wolf lithuanian flag, since i am really curious about how that looks now.

cant wait for the stream, good luck with the dlc and remember... there will be no steps back~
 
  • 1Like
Reactions: