Introduction

Hi you, my name is Julian, and together we will learn how to draw transparent objects and elements such as water and spectacle lenses.

 

So, to begin with, close Fornite and League Of Legend from your machine, I see you, now take a deep breath, make yourself comfortable, plug in your graphics tablet, and open "CLIP STUDIO PAINT", because we are going to dive into a world. .. transparent

Create a project

In this tutorial we will make a series of drawings of several transparent elements and to do this we have to create our first project.

 

Go to file> new ...

(Ctrl + N) if you are on windows,

then in the window that appears, fill in as indicated in the image. You can name the project whatever you want

click on "ok".

It's good, everything is ready, we can start our 1st drawing.

Now let's take a look at water. water is life, it is transparent and also has the power to reflect that is why we will start by drawing water in different forms

Draw a drop of water on a white sheet

We will draw the next water drop

So how do you do it?

• rename your layer by "sketch", this is the one we are going to draw on now

• in the "pen" tool, select the "G pen"

• choose a gray color (RGB: 139,139,139 for me)

• set the pen size to "30" or whatever size suits you, as long as it is thin

• in the center of your sheet, draw the following shape:

• to make it more natural, let's adjust the contours with the help of the tool

"eraser" set to "soft" or "hard" and of the "pen", set to "G pen"

 

Our drop flows from the top to the bottom, because it is subjected to the action of gravity

 

Perfect ... We have the general shape of our gout.

 

Now indicate the arrival of the light, because it will show us where to draw the reflection of the light and the position of the shadow on the drop

• create a new layer named "inner" inside which we will color the surface of the drop

 

• in the "pastel" tool selected "chalk"

We will paint in such a way that the outlines are clear and that inside these outlines there is a gradient from black to white, from left to right, all with slight variations.

• we will use the following three basic colors, these colors are variations of the gray color

Let's paint now.

 

You don't have to follow the Dark / Bright areas exactly or use the exact base colors above all of the time.

 

You can be quite flexible by using other variations

gray to obtain a result that suits you

If you want to erase a part that does not suit you, do not use the "eraser" tool (unless you have to do it), but rather use the "chalk" tool by selecting the transparent color as follows:

• Apply it on the desired area, this will allow you to avoid sudden changes in appearance on the drawing and will help to accentuate the consistency in your drawing

I must admit it will not be easy to do the first time for a beginner but know that the key to success lies in perseverance, so do not be discouraged, it will come.

Now let's add the reflection of the light, with a white color. At least that's easy to do, but you still have to have an eye to choose the right location

 

• create a layer named "light" above "inner"

• using chalk, draw this white spot on the left

Now let's add the shadow of the drop.

 

The light crosses it from top to bottom, from left to right, so the shadow will be placed on the opposite side, in the area shown in the image:

Still using the "chalk" tool, draw the shadow of the drop on it by adjusting the pressure of the stylus and varying the colors from light gray to dark gray if possible.

 

• create a layer named "shadow"

• reproduce this shadow in the lower right corner

Add the final details at your convenience, here I have drawn the trail left by the passage of the drop

At this stage it is time to increase the level of realism of our drop,

 

• come back to the "sketch" layer

• select "soft" in the "eraser" tool

• lightly erase the edges on the left side.

Still in the same vein, we are also going to refine the tail of the drop.

 

• go to the "inner" layer

• select the "mixer" tool

• gently pass the blender through the area with movements from the bottom to the top

Let's take a look at the result

After some very slight adjustments

and There you go ! In the end we have a nice drop of water. You can now save (File> Save or Ctrl + S).

Write the name you want to give to your work, choose the format, then click "Save".

Perfect, it's over, our work is warm in our

computer.

 

Here is an image that sums up what we just did with the steps:

OK now if you are hot we will dive and go

visit the bottom of the oceans.

Draw air bubbles underwater

Hope you are in good shape, because in this part we are going to do some freediving :)

 

