⚜️ Guide : Coat of Arms Editor ⚜️

  • We have updated our Community Code of Conduct. Please read through the new rules for the forum that are an integral part of Paradox Interactive’s User Agreement.

Jarl Galdur

Archimage
35 Badges
Mar 8, 2017
190
898
  • Crusader Kings III
  • Stellaris: Galaxy Edition
  • Stellaris
  • Stellaris: Galaxy Edition
  • Stellaris: Galaxy Edition
  • Crusader Kings II: Sunset Invasion
  • Victoria 2: Heart of Darkness
  • Crusader Kings II
  • Europa Universalis IV
  • Pillars of Eternity
  • Magicka
  • Hearts of Iron III
  • Imperator: Rome Sign Up
  • Crusader Kings II: Holy Fury
  • Cities: Skylines - Parklife
  • Crusader Kings II: Jade Dragon
  • Cities: Skylines - Mass Transit
  • Crusader Kings II: Monks and Mystics
  • Crusader Kings II: Reapers Due
  • Cities: Skylines - Snowfall
  • Crusader Kings II: Conclave
  • Cities: Skylines - After Dark
  • Crusader Kings II: Horse Lords
  • Crusader Kings II: Way of Life
  • Cities: Skylines
  • Victoria 2
  • Crusader Kings II: Charlemagne
  • Crusader Kings II: Legacy of Rome
  • Crusader Kings II: The Old Gods
  • Crusader Kings II: Rajas of India
  • Crusader Kings II: The Republic
  • Crusader Kings II: Sons of Abraham
  • Crusader Kings II: Sword of Islam
  • Cities: Skylines Deluxe Edition
Salutations,

After many hours of learning how to use the Coat of Arms editor, I wanted to share my findings with the forums.
The guide is splitted in five sections :
I : Positioning
II : Colouring
III : Scaling
IV : Duplicating
V : Masking

Each section will go over :
A : The options of the in-game Editor.
B : The advanced options using Notepad.
C : An example step by step.

Here are some examples that will be used in the guide : the Karling Attributed Arms, the Coat of Arms of Transylvania, Geneva and Västergötland :
1645533928444.png
1645542734408.png
1645534437930.png
1646832855822.png

Karling required precise position, scaling, duplicating and masking.
Transylvania required duplicating.
Geneva required reflecting.
Västergötland required masking.
For the last section, on masks, different examples will be used.

Pastebin link if you want to take a look at the Coat of Arms DNA :
Karling Attributed Arms CKIII
Transylvania Coat of Arms CKIII
Geneva Coat of Arms CKIII
Västergötland Coat of Arms CKIII

For the Advanced part, each line available to edit in Notepad will be explained.
1645535581050.png

In the editor, you can click on this
1645547132675.png

You can then paste the text into Notepad and edit.
When you are done editing, copy the text from Notepad (CTRL + A then CTRL + C) and choose this option in the Editor
1645547185540.png
1645535994516.png
*
*Rotation is section III, not I.
Small tip ; in order to fully edit an historical Coat of Arms, add this line in Notepad :
1646667186266.png
1646834911216.png

steam_event_header__2_.png

I. POSITIONING
I.A : IN-GAME EDITOR

The most basic option in the editor, is position.

The default position is the middle of the slider, which is in the centre of the Coat of Arms.
If the «
Position X » slider is all the way to the left, the Emblem will be positioned on the left-most side of the Coat of Arms.
If the «
Position Y » slider is all the way to the left, the Emblem will be positioned on the upper-side of the Coat of Arms.
1645534696281.png


To change the depth of an Emblem in the Editor, you need to select the Emblem you want to move, and drag-and-drop on the gold bar above/below another Emblem.
1645542558126.png

1645542578920.png



I.B : ADVANCED (NOTEPAD)

Emblems are positionned based on a grid. To adjust the position of an emblem, you need to know that :

Default is centre, which is position={ 0.5000 0.5000 }
Upper-right is position={ 1.0000 0.0000 }
Lower-left corner is position={ 0.0000 1.0000 }

If you remove the « position={ VALUE VALUE } » section of an Emblem, it will revert back to centre { 0.5000 0.5000 }.
Each click on an arrow of the in-game slider will move the Emblem exactly 0.01000

1645536754128.png

1645536502559.png


This slider would result in a position={ 0.0000 1.0000 }
1645536818627.png


To change the depth in the editor, you just need to know that the bigger the number, the more in the background it will be.
1645542660514.png

