Jump to content

Unit and Technology Portraits


Recommended Posts

image.png.1fa57755349165301d8dc1c7d29e0c81.png

 

1. So, in Atlas I create a map and use one of the 'Special' terrains, such as purple, cyan, or green as the default terrain. These colors are easy to select and cut out in your image editing software (Photoshop, Gimp, Photopea, whatever) and just like when filming FX for movies, the right (contrasting) background color can ensure that you get a clean mask. Very important to turn off distance fog and bloom. I also turn off anti-aliasing, so that you get a nice crisp edge when selecting the background from the unit (or vice versa). 

image.thumb.png.bfcf4bc9ad3c986ba94f18d7052702b5.png

 

2. Zoom in on the unit, but not so close as to start getting foreshortening effects. You want the unit to appear relatively flattish. 

image.thumb.png.e5ad8e88728337c81833b4322aa3518e.png

 

3. Once I've setup the scene and get the camera and lighting I want, I use the Big Screenshot option to make a nice big detailed screenshot. The Big Screenshot option gives you a nice big 4K screenshot with which to cut out your unit.

image.png.0e505b8cc42409ba80e9e74589359ea2.png

 

Import that screenshot into your image editing software and you are ready to start making your portrait. Make sure to set the image mode to RGB 8 bits per channel.

image.png.2843cfbd50a5f5774542ac7f3d97965e.png

 

4. With the Rectangular Marquee tool, select a good position for the unit. Make sure that the marquee is SQUARE SHAPED. In Photoshop, the SHIFT hotkey makes the marquee perfectly square.

image.thumb.png.8798b3222adfa1efd90fed903ef379d0.png

 

5. Now crop the image.

image.thumb.png.ca215939af7911ca65aafb009f169c2e.png

 

6. Then duplicate the background or first layer so that there are 2 of them.

image.png.36a3c7ed4dabb85f28168617d4d9a6c4.png

 

And make the bottom one all black.

image.png.142c53c5f837f16421b9d970504fbf63.png

 

7. With the top layer selected (the layer with the unit) use either the Magic Wand tool, or the Select -> Color Range tool (Magic Wand may use more clicks, but either works). We are going to select all of the CYAN (light blue) sections of the image.

image.png.48e459f2cb7b8b30eac5918c4ce8d2ee.png image.png.1a5c77ef705ccaf38bf43a859bc22ae8.png

image.thumb.png.fce55c6cfad2b4747400f16209f5ddf1.png

So, since I have a nice even-colored background that contrasts nicely with the foreground unit, and since I turned my Anti-Aliasing off, there is a nice crisp edge that will help me select only the background with either of the afore-mentioned selection tools. 

Once the cyan sections are selected, DELETE them. Since you made that black background layer, you will be able to see what cyan parts you missed.

image.thumb.png.db9df73440d880ca333485919e05c863.png

 

Now you have a nicely cut out unit layer. Now duplicate this layer. 

image.png.6ffaeef3018bfca84c8cf661e3319946.png

 

8. And now we will resize the image to 256 x 256, the resolution of the unit portraits in-game.

image.png.05c0296b7f12608dbfc0373d7fd6e608.png

image.png.05962903faa13bbb111c5b6b0a2a948e.png

(can you see how sizing down the image as "anti-aliased" the edges for you?)

 

9. Now, add this image as another layer, just below the 2 unit layers:

image.png.2d27c5fb1cc1db48520f79c960fb034f.png

image.png.094eacbab33d4af60924424d31f781a4.png

 

Almost there. To add the finishing touches we are going to add layer effects or "Layer Styles" (in Photoshop) to each of the unit layers.

 

10. Top layer always gets a Drop Shadow.

image.thumb.png.47a1e4dce4744fb519e6bf0aa7e3948b.png

With an OPTIONAL Bevel and Emboss. The Bevel and Emboss is only added to help dark areas, such a black hair or black horses, stand out from the drop shadow.

image.thumb.png.965352a9aba6a11a9e9084701b47e0ac.png

 

11. Almost there. Next is how we achieve the nice brown, noisy background color. Select the 2nd unit layer down. Add an "Outer Glow." 

image.thumb.png.d217a73f14f31d226bb53e10db4abfae.png

image.thumb.png.71964d0c5585922c87e9acf60a546a80.png

Outer glow values are as follows --

Land Units

  • RGB Color: 255, 138, 0
  • Opacity: 10%
  • Noise: 50%
  • Size: 100 px

Naval/Water Units: 

  • RGB Color: 0, 255, 255
  • Opacity: 20%
  • Noise: 20%
  • Size: 200 px

Technologies: 

  • RGB Color: 0, 168, 255
  • Opacity: 10%
  • Noise: 50%
  • Size: 100 px

 

image.png.1fa57755349165301d8dc1c7d29e0c81.pngimage.png.4b82ed37087a9b5e07c9865fadbae7fc.pngimage.png.98eccb6a07160fa84471ea4bda0cdc56.png

 

12. From here, the last step is to go ahead and save your new portrait in the correct mod folder for portraits. Make sure to save it in the PNG format, non-interlaced.

 

 

 

The cool thing is, once you've done one portrait to your liking you can save that project file for future reference. In Photoshop you can just copy all of the layer styles over to any new portrait you're working on. Attached is the file for the image I just created:

unit_portrait_01.psd

 

 

 

 

Edited by wowgetoffyourcellphone
  • Like 1
  • Thanks 5
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...