Here is the masterpiece that we are going to achieve

Let's go to the Caribbean :)

• create a new project

To start we are going to draw the bottom of the sea.

• create a new layer called "background"

• in the gradient tool, select "blue sky"

• go back to the layer and click and drag from the bottom to the top as in the image

-and bim ... we have a very clean seabed

Now let's draw the bubbles.

• create a layer called "bubbles" above "background"

• in the "pen" tool select "G pen"

 

• choose white color

• set the pen size to "80" or whatever size suits you, as long as it is thin

• come back to the "bubbles" layer and draw random shapes like this, make the lines as thin as possible.

Note: the shapes must have the appearance of bubbles that rise to the surface, i.e. with more or less rounded and various sizes and shapes, and the more we go up the larger they are and vice versa

 

Note: Take the time you need to shape

as natural as possible to your bubbles, it looks simple like that but it is the basis for a successful drawing, so do not be in a hurry and take your time

 

Note: if you want to adjust a line, use the "soft" option of the "eraser" tool to refine it

Our bubbles are here, now the time has come to paint them.

 

• create a new layer above "bubbles", name it "paint"

• in the "brush" tool, select "watercolor brush"

Now let's do some composition.

 

As we are at the bottom of the sea and the dominant color is blue, we will paint our bubbles with variants of blue then they are transparent

Note: you can have a different composition but it must gravitate around the color blue

Now that we have our colors, let's move on to painting one of our bubbles

• at the top we apply white,

• at the bottom of the colors a little darker

• and slightly below the middle, even darker colors

Once again I appeal to your flexibility and attention to detail.

Vary your movements to achieve a more realistic rendering, for example:

 

• by pressing strongly on the brush for pronounced colors

• by releasing it to obtain lighter colors

• reducing the size of the brush to refine the details

• by erasing if necessary certain white or unwanted borders.

 

Comb, erase, comb, erase, until you are satisfied with the result.

• zoom out from time to time to see the level of realism

• take the time necessary for the painting to be consistent.

 

Here is an overview of our work:

Apply the same process to each of your bubbles:

Ok ... Piouf ... I believe that at this stage, most of the work is already done.

 

All we have to do now is add a few details.

to accentuate the realism of our work.

So let's add some details.

• create the "effects" layer on top of all the others

• in the "brush" tool select "Dense watercolor"

• the color must be set to white

We will sprinkle the top of each bubble with tiny white lobules of various sizes, without overdoing them either.

Finally, as the bubbles receive light from the surface, they go, reflecting this light, start to shine

 

• go to the "effects" layer

• set the "airbrush" tool to "soft"

 

• choose a white color

• lightly spray the top of each bubble to give them a shiny effect

Okay ... the work is finished ... Yeh :)

 

For the bravest among you, they can add details like underwater algae, fish, and rays of light that penetrate the surface of the water.

You can now save the project and come back to the surface.

 

Here is an image that sums up what we just did

 

Now I'll take you to the pool, I promise I'll pay, it's summer you have to enjoy it :)

Draw the water surface of a swimming pool

We are going to draw the surface of the water of a swimming pool.

 

The surface of the water at rest in an enclosed space such as a swimming pool, a basin, a jacousi, or by the sea, is generally made up of very irregular white network patterns.

These are the patterns that we are going to reproduce now.

 

I reassure you right away, we are not going to draw every pattern

by hand it is possible to do this, but it will take too long.

 

Instead we will upload materials to "CLIP STUDIO ASSETS"

• close "CLIP STUDIO PAINT"

 

• and open CLIP STUDIO

If you are not yet connected, at the top of the window,

• click on the "Connection" button

• enter your e-mail address and your password, then click on "OK"

• now you are connected

• go to the far left click on "CLIP STUDIO ASSETS"

• Fill in the search bar with the keywords "water" and "surface", then click on the filter "By popularity"

• Now click on this thumbnail to access the "Water surface" materials