1645542643758.png

I.C : EXAMPLE

Example 1 : Pseudo-quartering

To create a pseudo-quartering, effect, such as this one :
1645536958311.png

You need to use the square Emblem ( ce_block_02.dds )
1645537083499.png


1645537613076.png

1645537733388.png

If you want to put Emblems in the sections, remember that the centre of a section is :
Upper-right : position={ 0.7500 0.2500 }
Upper-left : position={ 0.2500 0.2500 }
Lower-right : position={ 0.7500 0.7500 }
Lower-left : position={ 0.2500 0.7500 }

In this example, one of the horse is upper-right { 0.7500 0.2500 }
The other one is lower-left { 0.2500 0.7500 }

1645538113331.png

1645538211614.png

Example 2 : Karling
1645538290813.png

In the Karling example, the semé-de-lis is made by making each row { 0.0000 0.2000 } above the lower one, and each fleur-de-lis { 0.2000 0.0000 } right of the previous one.
1645538502249.png

II. COLOURING
II.A : IN-GAME EDITOR

1645539114033.png

Colours in the editor is self-explanatory, I recommend sticking to the colours available and avoiding the colour picker.

For Military Aesthetics (the colours on the Soldiers on the map), the colours are determined by your Primary and Secondary Colour in the Background Tab. You can pick a dual colour background, chose both the Primary and Secondary Colour, and then go back to a Plain background, the Secondary Colour won't change.
1646667281453.png


Tip ; Pick the military colours using the background tab, then use a « Pattern » emblem in the background for the Coat of Arms. This way, you can separate your Military Aesthetics from your Coat of Arms.

II.B : ADVANCED (NOTEPAD)

Every available colours have a name in Notepad.
If you want to use a custom colour, I strongly recommend using Notepad. Start by choosing a colour that you like.
1645539401142.png

Then, paste the code into Notepad, instead of the name of a colour, you'll find its RGB code.
1645539447739.png
You can now copy the colour line to other Emblems on your Coat of Arms, instead of trying to estimate if they are the same colour.

II.C : EXAMPLE

1645539550312.png

For this example, I copied the colour from the fleur-de-lis and applied it to the bat.
1645539590715.png

III. SCALING (& REFLECTING)
III.A : IN-GAME EDITOR

This section will cover modification to an Emblem that aren't colour and positioning ; scaling, rotation and reflecting (advanced)
1645540287026.png

If the « Scale » slider is all the way to the left, the Emblem will be so small it can't be seen. All the way to the right, it will be at it's maximum size.
If the « Rotation » slider is all the way to the left, this is the default position, in the middle of the slider the Emblem will be upside down.

Patch 1.5.1 added a ticking box to revert emblems on their X or Y axis.
1646951599914.png


Something worth noting, if you un-tick the « Match X et Y scale », the compression is NOT applied based on the original Emblem rotation, but on it's current one. This means :
1645540493618.png

1645540536909.png

It's therefore impossible to have a slim Emblem with rotation. Keep this in mind when designing a Coat of Arms. This also mean that it's impossible to create a diagonal oval shape. Since rotating a compressed circle doesn't change the result.

III.B : ADVANCED (NOTEPAD)

Using Notepad, you can scale an Emblem above it's maximum value.

Default « Scale » is { 1.0000 1.0000 }.
Default « Rotation » is 0.
Each click on an arrow on the « Scale » slider will change the value by 0.01000
Each click on an arrow on the « Rotation » slider will change the value by 1.
1645541182766.png

1645541219813.png


III.C : EXAMPLE

Example 1 : Rooster

1645540678936.png



In order to stretch an Emblem above its maximum scale, you need to find the axis you want to stretch and write a number above 1.00
1645540913316.png

1645540941087.png

In order to flip this Emblem, you need find the X value of the Scale, and put a minus sign in front.
1645540781200.png
1645540800281.png

NOTE : If you flip an Emblem, make it your last modification requiring the in-game editor ; if you edit an Emblem (even a not-reflected one) it will revert all reflected emblems to their normal position.

Example 2 : Geneva

1645534437930.png

In this example, the Key Emblem is flipped.
1645541404711.png

Example 3 : Götaland

1646833232744.png


To create that background, you need to stretch an existing texture above it's maximum scale.

1646833396477.png

Without the scaling, it would look like this :
1646833346538.png

IV. DUPLICATING
IV.A : IN-GAME EDITOR

