Keep up-to-date with Free tutorials!!

 

Sign up to our twice-monthly newsletter today for the latest tutorials, interviews and product information.

Sign me up to receive third-party emails from 3dtotal's partners, too!

- Latest news
- Exclusive Shop Offers
- Preview early content
- Plus much more

 

Not Ready to take that step? OK, Why not just Subscribe to the RSS Feed

 
submit tutorial
1
Making of “Lost Izalith”

| Your Rating:
rating star nonerating star nonerating star nonerating star nonerating star none
(Score 0 out of 5 after 0 Votes)
| 1955 Views
| 1 Comments
| Comments 1
Date Added: 26th July 2018
2529_tid_speed_painting_728x90.jpg

2D artist François Coutu (a.k.a. Francoyovich) demonstrates his method for creating his scene "Lost Izalith" from "Dark Souls"...


2529_tid_main.jpg

2529_tid_zarist-profile.jpg

All in all, Dark Souls influenced me a lot because of its rich lore, intense game play and level design. Since it came out the game's graphics might have aged a bit, but they never ceased to stimulate my imagination.

In this tutorial, I will shed light on the creative process used in creating my "Lost Izalith" piece. As an artist, I put a lot of emphasis on color, composition and storytelling; especially when I am creating a personal illustration. This specific illustration was created as a part of a triptych to show the progression of the chosen undead through Lost Izalith. This one depicted the final encounter with Solaire.


Step 1: Locking composition with a sketch

My illustrations tend to rely heavily on backgrounds, which makes this part indispensable. I start by sketching a bunch of thumbnails on paper. When I find one I like I take a picture of it and add details in Photoshop. No specific brush required here, I personally opted for a chalky brush to keep the traditional feel.

2529_tid_001.jpg

Step 2: Basic color values

As I said in the intro, I enjoy working with colors a lot so I like to get my hands in it as soon as possible. In this step I apply basic colors on a layer underlying the sketch. The sketch layer's blending mode is in Multiply and at a lowered opacity to allow me to see the color correctly. At this point, I only used a basic soft round brush and lasso.

2529_tid_002.jpg

Step 3: Color adjustment and planes separation

After a little use of the Hue/Saturation module, now is the time to separate those planes. I enjoy keeping my layer count minimal, so here we will have roughly three planes: Background, Middleground and Foreground. The characters will each have their own layers since they need to be polished more. The same logic will apply to some other elements as well (I will get into more detail when we get there.)

2529_tid_003.jpg
Here you can also see I started rendering Solaire

Step 4: Rendering the foreground

Now that the values are set and the planes are separated, I can start rendering. I choose to start with the foreground first because that's where the action will take place. My two rendering tools are the Lasso and a basic soft round brush. I start by selecting the area I want to paint in, fill it if needed, and then paint in with the brush. I love this technique since it makes for a nice combination of sharp lines and smooth gradients.

2529_tid_004.jpg
Most of it is painted on the same layer, except important elements like the characters

Step 5: Heating up the lava

The lava in Lost Izalith is very bright so I wanted to give the same impression to this painting. To do that, I will select a color (probably a bright orange and or yellow in this case) and paint over the sketch with my soft round brush, using the Color Dodge painting mode. Afterwards, I will render the bounding demons on a different layer. I will also apply a clean gradient in the background and add tree roots on different layers to keep the gradient untouched. Same thing with the city spires which will have their own layers.

2529_tid_005.jpg

Step 6: Rendering the city

Rendering architecture is long and complicated since you can't be as carefree as when you are drawing natural elements. To give it some structure, I recommend copying and pasting some elements like the small spires in this case. When using the normal Lasso use alt + left click to create straight lines, it will help the process a lot.

2529_tid_006.jpg

Step 7: Making it look good

Now that every major element is well set in the composition, it's rendering time baby! Basically, you just use your soft round brush and lasso and make all those small details come to life. They say the devil is in the details and they are right: this is most time consuming step of the process.

2529_tid_007.jpg

Step 8: Final details and lighting pass

Now that it is almost done you want to make sure the important elements pop out properly. In this case, Solaire's silhouette was blending a bit too much with its surroundings. I used the gradient tool in color dodge mode to make the highlights of the foreground pop more which solved that issue.

2529_tid_008.jpg

Step 9: Re-cropping the image

After a decent period of consideration, I judged the composition was too cramped up so I decided to give it more vertical space by adding some filling up and down of the canvas. Don't hesitate to do that if you feel your compositions are too tight. It is important for an image to breathe if you want to appreciate it fully, and filling the gaps does not take much time usually.

2529_tid_009_final.jpg
There you have it, praise the sun!

Top tips

Rendering round objects
When rendering round objects (Solaire's shield for example) use vector shapes. That way, you will keep your circles perfect and it will be easy to edit in the end. If you want to paint over it, use clipping masks. This is the exception were you can use lots of layers.

2529_tid_annex001.jpg

Keeping your layers organized
Always keep your layers organized especially if you use a lot of layers. I only used forty-nine for that one and even then I keep it tidy.

2529_tid_annex002.jpg

Lock transparency
If you want to paint over a layer without reselecting it or bleeding over it, use the "lock transparent pixels" option. It will keep the transparency of your layer and the edges will stay smooth. This is a very useful trick if you want to paint this way.

2529_tid_annex003.jpg

Related Links

You can enjoy more of François Coutu's beautiful art on his website
Learn how to make gorgeous digital art with Master the Art of Speed Painting
François sells prints of some of his work over in his shop
Follow François to keep updated on all his creations

2529_tid_speed_painting_728x90.jpg

 
1
Related Tutorials

Create a real-time game character

by William Paré-Jobin
published on 2018-04-24

Keywords: Tutorial, Making of, ZBrush, 3ds Max, Witcher, Game Character, Real time

rating star fullrating star fullrating star fullrating star fullrating star none (5)
Comments 1 Views 5837

The making of 'Creature 85-4'

by Marlon R. Nuñez
published on 2015-08-26

Keywords: Marlon R. Nuñez, ZBrush, Slightly Mad studios, making of

rating star fullrating star fullrating star fullrating star fullrating star none (5)
Comments 0 Views 9073

Making of Moonster

by Alin Bolcas
published on 2016-08-16

Keywords: Alin Bolcas, monster, monster, ZBrush, making of

rating star fullrating star fullrating star fullrating star fullrating star full (6)
Comments 0 Views 8360

Environment Concept Design: From Brainstorming to Final Painting

by Jessica Tung Chi Lee
published on 2015-08-12

Keywords: Jessica Tung Chi Lee, Maya, Photoshop, fantasy, making of

rating star fullrating star fullrating star fullrating star fullrating star none (8)
Comments 0 Views 20659
Readers Comments (Newest on Top)
avatar
Luis on Sun, 29 July 2018 6:54am
The artwork is extraordinary! I will go over this tutorial carefully and learn as much as possible
Add Your Comment..