• at the top right click on the "download" button to start downloading the materials

a dialog box will notify you when the download is complete.

 

• once the download is complete, close the dialog box

 

• Now on the far left click on "Manage materials", then on the "All materials> Download> Water surface" folders to check that your materials (water blur and water) have indeed been downloaded, as this shows us. picture.

You can close "CLIP STUDIO"

and open "CLIP STUIO PAINT"

Great ... we can finally start our drawing

 

• create a new project with square dimensions

(2480x2480 for me)

We will start by giving color to our stretch of water using a gradient

• create a new layer named "background"

• in the gradient tool, select "sky during the day"

• zoom out the layer and click and drag from the center to the outside upper left, like this

Boom !

It's time to add our materials.

 

• In the menu bar located at the top, click on "Window> Material> Material [Download]"

The list of downloaded materials is displayed

• Keep the CTRL button pressed and select the materials "water blur-Water surface" and "water-Water surface"

• click and drag on the "background" layer to drop your materials there

• it's good you can release :)

• move the "water blur" layer above "water"

• then select the two layers using the CTRL button

• go to "Edit> Transformation> Free transformation"

• Manipulate the figure from all sides so that it can look something like this

• once you are satisfied, press "OK"

Now we will try to add depth to our pool

• select the "water blur" and "water" layers again

• while holding the "ALT" button on the keyboard, click and drag downwards, then release the mouse button to duplicate them

Let's merge the two new layers:

• select the "water blur Copy 2" and "water Copy 2" layers

• go to "Layer> Merge Selected Layers"

• rename the new layer thus formed by "shadow"

• to finish apply the "Product" combination mode

One last step

 

• the "shadow" layer being selected, press the "down" directional arrow several times on your keyboard until you obtain a depth that is favorable to you

 

Let's add some sun to it all

• create a layer named "light" above all the others

• in the "Gradient" tool, select "Foreground to transparent"

• set the shape to "circle"

• choose the color white if it is not already done

• Zoom out to be more comfortable, then click and drag from top to bottom, left to right, as shown in the image

• and voila ... it's a slight change but it is important

Let's add some effects.

 

• above all the others create a layer called "effects"

• go to the "Decoration" tool and choose "Glitter C"

• place them near the light near the top right corner

At this stage the essential is done.

 

You can add as much detail as you want, as long as the scene remains consistent.

For my part, I added a ray of sunshine, a rainbow, and a few small brushstrokes for the upper edge of the pool.

Phew, I would like to bathe in this water, wouldn't you?

 

Splash ... Splash ... Splash ...

 

Here is an image that sums up what we just did.

Ouch ... my eyes ...

 

I shouldn't have swam with my eyes open now my eyes hurt.

 

Would you like to come with me to the ophthalmologist? I need a pair of medical glasses.

 

Come on, say yes ... great :)

Draw a pair of medical glasses

We are going to draw a pair of medical glasses.

A pair of medical glasses is like any other object, i.e. if we think about it well, it can be drawn from a box as a basic element, this is exactly the strategy that we are going to implement .

 

• create a new project

• create a layer named "sketch"

• in the "pencil" tool select "Realistic pencil"

• select a gray color

• go back to the white sheet and sketch a box looking like this

Note: We could have used the "rules" tools of "CLIP STUDIO PAINT" to draw a perfect box respecting to the letter a good perspective but that's not the goal here, we want above all to make a drawing with shapes natural, so draw your box freehand.

• add the following 4 vertical bars, which represent the location of the glasses

• above "sketch", create a new layer named "sketch_glass", inside which we will draw the first sketch of our pair of glasses

• start by sketching the location of the two glasses

• then the frame

• improve your sketch by drawing and erasing, so on

• sketch out some details, like the nose guard here:

while continuing to improve the contours

• hide the "sketch" layer by clicking on the box on the left

• here ... we have finished the sketch of our pair of glasses

