Thinking of a headsett as a halo, i wanted to illustrate this idea in a more modern style.
This is an illustration i created using procreate and the iPad pro. I spent a lot of time on the line art for this illustration, in fact i think i spent more time on the line art than i did adding colours and the final details.
This gave the lines a very crisp and detailed feeling and the look one usually gets from working with vector graphics rather than Raster based software.
(Raster based software can usually be defined as Adobe Photoshop,Procreate and Painter 2019. Vector based software are along the lines of Adobe Illustrator, Adobe draw and other high end logo designing software).
Base colouring was then added to define the shapes as well as figuring out where the deepest shadows would be. I later realised that the base colour i used for the skin was too yellow and flatt. This i then remedied and fixed later by tweaking the layer properties (Hue/Sat).
adding some more red to the skin in the areas where blood flows gives the illustration a more lifelike look rather than a flat two dimensional block of flat colouring. I also added some much needed highlights on the skin and headphones to give the image more depth.
To add more interest to the image itself i decided to add some more graphical elements to the headsett. I was also somewhat inspired by street art at the moment and wanted to reflect that in the decals.
Finally i made the necessary tweaks to the skin and base layers to make the colours look more natural. I also added some detailing and frecles to the skin.
I also used a colour dodge layer to create the illusion of sound visually as some kind of electricity around the headsett. Making sure it was in an interesting shape around the headsett and face.
Breaking down the process of this illustration into stages:
I have broken down this piece into the five main stages used to create it. This gives some insight into how i work with an illustration and how i have put together my workflow. Hopefully this is useful to you, the reader.
If you create art digitally and dont know how to, or have not decided on a spesific way to structure your layers or workprocess. This is a great foundation to which you can add or detract stages as you work and get a feel of what your personal prefference is.
This way of working also lends itself well to focusing on one thing at a time. The struggle with the idea of thinking about light, depth, colour, shadows, detail and backgrounds etc all at the same time can be daunting and even exhausting. Which, in turn, could lead into abandoning or not finishing an image that would have been great.
Fun Fact: This is also how a lot of the good traditional artists and oil painters like Rembrandt is thought to have been working.
Stage One : Line art / Drawing.
Before you begin sketching and drawing, make sure to create a new transparent layer over the background layer.
There are two reasons for this. One reason is that we are going to add a background at a later stage. The other reason is that we want to manipulate the drawing as freely as possible without having to erase or refine a drawing filled with background colour.
This is where splotches, artifacts and “goblins” come from when working digitally.
The drawing and line art stage is pretty simple in itself. The focus here should be the idea you are drawing and outlining it. Try to think of it as if you were drawing with a pen.
Some like to draw loosely and then create a new layer on top to refine the lines further. This time i refined the line art while i was working on it.
Starting with a loose sketch and refining/redrawing it on a new layer could be a good choice as this tends to give the line art a more dynamic feel and gestures tend to look better. You kind of keep the “magic” created in the sketch.
Do not focus on shadowing yet. If you are used to working traditionally this could be tough. But shadowing is a part of the next stage and a new layer.
Instead, think about making the line art crisp and keep the anatomy of what you are drawing in mind.
Stage Two : Gray scale / Underpainting.
The gray scale layer a.k.a the underpainting is just that. Tones of varying degrees of gray or in this case golden/yellow tones ranging from dark to bright.
The intention with this layer is to establish and define where the light in the image comes from. This along with establishing the shapes of the shadows and even the character itself provides depth to the illustration. It kind of moves into the three dimensional world from simply being a two dimensional line art/drawing.
Usually during this step i would paint in grey tones, spaning from completely white and black and almost everything in between. However as this was a more cartoony character with a bright colour scheme i decided to go with the golden/yellow scheme. This was firstly to make the characters colours pop more as this layer will bleed through to the colour layer. Secondly i wanted to try something new.
I also found it interesting how some of the grey shadowing almost turned blue in contrast to the yellow scheme.
Stage Three : Colouring / Glazing.
Looking at the colour layer by itself, you will see that the hues chosen look really dark and flat. This is because it is displayed without the gray scale layer beneath it. When you create this layer make sure it is set to “color” as the layer type. This is usually done through a drop down menu after selecting the layer.
After you make sure the layer mode is correct andyou have seen to it that the layer is on top of the gray scale painting. Colouring can commence.
After the chosen colours are painted over the gray scale, you can notice how different they actually look if you turn off the layer with the underpainting. usually darker and flatter than we would have chosen if we were painting with colours from the start.
Classical and traditional painters call this step glazing, as they paint over the gray scale with a thinned out paint to make the underpainting shine through. When working digitally with the layer set to colour mode we can mimick this, but yet, have more control and change the colours as we see fit afterwards as they are gathered seperately on their own layer.
This way of working also takes a lot of the guesswork away, as you basically just fill in the different areas with the one desired colour. It kind of turns it all into a paint by numbers scheme after the grayscale is done.
Stage Four : Putting it all together.
Now we put all the layers together in the correct order to have an illustration that is close to being finished. This is a good time to go over all the layers and organize them if you have not done this while working.
This means giving them names and making sure that if you come back to work on the illustration, you know what layer does what.
I like to give them full names like “Grayscale”, “Colour” and “Line art” but abbreviations works just as well as long as they are understandable to anyone opening the file wanting to work on it. Suggestions here could be “GS”(Grayscale),”CLR”(Colour) and “LA”(Line Art).
Stage Five : Finishing Touches.
Finally you can add some finishing touches like effects, highlights and Specularity / diffracted light etc as you see fit. I like to add a backdropp to my characters in the form of shapes and design elements rather than painting a city or forest behind them.
I hope you found this interesting and helpful. Thank you for reading. -J.
This illustration was created mainly for me to improve my workflow and broaden my understanding of working with clipping masks and layers. I spent a lot of time experimenting with how Photoshop works for illustration during the process of creating this image. In this post i will try to breakdown the main steps in how i brought this image to completion and what i learned from the process.
Initially this illustration was sketched, drawn and written about in an earlier blog post, however i did not feel like it was completed. The line art was done and i added some blood spatter to illustrate wings. But i wanted to take it further and experiment with colour and some shading. The previous post can be seen here : Wings of blood.
A previously drawn sketch / line art
To continue working on this illustration i first cleaned up the sketch again and began reworking and preparing it for the next step. After i removed the spatter i re-cropped the image to be in portrait mode instead of landscape mode. I also refined the line art.
Base line art
Refined Line art
While working on the image i organised the layers into folders, even though this consumes the focus and some time from working on the illustration itself, it was well worth it for the workflow later. I could then click through the layers and display them as i saw fit while working on the illustration.
Folders created for the layers during the illustration work flow.
I proceeded to add the base colours to have a middle tone to work from. This means having a base that i could work in both lighter and darker colours if needed. I also added a somewhat bland background colour to further figure out my colours later.
Working with Pure white as a background is not good when trying to figure out skin colours etc as it is a very sharp and dominating colour, it will influence the choices you make, as darker colours look a lot darker in contrast to the white background.
White background is high contrast
Bland base colours
After i added the base colours i used a colour slider to tweak the colours on each layer. This makes the overall colour scheme more cohesive and ensure the different colours and layers work well together. Following your instincts during this process is important.
This affects the aesthetic of the whole illustration so taking the time to get the base colours just right (in accordance with your own taste) is time well spent.
Base colours have been tweaked using the colour slider on each layer.
When all the base colours are a nice mid-tone and seem coherent, the next step was adding two layers to each folder. One for shadows and one for the light. Personally i always start with the shadows as these are larger blocks of degraded light. filling in the shadows also helps in figuring out where the light is actually coming from.
The shadows add some needed depth to the illustration. Finally the highlights are added as well as some final detailing to finish the illustration. The highlights also puts some further emphasis the shadows. They can be used to make the shading more gradient as well, giving the image a more completed feel in regards to the direction the light is coming from.
In this image the lighting is coming from the right side of the person.
For future illustrations i think i would benefit from experimenting more with bounce lighting. It is also evident to me that i am not completely confident when it comes to colours. These are aspects of illustration i will be working on to further improve my work.
Blending is also something i am intending to work on. Too much gradients when it comes to blending makes the illustration look a little flat. Being rougher with edges, lighting and shadows could be better as it may create more interest and depth.