This option is extremely limited using the in-game editor
You need to create multiple new emblems
1645541578161.png

Then, click on « Emblems »
1645541610306.png

SHIFT + CLICK the Emblems you want to edit together, the border will become barely darker.
1645542374700.png

In this example, they are all selected except the two bottom-right ones. You can then change all the Emblems at the same time and pick a different colour, you can't however scale them, position them or rotate them together.
1645542490463.png


IV.B : ADVANCED (NOTEPAD)

To duplicate in Notepad, you will need to use instances. First, start by creating an Emblem you want to duplicate in the in-game editor.
1645542919395.png

1645542903203.png

As you can see in the text, there's already an instance, you can add more, it will refer to the block above.
1645543103685.png
1645543116659.png

With this, you can duplicate an Emblem as many times as you want without editing every single one to be identical.

IV.C : EXAMPLE

Example 1 : Transylvania


1645543190526.png

For this example, every single red tower is a duplicate of the first one I created, which I then moved at a regular interval.
1645543248210.png

Example 2 : Östergötland

1646833452241.png


This Coat of Arms needs to use duplication, and then precise positionning for the four Flowers. By using Notepad, we can make sure that they are all at an equal distance from the centre

1646833578456.png

V. MASKING
V.A : IN-GAME EDITOR

It is sadly impossible to create or use masks in the in-game editor.

V.B : ADVANCED (NOTEPAD)

Here's the most advanced technique in this guide : Masks.

The basic concept of a Mask is this : You can cut out parts of an Emblem that are above either the Primary, Secondary or Tertiary Colour of the Background.
Here are all the different Mask options :
1645546079076.png

In this case :
Primary Colour : Blue
Secondary Colour : Yellow
Tertiary Colour : Red

To add a mask to an Emblem, you need to add a line of text between the « texture » and « instance » lines.
In the braces, you can choose what section of the texture you want to cut out of the Emblem :

mask={ 1 0 0 }
The parts that are above the Secondary and Tertiary colour will be removed.

mask={ 0 2 0 }
The parts that are above the Primary and Tertiary colour will be removed.

mask={ 0 0 3 }
The parts that are above the Primary and Secondary colour will be removed.

mask={ 1 2 0 }
Only the parts above the Tertiary will be removed.

mask={ 1 0 3 }
Only the parts above the Secondary will be removed.

mask={ 0 2 3 }
Only the parts above the Primary will be removed.

You can add this mask to as many Emblem as you wish, but they will all refer to the same background texture.
1645546499849.png

1645546561592.png

This Coat of Arms :
1645624915684.png