• above "sketch_glass", create a folder named "glass"

This file will contain the inking, the color, as well as the lighting effects which will be applied on the surface of our glasses.

• in the "glass" folder, create a new layer named "ink"

Now we're going to ink our glasses

• select the "sketch_glass" layer and set its opacity to 50% (you can adjust the opacity that suits you, as long as it is neither too visible nor too unreadable)

• come back to the "ink" layer

• select the color black

• in the "Selection Area" tool, select "Ellipse"

• in the properties, set the tool as shown in the image

Note: do not forget to set Antialiasing to "None" to avoid encountering some unexpected white areas during the colorization phase

We will first ink the glasses then the frame

• click and drag diagonally, this way to create an elliptical selection area

• then click on Scale / Rotate

WTF ???

I'm sincerely sorry, it's all my fault.

CLIP STUDIO PAINT tells us that there is no object to transform, normal we have not yet drawn anything inside the layer on which we are positioned, ie "ink"

• close this dialog box by clicking on "OK"

To remedy this problem, we will go through a little trick

• select the color black again if it is not already

• click on the "Fill" paint pot, to cover the entire surface

• Set the opacity of the "ink" layer to "0" (we will restore its opacity to 100% later)

Our area of selection becomes transparent again

And if we click on Scale / Rotate again ...

We get that ...

The trick is over, now let's continue.

• go to the properties of the tool and choose the "Free transformation" mode

• come back to the drawing and try to move the 4 sides and the 4 vertices so that the selection area fits more or less perfectly with our sketch

• after modification we get this:

• Press "OK" to validate the selection

Cool !

Now let's draw the outlines

• restore the opacity of the "ink" layer to "100%"

• click on "Reduce the selected area"

In the configuration window that appears,

• fill in the "Width of decrease" to "1"

• select the type of reduction "curve"

• validate by clicking on "OK"

The diameter of our selection circle has just decreased by one pixel

• select transparent color

Note: The "transparent" color is not the "white" color, it is the checkerboard pattern you see in the picture above. So be very careful because this confusion can lead to serious mistakes down the road.

• And finally ... click on fill

You can now deselect the item

• Apply the same process to the left lens

Let's move on to inking the frame.

• in the "Figure" tool, select "Continuous curve"

In the tool properties, set the parameters as follows:

• on "Line / fill" select "Create a line"

• on "Curve" select "Spline"

• uncheck the "Near line" box

• on "Brush size" set to "1"

• on "Opacity" set to "100"

• SET ANTI-RECLOCKING TO "NONE"! to avoid encountering some unexpected white areas during the coloring phase

Finally,

• set the "Brush shape" to "Pen"

• select the color black if it is not already done and start inking

Note: During this mode, canceling an action is done with the "right button" of the mouse, so if you make a bad track you can always go back to the previous stop by clicking on the "right button" of your mouse.

 

Note: In the curved areas, mark several stops as shown in the following image:

But in straight areas, stop as little as possible, if at all.

Inking is finished

Add as much detail as possible to make the scope more realistic

• by adjusting certain areas of the frame to give them volume, because the frame is not completely flat

• by adding hinges on either side of the two arms of the frame

• graphically detailing the "nose guard"

Try out whatever ideas you can think of.

here is the result:

That's good but it still lacks details, because a while ago, looking at my mother's glasses, I still had a few ideas.

We will reduce the width of the frames, add "ear protectors"

as well as some very light details.

this is more realistic

Note: don't feel like you have to do the same design as me, you can let your imagination run wild.

You can now hide the "sketch_glass" layer, we won't need it anymore

Now on to the color

• below the "ink" layer, create the "flat" layer

• in the "Fill" tool select "Consult other layers"

• fill in all the colorable parts with a sober color

• in the "Fill" tool, select "Close and fill", go back to your drawing and circle all the recalcitrant parts

For example, let's surround this area ...

... and hop there

