Tuesday, 29 August 2017

Digital Process Tutorial: D.Va (Overwatch)

Back when I was drawing those D.Va and Genji digital drawings (see this post) I decided I'd take screenshots of my progress to give everyone an insight into how I draw my digital drawings... so here's the post! (Please excuse the fact that I was too lazy to crop the taskbar out of these screenshots... xD)
Click on the pictures for better quality!
Whilst drawing them I was also thinking it would be an interesting idea if I set up a speedpaint in future - anyone interested? ^^
I screenshot this after drawing the new layer of re-done lineart (on top of the traditional drawing layer), where I was beginning to pick a colour palette. With my Genji piece however (which I'll reveal in a separate post), I discovered a better technique of colouring inside of the lineart, so here I used the old technique! I'm sure most people who use art programs like Krita are familiar with it, but here's what I did:
  1. create a new layer underneath the lineart layer (name it "colour" for organisation)
  2. colour the whole area over with the colours you want to use so there are absolutely no transparency gaps inside (you might have to go over the lines to ensure this); note: you don't want to leave any transparency gaps inside, otherwise your background colour will show through
  3. when you're done, pick the eraser tool (whilst still on your "colour" layer!) and erase the excess colour that has gone over the lines (without going inside the lines)

 The process is actually a ton more simpler when you're actually doing it haha. I'm sure most of you know what I'm talking about anyway~ xD
Here's where I'd erased all of the excess colour (from above)! As you can see, the lineart is looking pretty neat but it's also a bit plain because the shading and lighting elements haven't been added yet.
In this step, I started adding shading to D.Va's hair. Now there's two methods you could do this:
  • method 1: pick black (or another dark shade - even dark purple works in some ways) from your colour picker and lower the opacity to something like 50% (you can lower it more to make the shading appear lighter)
  • method 2: simply pick darker shades of the colour you're shading (this is the common method but it can be slightly annoying when you have to hunt for the exact right shade of a colour to make it work)
And we're done with the hair! It might look like a piece of cake but I must admit it did take a while (I had to make sure every single line went in the right direction). xD (I went for the opacity method btw!)
Here I wanted to add a glow around her so I started off with ordinary white with the opacity lowered to 25%. It's very important that you know the direction in which the light is coming from (hence the glow on one side of D.Va's face and shading on the other)...
... as demonstrated here
(excuse the poor diagram)
In the traditional drawing, I drew D.Va with bubblegum (also mentioned in the title!) so here I selected the circle tool and coloured it in with a light pink on low opacity (to give that see-through effect).
Here I decided to use a new brush to add that pink glow around the lineart. The reason I chose this colour is simply because it emphasises the prominent pink in the picture. It works by highlighting those key elements (the bomber jacket, bubblegum and war paint).
As you can see, the drawing that I've zoomed, in all of the pictures above was actually this small on the canvas. Therefore, I decided to expand it! (It's a good idea to avoid this step if you can, though, because the drawing can become slightly... faded? It's hard to explain. Try to start big by filling your canvas in the first place instead!) 
At this point I couldn't decide if I wanted the background stamps to be mainly white or just pink with white sparkles. In the end I chose pink because as I've already mentioned, it's the main theme in this picture. The former is perfectly fine (if you see it that way) but I knew it would distract attention away from the pink theme, instead by drawing you in to the white aspects of this picture (the white glow for example).
And we're done!
At this stage you can decide whether or not to add your signature/watermark. Ever since October 2015 (when I joined Tumblr) I've always added my signatures to my drawings (especially the ones I've worked the longest/hardest on) because I continually see cases of art theft/reposting/whatnot without permission from the artist (which is very unethical and sometimes even unlawful). However, I've heard a lot about artists not wanting to add a signature/watermark because it can have a bad effect on the overall appearance of the artwork, which is pretty understandable. Here I'm not telling any artists out there what to do, I'm just presenting facts - you decide! :)

Here's the final piece!
(I'm sure this is obvious, but if you're using an art program that has its own file extension, you'll have to convert it to a format that can be displayed elsewhere (e.g. on Blogger). To do this, click "save as" and change "save as type" (situated under "file name") to something like .jpg or .png. I always choose .png because unlike .jpg it has a lossless compression that doesn't lose any of the quality but still reduces the original file size (in my case, .kra, the krita file extension).)
Extra advice:
  • Remember to name your layers and organise them into groups as soon as you start drawing (this can help a ton with organisation, hiding/showing layers and removing layers)
  • Remember to mirror your image horizontally every so often (this will reveal a lot of your mistakes which you can correct as you go along rather than discover them all much too late)
  • Remember to ALWAYS save! I've lost work in the past from not saving and it's the most annoying feeling you could ever imagine. To save yourself from this catastrophe, save your file before you even draw anything. After that, continually use the CTRL + S command at least every 5 minutes, or after doing something big.
  • It's also just as important that you back your files up. As soon as I've finished drawing for the day, I back-up my drawing onto a memory stick and at a later day I email the drawings to myself as well (so I have a copy over the net) - although it would be best to use a medium like Google Drive. It's best to back up the original file (e.g. in my case, .kra) rather than the converted file (e.g in my case, .png) because assuming you lose the original file, the converted file will only have all the layers merged together into one.  

Thanks for reading! If you have any questions concerning art advice or this drawing process at all please do ask them in the comments below! Also, if you're looking for a professional, free art program out there that is compatible with drawing tablets (e.g. Wacom), I highly recommend downloading Krita. It's easy to use, has a great range of tools and you can create so many things with it. (And no this isn't sponsored. xD)

Edit: I know I haven't named my layers here but don't be like me!

No comments:

Post a Comment