Is made of many layers (Boar Rampant is not an available Emblem, it's made of the body of a Bull and many other parts), but since all the Emblems of this Coat of Arms use the same Mask, the texture is coherent.

V.C : EXAMPLE

Example 1 : Rooster


Start with an Emblem you want to Mask.
1645543497890.png


Duplicate it, the second instance will need to be of the second colour you want on your textured emblem.
1645543547989.png

1645543573034.png

Now, choose the texture for the Mask, to do this, you need to pick a Background in the « Background » tab. In this case, in this case it's stripes.
1645543657373.png


Now, add
mask={ 1 0 0 }
Under texture, above instance.
This will hide all the parts of the Emblem that are covered by the secondary and tertiary colours, but the parts covered by the primary colour (blue) will remain visible.
1645543743511.png
1645543802840.png


Now, put a blue « ce_block_02.dds » in the background, to remove the background texture.
1645545459761.png
Alternatively, go back to the « Background » tab and choose the same colour for all parts. This will however make it hard to see which background texture you chose.

And here you go : A textured Rooster!
1645545510026.png


Remember that if you change the background, it will change what part of the Emblem is masked :
1645545648212.png


Example 2 : Rurikid

1646063192831.png

In this example, the Trident is made of many Emblems, but they are all masked based on the same horizontal background split.

1646063402135.png

Pastebin link : Rurikid Coat of Arms CKIII

Example 3 : Karling

1645545770983.png


In this example, we simply want to mask half of the Bicephal Eagle. We can't just cover it with a square, because the fleurs-de-lis would also need to be masked. Therefore, the fleurs-de-lis are under the yellow block, and the Eagle is masked.

To mask the part of the Eagle that is on the secondary colour (blue), you need to add a mask that will remove parts of the Eagle that are not above the Primary Colour (Yellow) :
mask={ 1 0 0 }
If you wanted to remove the left part, on the yellow, and keep the part on the blue :
mask={ 0 2 0 }
1645545898507.png

1645545951921.png

Example 4 : Västergötland

1646832550157.png

1646832493834.png


For a Coat of Arms such as Västergötland, you need to duplicate an emblem, then to cut the one above.

In this instance, the Primary Colour is Black, the Secondary Colour is Yellow. Since the Black Lion Emblem is above the Yellow one, we need to remove the Black Emblem from above the Primary Colour (Black) :
This is done by adding
mask={ 0 2 3 }
beneath texture and above instance.

1646832635525.png

steam_event_header__2_.png


Using these techniques, you can create some really complex and interesting Coat of Arms, such as these :
1645548681476.png
1645548917158.png
1645548554306.png
1645548640322.png
1645548699189.png
1645548903122.png
1645548909093.png
1645549960324.png
1645624890450.png
1646833090533.png
1646833130744.png
1648597245521.png


You can save your design with
1645550205704.png

And view a JPEG of your Emblem in a square
Documents/Paradox Interactive/Crusader Kings III/screenshots
This is extremly useful to see the corners of your Coat of Arms
1645550190757.png

Let me know if you discover a new technique, I'll add it to the guide! Thank you to everyone that commented in this thread in the suggestion section of the forums, it really helped put the guide together.

I hope you find this informative, cheers!
 
Last edited:
  • 40
  • 24Love
  • 13Like
Reactions:
I wish there was a way to pin content in the forums, it's quite sad to see such a well written guide slide down and be burried.

Thank you for this guide, I never would have figured out the masking technique without this.

EDIT : Well, it's pinned now, thank you moderators!
 
Last edited:
  • 6
  • 1Love
Reactions:
How do i mirror an icon?

Im trying to recreate this CoAIMG_20220225_160153.jpg
But both icons default turning to the left, so i end up with this:
IMG_20220225_160049.jpg
If i choose a template where it has 2 icons instead of manually adding them, then they do appear mirrored like i want, be that two dragons or two lions, with the X size slider being in the far left of the slider, presumably being what is mirroring the icon.
But when i try to customize then, change colour, size or replace one animal with the other, the icon simply disappears, and when i touch the x-size slider, it will never flip, it will just shrink untill it disappears at the far left end.

Is this an oversight, a bug, or wad?
Because after several attempts using different click orders and trying to exploit the designer i was finally able to achieve something similar to what I wanted received_2068714136635808.jpeg
But surely there has to be an easier way to accomplish this, i should be able to make a simple flag like this without having to go around gaming the designer for hours.
 
Last edited:
  • 2
  • 1Like
Reactions:
Thank you @Ul90 for the kind words, I had help to build the guide and I'm glad it's been useful!

Oi @Bandua_of_Gallaecia, once you flipped an Emblem, you need to do any further tweeking in Notepad. Or else, like you noticed, the Emblem will un-flip. This is also true for Masks.

I started by placing both emblems on a gold field :
1645805915612.png

Copied and pasted into Notepad, added a minus sign to the green dragon, then I paste it back in the editor :
1645806049370.png

I temporarily added a black line to know which Emblem to tweak so that they meet in the centre of the Coat of Arms, I then went back in the editor and adjusted, until I had this :
1645807238230.png


If you want to further edit the Coat of Arms, here's the code you need to tweak :
1645806319599.png

Green for the Wyvern and Red for the Lion.

Don't hesitate to make Emblems a tad bigger, even if they end up out of the field a little, it will still look great on banners!
1645807260094.png

1645807270715.png

Pastebin link : Wyvern Coat of Arms CKIII

Cheers!
 
Last edited:
  • 6Like
  • 2Love
  • 2
Reactions:
Thank you @Ul90 for the kind words, I had help to build the guide and I'm glad it's been useful!

Oi @Bandua_of_Gallaecia, once you flipped an Emblem, you need to do any further tweeking in Notepad. Or else, like you noticed, the Emblem will un-flip. This is also true for Masks.

I started by placing both emblems on a gold field :
View attachment 811816
Copied and pasted into Notepad, added a minus sign to the green dragon, then I paste it back in the editor :
View attachment 811818
I temporarily added a black line to know which Emblem to tweak so that they meet in the centre of the Coat of Arms, I then went back in the editor and adjusted, until I had this :
View attachment 811829

If you want to further edit the Coat of Arms, here's the code you need to tweak :
View attachment 811821
Green for the Wyvern and Red for the Lion.

Don't hesitate to make Emblems a tad bigger, even if they end up out of the field a little, it will still look great on banners!
View attachment 811830

View attachment 811831
Pastebin link : Wyvern Coat of Arms CKIII

Cheers!
What an absolute king.
Thanks fam

I agree that bigger icons look much better, but because of the X size issue i can only stretch them along a Y axis, ruining the shape.

By switching the order of the animals, i am able to conservate the shape of the Wyrmen and stretch the lion, which is fine, since the real-life flag is actually not centered, the Wyrem does take up about 60%-65% of the space, so it's ok for the Lion to only increase size on a Y-axis.

Here is my second attempt, it looks much better than before, albeit mirrored.
IMG_20220225_170322.jpg
 
Last edited:
  • 2Love
  • 2
Reactions:
I agree that bigger icons look much better, but because of the X size issue i can only stretch them along a Y axis, ruining the shape.

By switching the order of the animals, i am able to conservate the shape of the Wyrmen and stretch the lion, which is fine, since the real-life flag is actually not centered, the Wyrem does take up about 60%-65% of the space, so it's ok for the Lion to only increase size on a Y-axis.

Here is my second attempt, it looks much better than before, albeit mirrored.
That's great! I tried one last design, that's a little unorthodox. I crafted a Rampant Wyrm out of 9 different Emblems, this is the closest I can get to your original design, while keeping each Emblem X/Y ratio reasonable :
1645813572758.png


1645813541488.png

1645813531976.png

Pastebin link : Wyvern Rampant Coat of Arms CKIII

Send me a direct message if you want me to tweak the design a little,

Cheers!
 
Last edited:
  • 5Love
  • 1Like
Reactions:
These are great @Jarl Galdur! Could you post the code for the other ones you made? You are good at these. :)
Much appreciated, thank you very much!