Let's go through all the areas of the drawing

here...

Our pair of glasses is mainly made of 3 materials:

• metal for the frame

• plastic for the "ear protectors" and the "nose guard", which allow a smoother contact between the object and the surface of the skin

• and of course, glass for both glasses

We will now highlight these different parts using color codes starting with the metal frame.

 

But first, lock the "flat" layer for eternity (this will prevent the colors that will be added on top of it coming out of the frame of this area)

 

• select the "flat" layer, then click on "Lock Transparent Pixels"

>> Highlighting of the different parts

• create a new folder named "armature" above the "flat" layer

• then click on "Clipping mask on the lower layer".

This operation will lock (clip) the "armature" folder on the "flat" layer, so that the colors that we are going to add to it do not exceed the zone defined on the "flat" layer.

• in this folder create a layer named "flat_armature"

• give a flashy color (here green) to this area

• once the colored area lock the layer

Do the same for the other parts, except for the glasses, which we will leave transparent

We ended up getting this

Highlighting of parts completed.

Now we are going to individually color each of the elements that make up our object.

 

>> Final colorization of the different parts

Note: We are going to focus here only on the colorization of the framework, you can then use it as an inspiration to fill in the other parts.

• in the "armature" sub-folder, create the "base_color" layer

• clip it on "flat_armature", to avoid any color overflow

outside the "flat_armature" layer

• fill the frame in its entire length with a light gray color

• create and clip a new layer named "shadow" just above "base_color", to add some shadow areas

• then using the "pen G" (or another tool), fill with a darker gray, certain corners of the object

• create and clip a new layer named "light" just above

"shadow" to highlight the reflection of light on the surface

metallic.

• set the color to "white"

• using the "G pen" (or another tool), go vertically from

on either side of the metal parts by varying the thickness of the

strokes, be irregular.

Frame colorization completed!

Now do the same for the remaining parts

The "ear protectors"

The "nose protectors"

At the end of this whole operation, we got this result:

We are almost at the end of this tutorial, we will now feature our stars of the evening.

Eyeglass lenses

To highlight our glasses, we need to create a background image.

• at the bottom of the list of layers, just above "paper", create it

"background" layer

• using the "brush" or the "pen" draw a grayish cluster there, and make sure that our pair of glasses can appear in the center of this cluster.

• then, in the "glass" folder, above the "ink" layer, create a

new layer named "light"

• select the "ink" layer, and click on "Define as layer of

reference ", to define it as the SINGLE reference layer

• in the "Fill" tool, select "Consult other layers"

• in the tool properties, set "Multiple reference" to "Reference layer"

• select white color

• fill our two glasses with white color

"Some parts" of the "nose guards" seem to appear in front of the glasses except they are supposed to be on the back

• select the "feather G", and cover the affected areas with white

there, it's better

• the "G pen" always selected, choose the transparent color

• set the brush size to "50"

• and with very fast but precise gestures, pass the brush diagonally over the white surface so as to reveal the transparency of the glass, and the reflection of the light

THE END !

With a tiny little color adjustment ...

Note: This colorization technique is certainly difficult and takes a lot of time to set up but once it is established, it has the advantage of presenting a better organization of the layers, of limiting errors, and especially of changing as much colors and layers that you want without risking altering the design as a whole

AWESOME ! ... I can see better now, thank you for coming with me.

Here is a summary of what we just did.

Conslusion

Using the process that we have just seen, you can directly use the "sketch" and "sketch_glass" layers as a support to draw glasses of different sizes and shapes with various designs, by applying patterns on them. frame, by adding gradients on the lenses, etc ...

Well ... it was really cool to share this tutorial with you. Above all, keep in mind that to progress and be comfortable with drawing in general, you will have to practice, practice, and still practice without stopping ...

Now you know how to draw some elements of the world around us with transparency, I hope we will meet again soon :)

Do not forget to comment below if you encounter any concerns.