Hello and welcome to my very first tutorial. Today I'm going to show you how to create
this little floating juice box using Blender Greasepencil tool only from start to finish. I'm going to show you the amazing drawing
tool and also the amazing palette tool. I'm going to show you how to move in 3D space
while drawing, and how to animate your drawing using traditional 2D techniques mixed with
3D motion for your objects and for the camera. So, let's begin. First, the version i use here is blender 2.82. And i'm going to show you a glimpse of the
potential of Greasepencil, because this tool is in constant evoluti on, we cannot cover
everything in a first tutorial. There are enhancements and new features that
are going to come in a few weeks or months and some are already available now,
but today I'm going to show you the most simple drawing and 2D animation tools that can help you make complex animations once you understand them This tutorial is intended for both complete
beginners in blender and also for people who already know how to animate with blender but
are new in Greasepencil. So if you're already familiar with the interface
of Blender, if you know how to create objects, how to navigate, how to move things,
you can skip to the time code shown below. for the new users, let's start. The first thing that I'm going to give you
is the most important one. It’s that blender is really well documented,
so when you hover the mouse over any button or any menu, you can see the name of this button
appearing in a tooltip. And you see a short description of what it
does and you can just type that description on internet to learn more about it. So, what is this, where am I ? why is there
a 3D cube here? what is the purpose of my life ?
Well, this cube is one of the default contents that blender adds when you create an empty
scene. you can manipulate it by clicking on it here
or you can click on it in the list of objects here, that we call the “outliner”. The outliner shows all the objects available
in your scene and below that outliner in this other panel here, you have the parameters
of the whole scene, like the export format and dimensions, the
parameters of the World and the environment, like the background colors and things like
that. And below that panel, you see here there’s
a little separation between the buttons. all the buttons that are below are of the
parameters of the currently selected object. So if you click on a different object, the
content of this last panels will change. Now how to navigate in space : If you drag
the mouse mouse in this little sphere you rotate the viewport. If you drag in this magnifier you can zoom
out and zoom in. On this hand you can slide left/right. And on this you go inside the active camera. This camera is actually the point of view
from where your Image is going to be exported .
When you click on render here, you export the image that is seen from the camera here,
and you can save it as an image or a video file on your computer. The next very important thing that you must
understand on Blender is the 3D cursor. It’s that icon here that looks like a ring
buoy. I don't know how to pronounce it. it's like a second mouse but you can move
it in the 3D space, unlike the normal mouse that can only move on the 2D space of your
screen. to move his 3d cursor so you just have to
press shift and right-click on the scene at the place where you want to put it. And of course when we move it from this point
of view, we don't see exactly where it is. we don't see the distance. So I will show you later how to move it with
a more precise distance. So let's suppose that the 3d cursor is here
and you create an object with : add, meshes, whatever in this list. We ‘ve created a cone, and you see that
it is exactly where I left the 3d cursor. So this is one of the uses of the 3D cursor. it lets you decide where is going to appear
the next thing that you’ll create. And another example : Suppose that you created
a drawing. Let’s suppose this thing is a drawing. It has a shape of a thin donut but, but let's
imagine that is a drawing and that it has a complex shape like this for example. So later if you rotate your drawing you see
that the rotation happens around the 3d cursor. Actually before you start your drawing it's
important that you place the 3d cursor at the point that will be the center of your
drawing . Even if you don't have a clear idea of your
drawing, you must at least know where should be the center. And in the end if your drawing doesn't look
like what you expected , ou can still move the 3D cursor and change the centre to that
new place. To start a drawing on Blender we have 2 ways
to do it. The first way is to just click on : file,
new, 2D animation and there you have a white canvas and can already draw on it. If you rotate the camera you can see that
you're actually in a 3D space, and up there in the outliner you see that there's a greasepencil
object that has been created. In the parameters this object, down here,
you have layers and colors, preconfigured. This is the first way. The second way is to start from scratch, this
is the way I'm going to show you because at some point you'll have to go back here and
you'll have to know how to recreate the canvas and the color palette so I'm going to show
you this. First i’m gonna clean my workspace by removing
some tabs up there. I'm going to remove all the tabs except layout
and animation so I right click on the other tabs and press delete. all these ones. Don't worry if you remove the wrong tab you
can press + and find it again in this list. these tabs contain actually the same content
that you see here but with a different display and different tools optimised for a specific
task. And for now we just need the layout an animation
tab and another one that we’ll add later. We are going to configure our pen tablet to
draw and navigate on Blender. Most of you know that on blender, normally
you need the middle button on the mouse to navigate, to rotate and pan the camera without
having to click up there. So we're going to change the configuration
of blender to emulate this middle mouse button with a pen. To do so just need to go to edit preferences
and go to the input tab and here we can emulate 3 button mouse. in the menu under this just
click “alt” as the modifier . And this means that when you hold “alt” key and
click on the screen with your mouse or with your pen, the software will believe that you
are using the middle Mouse button. Those of you that are familiar with modelling
in blender know that the “alt” key is needed for the loop selection so if you activate
this option here you'll have to edit your shortcut for the loop selection tool. in my
case i’ll also activate the emulate numpad option because I use a laptop and I don't
have an numeric keyboard on the right. The numpad buttons are used as shortcuts to
change the point of view quickly in the 3D viewport. And if you don’t have that, you just need
to click here on “emulate numpad” so you can use the top buttons on your laptop as
shortcuts. Now to use the pen : if you hold the alt key
and drag in the viewport, you rotate view around the currently selected object. if you hold alt + shift and drag, you move
the camera on the side. if you hold alt + control and drag the mouse,
you zoom in and out to view. These are the main shortcuts to navigate. To create your drawing, first check that you're
in object mode in this dropdown, and then click on : add, greasepencil, blank. Greasepencil is the name of a drawing object
in blender. so the greasepencil object has been created
at the place where I left the 3d cursor, it’s here in the centre. We don't see it because it's an empty drawing
for now. And now go to the outliner up there and open
the object with this little arrow here. You see there is the name of the object duplicated
on two levels. you can double-click on them to change their
name. All the items in the outliner are organised
like this for now : you have this nested items here, and in our case the green one is the
name that you find later in the 2D animation part, so, you have to rename the the two items. In our case we’ll name them “box” and
“box”. Now click on the “+” button near the tabs
up there, and choose : 2D animation, 2D animation. A new tab has appeared. You see here, a new menu has also appeared,
it’s the drawing tools so don't be confused by the way how it appeared suddenly. This menu is actually available only because
we are in a greasepencil object now. If you go out the greasepencil object, even
if you're in the 2D animation tab, this menu will disappear. by the way, to go out of your drawing, and
edit another object you must switch from draw mode to object mode and then you can pick
another object. This is because when you draw on blender,
you can click on different objects that are not drawings, but you don't want to quit the
draw mode so, that's why blender keeps you inside the drawing unless you specify that
you want to go out by switching this menu to object mode and then click on another object
. Also if you want to switch from a drawing to another drawing, you must first go to object
mode too and then you can click on the other drawing and then switch back to draw mode. The draw mode is only available if you have
selected a drawing object . Now let’s configure the dimensions of our
exported animation. If you press on zero on the numpad you switch
to camera view to see a preview of the exported image, so here we see that we have a panoramic
image, but in this case we want a square image to put it on our social networks, so, you
can click here on this printer icon and change the dimensions to 1920 for both X and Y resolution. And we are going to change the background
colour of our drawing so we go to this world icon here and click under background, colour,
and change the colour. if you don't see your colour appearing in
the viewport here, it means that you're probably in one of the display modes up there of the
viewport, which are wireframe mode, solid mode or material preview mode, so you just
need to click on the last icon here. This one is the render preview mode. And now you see that the colour on the viewport
is slightly different than the color that you picked in the right panel. That is because, in blender, the default export
colours are adapted to make a more photo realistic or “filmic” render but here we are doing
a non realistic drawing so, to change that you go to this little camera icon and, under
the colour management section, you switch the display mode from “filmic” to “standard”
and then you'll see the actual colour that you picked. Ok that flashy yellow was just for the example
but I'm going to put a more pale color for this tutorial... yes you know in the end I'm
going to change this to blue but, I'll keep this bright pale yellow know for now. Let’s make little doodles now to get familiar
with the tool. So here we are in a grease pencil object,
ok, we're in draw mode. We go in this panel here that looks like a
green spaghetti, and here you can create create the layers of your drawing .
So, click on “new layer” and doubleclick on the new layer to rename it. Then, to create your colour palette to go
to the material panel in this button here that looks like a sphere with a checker texture,
and here just click on “new” to add a new color and double click to rename it. I usually name my first colour “lineart”
because this will be the colour of the mail lines that i’m going to draw. Down here you can change the colour of the
stroke and fill but, i will show this to you later, let's leave this to black. Now, back to the layers, ok I'm in the right
layer, because I only have one anyway, let's start with non animated doodles. I'll show you the animation part later. To go out of this preview frame i’m just
going to rotate the camera slightly and I'm also going to remove the grids and overlays
by clicking on this overlay button here. Now that all the settings are done, you can
draw here with the pen. And be careful to stay in the same frame in
the timeline here below because if you accidentally move in the timeline with the mouse or by
pressing the space button, which is the shortcut to play the animation, and if you try to continue
an existing drawing from here you see all the previous lines disappearing suddenly. This is because blender creates automatically
new keyframes when you move in the time and draw. so this is feature is for the animation. if you accidentally created new keyframes,
just go back to your first keyframe and select the other ones by dragging here, and press
x to delete. Let’s draw this little fruit. Here you can change the width of your brush. And this button toggles on and off the pen
pressure. On the next input you can change the strength
of your pen. The strength is actually the opacity of your
brush. And you can also toggle on and off the pen
pressure for this. In the advanced dropdown, you can configure
the way how the software records your strokes. It will depend on your computer settings,
but in my case, it seems better when i set the input samples to one and the active smooth
to 0.3. Let’s put the width to around 25 pixels
and continue our doodle. I’ve drawn this little fruit here. Now If i rotate the camera and then draw something
else here, you see that the 2 drawings oriented in different directions. To understand what happened, we are going
to reveal the invisible canvas behind the drawing I’m gonna activate the overlays here, but
with more options, in this dropdown, i check the canvas option. Now we see a new grid on the center. This is the canvas, it’s the invisible plane
on which we were are actually drawing. i’ll just remove the floor from the overlay
options, so we can see the canvas better. Now the canvas is in the center of the scene
and is facing us. Its position and orientation are actually
ruled by the two dropdowns up there. The settings you should have per default are
“origin” for the position and “view” for the orientation. When you have this setting, the canvas will
always stay at the global center of the scene, and will always face the view, which means,
yourself ! If we draw little arrows in the corners of
the canvas, and then rotate the camera, you see the arrows stay exactly where the canvas
was oriented before, while the canvas is rotating with us. If we draw again now, our new lines are aligned
with the new current view. I’m gonna change the orientation rule to
front, and the canvas rotates to the front obviously. Here if I draw a horizon you notice that I
can go outside the grid. Although you just see this little grid for
the canvas, actually it's stretching to the whole space on the sides and the top and the
bottom. So now you understand how this works, if you
switch this to top the grid, faces to top so you can draw something on the floor like
this road for example. And same rule for the side orientation, you
can draw something standing over the floor. Ok it looks nice but what if you want to draw
the same thing but not from the center of the scene now ?
well that's when we need the 3D cursor. in the first dropdown here let's switch the
“origin” option to “3d cursor”. If you don’t see the 3D cursor on the screen,
you have to activate in the overlays. So, up there, check that the overlays are
activated of course, and then, in the dropdown, check the 3D cursor option. Now you can shift right click in the scene
to move the 3D cursor, and the canvas moves with it ! You can now draw like we did before,
but from different places. By the way you see that to move the cursor,
i’m clicking randomly in my perspective view and i assume the cursor is moving from
left to right but i have no idea of the distance from my view to the cursor. Maybe it’s not even aligned to the floor. So a better way to move the cursor with more
precision is to not be in perspective view. If i press numpad 1, my view is switched to
the front, and all the perspective has disappeared. So from this view i can see all the objects
nicely aligned from the front in an orthographic space, and i see my 3D cursor between the
objects. I can precisely move the cursor with shift
+ right click on the screen, and i can place it precisely… for example in the center
of the tree here. And remember to navigate to on the orthographic
view without rotating the camera, you must hold alt + shift and drag on the screen with
your pen. If you use alt + the pen you rotate the camera
so you get out of the photographic. You’d have to press numpad 1 again to go
back here. When i’ve done placing the cursor, i just
rotate the camera to see the result in perspective. The canvas is indeed aligned with the tree
but, well it’s just aligned from the front view and not from the side, but remember,
the width of the canvas is infinite so, i can complete the side of the tree from this
view. This technique also works to move the cursor
up and down. You can press numpad 1, then shift right click
to place the 3D cursor at the top or bottom. In my case I’ll put it up there, ok, now
i go back to perspective, i rotate the camera, and i’m gonna change the orientation of
the canvas to top. And here you can draw little clouds! ahah..
ah…hum. Of course, numpad 1 is just one of the available
orthographic views. We can also press… numpad 3 ! and here we
are on the side with an orthographic view also. And if we shift right click somewhere on the
horizon from here, to the left or to the right, we’re actually moving the 3d cursor to the
front or to the background because we see it from the side. I’m gonna place the 3d cursor on this car. Now I rotate to see in perspective, restrictive
and I see that they’re aligned on the side, y-axis but not on the front, the x-axis, so
I pressed again numpad 1 and align it on the car from this view. I go back to the prospective and now it seems
ok. So you see I had to check the position from
the side and from the front view with numpad 1 and numpad 3 to be sure that I was indeed
in the centre of the place where I wanted to be. Now I can change the orientation of the canvas
to front, and here I can draw some guy going up in the car ! Short off-topic stuff now, it’s not needed
for today’s artwork but it’s a very cool thing to know. In the first dropdown here, if you chose “surface”,
you can draw over the surface of 3D objects with your pen. Of course you need 3D objects on the scene
to draw on, so luckily we have this cube. In this version of blender, when you draw
on an object, like this, the lines are actually half inside the object and half outside. To solve this, you must adjust the offset. it’s is in this little input that appeared
in the dropdown here when we selected surface mode. The offset is the distance from the surface
to the pen when you draw. Most of the time, i set it to 0.1 or 0.3… Let’s test 0.1. Ok… Hum, not good….
this time 0.3 will be better. Let’s try. Okay now my lines are more visible. The optimal value for the offset actually
depends on the size of your brush. The thicker the brush, the bigger the offset. You can also exagerate the offset value if
you put a really big gap between the object and the drawing. Here you can see what happens if we put a
big offset. It looks like this. Okay this was just to show you this cool option,
but today… We won’t even need to draw on any 3D object
! We are going to build a whole 3D animated drawing using... the pen only ! Now let’s draw our juice box. Lines and colors, Now let’s draw our juicebox
! I m gonna remove this cube. First i must go out of my drawing, so i switch
to object mode, then i can click on the cube, and i press X to delete it. I can now reselect my drawing in the outliner
here, because it’s still empty and i can’t click on the scene to find it. To put the 3D cursor back to the center of
the drawing, i press shift +S and select « cursor to selected ». The cursor is now back to
the center. It’s is the place where the 3D cursor was
when i added the greasepencil object. I can now switch to draw mode. Up there we have different types of pens. I will choose the standard pen, and for my
usual art style, i deactivate the pen pressure for both radius and strength. at the top center, the setting are on « 3D
cursor » / « front ». I can now start to draw the face of the box. Here we go. It’s not perfect, i could redraw them but
will show you a new tool instead. Switch to sculpt mode in the dropdown. Now There’s a bunch of new tools on the
left. You can try them all on the lines of your
drawing. In this case i’m gonna pick this one, the
grab tool. This allows you to grab pieces of the drawing
and move them smoothly. You can change the width of your tool by pressing
« F » and moving the mouse to the side. Click to confirm. And now you can grab the drawing with a bigger
brush. The « F » shortcut works to resize all kind
of tools when you’re drawing. You can use it for the pen, for the eraser
and other tools. I’ll go back to draw mode. We have tools down there to draw shapes like
circles and rectangles, but for my case i prefer to keep some handmade style to the
drawing so i won’t use these tools for now. Let’s draw a circle. it almost looked good, for once… Well, back to sculpt mode, i take the grab
tool to fix the shape. I think i’m going to rename this layer to
“face lines”, and add another layer called “stars lines”. I want separate these elements because i’m
gonna animate them separately. Actually, all of them will have 2 layers. A layer for the lines, and a layer for the
colors. Now, in draw mode, let’s draw stars and
little decorations here. Again let’s add another layer. I rename it background « background ». I
move it to the bottom of the list. You can use these arrows here to sort the
layers. Let’s draw in this background layer now. I’m drawing little pills... and… You see that the pill at the right side is
not correctly aligned with the rest. I can deform it with the sculpt tool, but
that will be hard to keep it’s shape clean, so a new tool for this, i’m gonna switch
to « edit mode » here. I’m going to lock the layers i don’t use. I can even hide them. I pick the selection tool, and in the next
panel i pick the lasso mode. So now i can drag to select around the pill
and i press « R » for rotation. I can rotate the object, and the rotation
is clear from here because we’re on an orthographic view but, if you do this while in perspective
view, the rotation will happen in the axis of your current view and it can be hard to
be sure what you’re doing. So when on perspective view, you can rotate
with the « R » key, and then press « Y », to constraint the rotation on the Y axis. So it’s rotated as if you were manipulating
int from the front, the view which is perpendicular to the Y axis. Or you can just go back to the front in orthographic
mode with Numpad 1, and then just rotate with R. Now everything is aligned. Just need some small adjustments in sculpt
mode, i’m going to adjust this… And now we’re okay. I’m gonna create another layer now for the
borders of the box. I call it « box lines » and i mov it at
the bottom of all layers. In this layer i’m gonna draw the borders
of the first face of our juice box. Now another new tool ! You see on the corner
of this box ther are overlapping lines. You can erase them with the eraser. You have the soft eraser, you have the hard
eraser and the point erase that both erase in a more sharp way, and you have the stroke
eraser that erases a whole line when you just touch a piece of it. But still, it’s hard to erase exactly the
overlapping lines without breaking the corners. So, we have another tool for this. This cissor icon here. It allows you to cut the overlapping lines
by just selecting them. So here i can just remove this part here,
same here, and same here. Sometimes, this tool wont work the way you
expect. Actually on blender, all the lines that you
draw are recorded in points based on the movement of your pen. In edit mode, when you select your lines,
you can see the points in your lines . If you select a group of points, up here in
the edit mode menu in « strokes » you can increase or decrease the number of points
in the selected area. If you click « simplify », some inbetween
points are removed. This can be useful if you want to optimize
your file, or to stylize your drawing by creating more straight lines. But if you don’t have enough points, in
sculpt mode, if you drag your lines, you see some hard edges because there isn’t enough
data to make smooth curves. To add more points, back in edit mode, select
the zone, and up in the menu there under « stroke » you can click on « subdivide ». It adds
some inbetween points. You can redo the subdivide action as many
times as needed till you think you have enough points to create smooth curves. So now back to sculpt mode, we can grab the
lines, and see, the movement is smoother. You also use this first sculpt tool to polish
the curve. So now we have something really smooth. This rule of points applies to the cissors
tool too. It needs these points to detect correctly
the intersections and to erase correctly the overlapping lines. Now i’m gonna clean the rest of the corners. And remember, this software is in constant
evolution, so all these tools are going to be enhanced. Now let’s add some colors. I add a layer, i rename it « box color », i
move it down with the arrows. To create our colors, let’s switch to the
« Materials » panel, in the red round checker here. We click on + to add a slot. Down here, this grey sphere, it’s a button
to import the colors you already created in another greasepencil on the scene. We just click on “new”, for now this is
the only greasepencil object. Here, we uncheck “stroke”, we don’t
need a stroke color for ths, and activate “fill”. Now we pick a color for the fill color. Double click to rename. I will name this “medium”. I don’t usually name my materials with names
like « blue » or « purple » or whatever color because, later i could change the stroke
color or the fille fill color and i don’t wanna have to rename them again, so i name
them like “bright”, “dark” or « wood », “metal”, etc. But you can find your own rules. YOu can also name it “blue” or “pink”. Now i think i will start with another color. I’ll save this blue for later. I press + again, new, and i rename it « medium2
». Again, any name you like. Here, we uncheck the strokes color, activate
the fill, and pick a color. NOw back to layers. You’re in the colors layer, under the lines
layer, you’re in draw mode, you can select the paint bucket tool, and click in the shape
to paint it. Now beware, when you use the paint tool, like
with the pen tool, you have the rules for the canvas at the top of the view, so you
must be sure when you paint that the position and rotation of the canvas are the same as
when you were drawing the lineart. Suppose the drawing was made in the front
orientation, but later for some reason, you have switched to « side ». Now you paint
in the shape, and it seems that it’s been filled corretly, but now rotate, and see,
it’s actually drawn on a perpendicular plane, on the side view. It just looked right from your view, but this
was an illusion. So beware to always check the position and
orientation of the canvas when drawing and painting. Okay, now just a little adjustment in the
palette, i think i will make this slightly... brighter. And i will create a new color. Press plus, press new, uncheck stroke, check
fill option, pick a color, Now another color, well, let’s do them all
while we are here. Just create like 5 or 6 colors of your choice
! Back to the layers. I add a layer for the colors of these pills
in the background. I hide the unused layers, because the paint
bucket tool checks all the visible layers to when we paint. Another tip, you can access to your palettes
in the top menu here when you’re drawing. Faster than going to the materials panel at
the bottom. I’m now going to paint the half of the pill… And, oops! whole pill was painted. Thats because there’s a gap here in the
middle. YOu can configure the way how the tool detects
the gaps, you can also go back to the lineart layer and complete the lines, but there are
2 faster ways. Firts way, YOu can use the pen to paint. When you switch to pen, you can draw with
the same color you use for the paint bucket tool. So here you must draw precisely the shape
of the thing you want to color. And the second way, even faster, without leaving
the paint bucket, if you you hold « control » while painting, your paint bucket becomes
behaves like a pen. So you can draw the whole shape, or just to
fill the gap. And when it’s done, i you just release the
control key and click to paint the rest in normal paint mode. Let’s paint the rest of the background. Now we’re going to add a new layer for the
colors under the stars, and a layer for the color under the face. Now, another important tip. When you want to color a drawing like this
face. In this version of blender, i don’t know
if it will change later but, when you have shapes inside other shapes, if you paint the
biggest shape, the color covers everything inside. THe inner shapes are not taken in consideration. So, you have to start by painting the biggest
shapes first, and then painting the smaller ones inside, so that the latest things you
color go over the previous ones. Another way would be to create separate layers
for the inner shapes, but it would take a lot of time. And…. We have done the first side of our juice box
!!! we can go to the next step, We’re going to add some volume to our artwork. We’re going to draw on different places
in space now. We press numpad 3 again to switch to the side,
and we move the 3d cursor to the front with shift righ-click, here. The front is at the left from here. Now we rotate to check the perspective, and
the 3D cursor is floating in front, everything’s okay. This is where we’re going to draw some floating
elements in front of the box. Lets create a new layer for the lineart of
this part. I will name this floating lines. We lock the other layers so that we dont edit
them accidentally. Now we select the lineart color in the materials
list, and we can draw, and... what happens... I made a mistake. Look on the left, i was still in the paint
bucket tool !! if we zoom out, we see this big rectangle
that appeares on the sides. It’s because i just painted the whole frame
with the bucket tool, using the lineart color. I’m gonna erase this and go back to the
pen tool. Numpad 1 to switch to front, now let’s draw
new stuff in this new canvas position. Checking the perspective again… Okay. Let’s add a layer now for the colors, underneath
the lineart layer. I’ll name this “floating lines colors”. To paint these lines, you must know that even
if you are on a different place than the face behind, the lines of all the layers are affecting
the paint bucket tool. So we need to hide the other layers before
painting here, or, we can try to rotate our camera at an angle where the element we want
to paint don’t have any other lines crossing behind it. Like here for example, from this view, this
cube is away from the other lines so i can apply securely the paint bucket on it. We can do this for the the other elements
when possible. or, just hide the other layers. Our drawing is starting to be more complex. Some lines are closer to the camera, some
lines are at the center of the scene… And later, to edit these lines, we don’t
want to have to switch to side again, and move the 3D cursor, and switch to front, and
draw and move to side, etc. It would be too long. So here are two tips to move in an easier
way in space when your drawing starts to be more complex. THe first thing, you already know it, you
can press Shift + S and select « cursor to selected », when you’re in your greasepencil
object, the cursor and the canvas go back to the center or origin of your drawing, the
place where we started to draw the box. So at least, this part part of the box is
easy to access for further modifications. The second thing, now, is that if we find
a way to move the 3d cursor at places where we already put it before, we would gain a
lot of time. There are plugins or “addons” on blender
to do that, but i didn’t find the right one yet, so the trick i found is to place
little cubes on the scene, and i’ll show you how to use them as helpers. So go we must go out of the drawing by switching
to « object mode ». Now select « add > meshes > Cube ».
And while the new cube is selected, press S to resize it, and drag the mouse get this
size approximately. We are going to place this cube at the same
depth as our floating elements. So press G to drag the cube and drag it to
the sade of the drawing. Click to confirm. Now, press Numpad 3 to switch to side. Press “G” again to grab the cube and move
it just behind the floating lines. Now we go back to perspective. You already know that when you press shift
right click on the screen, you move the 3D cursor in space, but if you do that t : if
you press shift right click over a 3D object, the 3D cursor will stick to the surface of
that object. So now each time we need to edit the floating
lines here in the drawing, we just need to press shift + right click on the front of
this cube and the cursor will move at the right place. And if we want to add more cubes as references
for other places, while we are still in object mode, we select the little cube, we press
shift + D to duplicate it, and drag it somewhere where we’ll need to draw later. At this point you will still need to rotate
the view to the side to adjust the position of the cube on the Y axis. But once all the cubes are placed, you’ll
just have to press press shift + right click to move the 3d cursor ! So now, i can go back in draw mode. I press shift right click on this cube. the
3d cursor has moved here with the canvas, and i can here. And you see i did this without leaving the
pen tool. Now, you probably guessed that if you render
the scene, the cubes will appear, and we don’t want that. So we’re going to configure the scene to
hide them in the final artwork render. In the outliner, these eye icons here just
allow you to hide the objects in the viewport, but not in the render. To really hide 3d objects in the render, we
need to use the collection system of Blender. The collections are some kind of advanced
layers or groups for 3d objects, and they can be used for very cool compositing stuff. But for now we are just gonna use them to
hide our cubes. So, hover on an empty place in the outliner. You can stretch the panel if you don’t have
enough space at the bottom, and on the empty space right click... and under Collection,
select « new ». We have a new collection now. Double click on the collection to rename it. You can name it « help », and select the
cubes in the outliner. You can press shift to select multiple objects. Now all the cubes inside the new collection,
and on the collection name right click and set > Visibility > disable in render. So for now the cubes still appear in the viewport,
but when we render, we don’t see them anymore. In the same way as we've placed his little
cube on the left as a reference to draw on the front floating lines, we're gonna place
another cute to draw on the side and top of the drawing. I'm going to re-use that cube on the right
for that i created for the example. so, in object mode select the cube on the
right, press Numpad 1, press G and move the cube to the top corner. Now press numpad 3 and press G again to move
the cube behind the lines. if you Press G and then Z, you can constrain
the grab tool to the Z axis. This works on all the 3D transform tools,
and works for the keys x, y and z. check perspective now the cube should be behind
the top right corner of the drawing. if you press shift right click on the side
or the top of the box, you place the 3D cursor either on the side or the top of the juice
box. so know that we’re still on object mode
we can select our greasepencil object either on the scene or in the outliner and now, in
our greasepencil object, we switch to draw mode. So let's create 2 new layers for the side,
one for the lineart in one for the colour. the 3d cursor is on the side of the box now. we change the orientation of the canvas to
side and now we can draw. we can draw from this angle. And remember the size of the canvas is infinite
so you can go beyond the grid. and two draw with more accuracy i still prefer
to switch to the side so I press numpad 3 and trace my lines. Now check the perspective, and if it's ok,
place the 3D cursor to the top by pressing shift right click on the top face of the cube. You can actually use the lineart layer of
the side to draw also the top. it all depends if you want to create separate
animations for them. in this case I won’t animate the borders
of the cube so, I'm going to let the top drawing and side drawing in the same lineart layer. so with the 3D cursor still on the top face,
change the orientation rule of the canvas to top. And now a new shortcut. To see your drawing from the top without perspective,
press numpad 7. Here you can draw the top rectangle of the
box. remember the tools, you can use the line or
rectangle tool too here, or it by hand, and you can switch to sculpt mode to adjust the
shape if needed. And well, I really need it now. Of course when you're using the sculpt tool
here, check on the drop down over the view that the orientation rule is still set to
top because if your sculpt with wrong orientation, like here, I set it to “front”, this is
what happens to the lines. And it doesn't matter if you rotate the camera
when your sculpt, the only thing that matters is the setting of our dropdown up there. Now let’s see if all the lines correctly
connected. That top left corner is wrong. I can be sure that the top rectangle is correct
because i drew it while the canvas was resting flat on the top. So the problem is the front drawing. So, I’m gonna lock all the layers, except
the lineart and color layers of the front drawings. I switch to sculpt mode, i set the tool orientation
to “front” of course, and i push all these stuff up there. Now it’s almost good, just that little line
overlapping on the left. It’s the top drawing that is too big. I’m gonna lock this time all the layers
of the foreground stuff, and i unlock the layers of the top rectangle. In this case, i’m gonna use the edit mode. It’s whole ine to move from left to right
so, the grab tool would just make a mess. So, i take the selection tool, and i select
the line on the left with a piece of the corner, and before moving the lines to the right,
i’m gonna shrink the witdh a little, by pressing “S” to resize, and then X to
constraint the transform to the X axis. If you look on top of my selection, you see
the points stretching or contracting when i resize the shape. I prefer to resize instead of just moving
everything to the right, because i don’t want to have these points colliding with the
rest on the right. It wouldn’t create any bug in the file if
these points are colliding but, i’m just a maniac about these points sometimes. So i shrink everything, and i can press “G”
to move the lines to the right. We can now go back to draw mode, and after
selecting the layer for the side colors, we can paint the top face with the bucket tool. Now some weird stuff, if you rotate to the
back, you see the front drawing appearing over the top surface. For each greasepencil object, you can choose
between 2 modes for the depth of the drawing lines. The first mode is like in the other 2d drawing
softwares. The layers appear in the order of the list. So here, the color layer for the side faces
are at the bottom. That’s why you can see the front drawing
overlapping. If you don’t want that, you can switch to
the second mode. Still in the layers panel here, open the strokes
part, and switch the Stroke depth order from 2d layers to 3d location. Now, the layers order don’t matter anymore,
the faces on the scene appear as normal real world physic faces. But this means that... look at the front drawing
here. We have these glitches now on some colors. It’s because we drew different color layers
in the exact same plane in space. And that’s not possible in the real world. So, to solve this, when you choose this 3d
location mode on the Stroke depth order, you have to move a little bit the colors of your
drawing so that they are not exactly in the same plane. You can switch to edit mode, and select some
colors and move them by pressing G, and the Y to constraint the movement to the Y axis. For this artwork we won’t need to do this
because the camera movement will not be too crazy, we will always see this box from the
side and from the front, so , we can switch back the stroke depth order
to 2d layers. Now we’re going to paint the side so, shift
right click on the side of the helper box, and switch back to draw mode,
pick a color, change the orientation rule to “side”, and again with the paint bucket
tool, fill the side rectangle. This is it. You now know how to draw a complete 3d object
with the drawing tools !! So now, you should know how to draw some decorations
on the side, and on the top ! Remember to use the little cube on the top right corner
to switch the cursor at the right or the top, and change the orientation rule of the canvas. I let you choose your own drawings ! And remember,
if you think you are going to animate some parts separately from the rest, put them in
different layers, again, another lineart layer, and another color layer. You can even re-use the technique of the little
cube on the front to draw some little drawings outside of the box here. As an example i’ll duplicate one of the
cubes, i place it outside on the right, i place the 3d cursor there and i draw new stuff
floating here on the side that i’ll animate later. Now
We’re going to add more greasepencil objects, in a different way because, this one is in
the shape of a box, it’s conveniently aligned with the orthogonal space, but we can create
other ones that are oriented in different directions. Let’s create, for example, the straw over
the box. We must now find the place in space where
we will put the center of that next greasepencil object. It will be on the top left of the juice box. So, still in object mode, switch to numpad
1 and place the cursor to the left. I’ll just hide the canvas temporarily. Now switch to numpad 7 to adjust the position
of the cursor from the top. We’ll put it in this circle here. Check the perspective. Okay. Now select Add > Greaspencil > blank. And a new drawing was created. This drawing won’t need any helper cubes,
because it will just contain 2 simple layers, so, to move the cursor at their place to edit
them later, we will just have to press shift + S and set cursor to selected object, and it
will go here at the origin of this new drawing. In the outliner, check that the new greasepencil object is
inside the normal collection, not the one with the helper boxes. If it’s outside, you can just click on it
and drag it in the right collection. We’ll rename it « straw ». Rename also
the nested object inside in green, to find it later in the timeline. Now switch to draw mode. Reactivate the canvas in the overlays if it’s
hidden, and check that the orientation rule is set to side. Okay, Now let’s add the colors in this greasepencil
object. In the materials panel, you can reuse the
colors of the other drawings so, instead of clicking on « new », click on the grey sphere
icon, and here, you’ll find the list of the colors, or “materials”, that you already
created before. So here, pick the lineart material. This color is now shared between the 2 drawings,
so if you change it here, it will also change on the other drawing. Now go to the layers panel, and create a layer
for the lineart. I’ll name it “Lines” to not confuse
it with the brush color that was named « lineart » .
Now we can draw the lines on the canvas. We’re gonna need a fill color. So back to the materials panel, click on +
to add a slot for a new color, and again, instead of « new » click on the grey sphere
to pick an existing color. Of course If you don’t find a color that
you like here, you can click on “new” instead. Just be sure to uncheck the stroke option,
and just activate the fill color with a color of your choice. Then, back to layers, add a layer for colors,
rename it, and move it at the bottom. Now, you might think that you can use the
paint bucket here to color this straw but actually, there’s a hole in the bottom. If i hide the other greaspencil objects, you
see the shape of your drawing here. So now with the paint bucket you know how
to fix this, hold control and draw a shape to fill the gap, and click on the rest to
paint automatically. I think a will adjust the color of this straw
a little. Okay seems better for me. We are now going to rotate this straw. As i told you, no more drawings aligned with
the orthogonal space now. Switch to object mode, and without deselecting
the current greasepencil object, press R to rotate it and Z to constraint the rotation
to a vertical axis. As you can see, the canvas rotates with the
drawing. If you rotated the drawing while in draw mode
or in edit or sculpt mode, the canvas would have stayed in the same axis, as in the beginning. So to make further modifications on the straw,
it would’ve been impossible to find the right angle to redraw the exact line. So the trick is to go out of the object by
switching to object mode, then select it, and apply the 3D rotation to the whole thing. Now if you want to edit the drawing, you will
just need to go back to draw mode, and if you set the orientation rule to « front », the
canvas does not rotate to the front, but it rotates here at 45 degrees approximately,
because this is now the front of this drawing. And if you switch the orientation rule to
side, the canvas is now aligned with the shape of the straw. We can do this for more objects now. So back in object mode, place the cursor anywhere
in space, like here for example. Select Add, greasepencil, blank. Check that it’s in the right collection,
give it a name. I’ll rename it « Candy », and rename also
the green object inside. In the layers panel, add a layer for the lines,
and a layer for the colors, And un the materials panel, import the existing
lineart color, and import also two or more colors or create new ones if you want. Now let’s draw the lines. Check the perspective occasionally and use
the sculpt tool to adjust the shape if needed. Now in object mode, select the drawing, press
R and then Z to rotate on the Z axis, or you can also use the X or Y keys if you want. Once you’ve rotated the object, switch to
draw mode to paint the drawing. Of course check that you’re in the right
layer, with the right color, and also check that the canvas is in the right orientation. So now you know how to do this for as many
objects as you want. Back to object mode, place the cursor somewhere,
add greaspencil blank object, place it in the right collection, rename the two nested
objects, switch to draw mode, import or create colors, create 2 layers for lineart and color,
draw, paint, go back to object mode, rotate, and voila ! Later we are going to duplicate these 2 guys
on the front, and just change the colors and the rotations to have more objects floating
around the box. But for now, let’s organise our layers to
prepare the animation. Here, on object mode, if you select the box,
and press G to grab it, you see the straw staying at the same place. So, in the outliner, select the straw, drag
it over the juice box… dont release the mouse before i tell you, just stay over the
juicebox, named “box” here, hold shift, and as you see, the object below is highlighted,
and a tooltip says « drop to set parent ». So, release the mouse and release the shift key. Now the straw object is inside the box object
in the outliner. So when we drag an object here and press shift,
we set the object below as its parent. Now if you select the box in the viewport
in object mode, and press G, the straw moves with the box ! In the next part we’re going to see how
to animate this box and we’ll also animate this little candies here we’ll create copies
of it with variations in their colours and animations. At this point we can already export this as
a file. we’re just going to adjust the camera position
and see the render section. if you already know how to do this you can
skip to the next part, the animation part so, thank you for watching the first video
! see you in the next part ! and for the beginners, now I'm going to show
you, if you go in the animation up here, on the left side you have a preview of the
render. it will be the exported image on your computer,
and on the right side you have a global view of the scene as we saw before. also if you're in draw mode here you have
to scroll to find the last part of this menu so it's better to be in object not here. And to see the final render colours, just
click on the last sphere in this list. On the right part you can select the camera. It’s this object here. if you don't find it, just zoom out and if
you select the camera and press G you can grab it and see the result on the left in
real time. You can also rotate it and do all the transformations
we did before on the other objects. if you accidentally rotate the view on the
left part, you go out of the camera view so, to go back to the camera, just presse numpad
zero. Of course the numpad shortcuts also work on
the right part if you prefer to move the camera in orthogonal view. Once you’ve placed the camera, just press
render and “render image”, and after a few seconds you will see the image in a pop-up
so, you can just press “image”, “save as” and chosse a directory and a name for
your file. So that's it for now thanks for watching this
first part , and see you in the second part for the animation !