A handful of Coat of Arms designs can be found in this thread. If there's an example used here that you can't find, send me a message and I'll re-create it and then send you the code.

You're a bloody heraldry Wizard @Jarl Galdur
Thank you again!
 
  • 3
  • 1Like
Reactions:
I've never seen community content pinned in these forums, but I appreciate the proposition!

Short of having the thread pinned, don't hesitate to ask questions about the guide if something is unclear, or you're trying to apply a specific technic and it isn't working. This way, it will make the guide more comprehensible and bump it up from time to time.

Cheers!

Your hard work is appreciated, my Jarl. lol!
 
  • 1Love
  • 1
Reactions:
This thread should be stickied. Amazing work, and really informative. It's just a real shame that all of that stuff isn't already possible in the Coat of Arms editor.
 
  • 2Love
  • 1
Reactions:
I want to add a suggestion. i jsut found out that you can edit the secondary colors of your military outfits by selecting a multicolor "pattern" ,choose the color you want and then change it back to single color pattern, that way you can choose the colors of the outfits instead of getting a base default secondary color.
1646615234564.png

1646615287462.png


This means you cannot select these colors unless you "start" from scratch. and means you need to make a million copies to get the colors you want if u want to re-use your design. just allow us to select Military aethetic secondary color or both colors independent from the CoA colors.
 
  • 3
  • 1Like
Reactions:
This thread should be stickied. Amazing work, and really informative. It's just a real shame that all of that stuff isn't already possible in the Coat of Arms editor.
I agree on both points. This is such a helpful thread but it is bittersweet that we have such a fantastic community rallying to help each other work around limitations that really shouldn't be there at all. The coat of arms editor is yet another feature that is half baked. I really hope that this goes on whatever list of things they need to finish. It is especially bad because there are several examples of existing CoA that break the editor if you try and edit them and are impossible to replicate with the current editor without using notepad tricks. The current state is not of acceptable quality in my opinion.
 
  • 2Like
Reactions:
theres a mod that makes the editor larger and so easier to work with without changing general game ui size
Thank you for this, I need it. I don't have a huge monitor so I hate having to squint 2 inches away from my screen to see what I am making. Now if only they added a mod with UI scaling option that was actually functional unlike the current one in the game.
 
Thank you for this, I need it. I don't have a huge monitor so I hate having to squint 2 inches away from my screen to see what I am making. Now if only they added a mod with UI scaling option that was actually functional unlike the current one in the game.
Yes having to change game ui every time just for the CoA editor was a such a pain
 
  • 1
Reactions:
Can any moderators pin this thread please? This is awesome work!
 
  • 2
  • 1Love
Reactions: