Transcripts
1. Spline Design Introduction: Hey guys, This is an introduction
course for Spline tool. Spline is a simple 3D
design tool that is aimed to people with little or no
experience with 3D modeling. It is completely free. You can work on a browser
with any device you want. Because it's browser-based,
you don't need a powerful computer or to worry about hardware
requirements. The things you can
do with spline is totally up to
your imagination. You can work with
your team, real-time, design your game levels,
read a multiverse, 3D sculpting,
designing and modeling objects with beautiful
color and lighting effects. In this course, we'll start
with the basics of spline, like the user interface, side menu, and toolbars. Then we'll talk about the essential topics
such as materials, gliding, animating, and more. Please be aware that this is an introduction course
on beginner level. If you're not new to
spline or 3D modeling, you can skip this course
and check our profile for awesome project
tutorials using spine. If you are a beginner, I would recommend you
start with this course. And after finishing
this crash course, you'll be able to go on and watch 3D real-world tutorials. Colorado tens. Don't forget to check my profile after completing this course.
2. Getting Started: During this tutorial, I'll use the web browser
version of spline. There are also desktop apps
for Windows and MacOS. There is no difference at all. I believe you can follow
with any version you want. But still, I don't want
any confusion for anyone. So the ones who wants to
follow with the same settings, just open spline on a
Chrome tab like me. Alright, if you're
ready, let's start. Right now, what you
see is the main menu. Let's inspect the
menu on the left. I'm currently on my files. As you can see, I don't
have any files yet. We can create a new
file from here, or just by using this button. Spline is a collaborative app so that you can work with
your team on a project. Here you'll see the projects that are shared with
you in the future. In the Library tab, you can find many 3D scenes
and objects that you can use. We'll come back here later. Let's move on. In the inbox, you can see notifications. We don't have any yet. And just underneath, you can create a new team
using this button. Down here in the Archive tab. Your deleted projects
go into the archive. From there, you can restore the project or
deleted permanently. And we can see updates, bug fixes, or
developments in this tab. I can definitely say that spline has a really
dynamic team. They are developing
the app constantly. And lastly, we have the
help and feedback button. You can find useful links here. You can also find the
documentation of spline, which we will follow
in this course. Also check for the shortcuts. Taking a screenshot of
this might be a good idea.
3. Quick Start: The layout is pretty simple
and easy to understand. Basically, We have hierarchy on the left and object manager. You can switch objects
visibility and lock them. On top. We have a toolbar. We will add shapes, export things, and go
into play mode from here. And on the right side panel, we have the global settings
like background color. Let's change the
background color of the scene, something
like yellowish. Let me delete this object here. And also, I don't want
helpers and grid planes. You can create an
object from here. Let's create a cube. You can either edit by clicking or you can click and
drag it like this. Now, if I hold the
Shift key down, I'm going to scale this
object proportionally. If I also hold the Alt button, I can scale this out
from the axis center. I can use these arrows
and arcs to move the object or rotate it. I can also rotate
it on the y-axis. So now we can really
see that it's 3D. And these little circles here, they are for moving
the object around. While the cubes are
for resizing the cube. And while the
object is selected, we can go to the
properties section and we can change the corner. These parameters here are
dependent on the object, which means if we
create a new cylinder, let me rotate it. And on y direction as
well, maybe annex. Okay, so you can see the
shape parameters are changed. Now, I have hollow parameter, for example, which is specific
for a cylinder object. If you create a 2D object, you will have properties
like extrusion, which is like adding a third
dimension to 2D objects. With a vector tool, you can draw an
object from scratch, just like in Photoshop. Let me draw a shape. You can edit your shape after
drawing using these dots. The best part is after you draw, you can Extrude and Bevel. So you can use this object
as well in 3D space. Okay? It's already hard to arrange items from
this perspective. One thing you can do is
you can change your angle, holding the Alt key and
dragging it with your mouse. You can press and drag with your mouse scroll wheel
to move like this. If you don't have a
mouse scroll wheel, you can hold space and
move it like this again. And finally, down
here you can select the orthographic or
perspective view. We also have isometric view. And these colorful little dots let you choose
whether you want to look at this from right,
straightforward, or above. And you can always reset your
camera when you need to. Alright guys, this was a
quick start off on spline. We'll discuss all of
these details later on.
4. Hierarchy: First things first,
I want to create a new file immediately and
start exploring the platform. From here, it looks
like a 2D design tool. We can create
rectangles and so on. Let's talk about interface. On the left, you can
see the hierarchy. You can drag and drop the object's, change
their positions. Let me actually create
a new object this time. Oh right. We can toggle the visibility or
lock the object here. We cannot select it
when it is logged. Also, if you move it
onto another object, it becomes a child
object like this. When you do so, the
things you apply to the parent object also
apply to the child object. As you can see, when I move the parent, the child also moves. When I make it visible. Hit applies to both of them. You got the point. Let's bring it back
to the hierarchy. By the way, you don't have to use that parent-child hierarchy. You could also use groups if you want to group
the selection. So now they grouped together so you can make changes
together, right? These are really useful features if you are working
on multiple objects. For instance, if you
are creating a scene, okay, let's ungroup them by
right-clicking on group. Then group is an empty object. We can delete it.
5. Right Click Menu: Okay, Let's talk about
the right-click menu. You can copy the material of an object and paste
it on another one. This is the material. Let's show this in an example. I want to change the color of this rectangle and copy the material of this object and paste it into the ellipse. So now the ellipse is also blue. Continue from the menu. We have copy, cut and paste the basic actions
you already know. And we can lock and hide the
object from here as well, rename it and resetting actions. Actually, I want to
talk about this. When we resent the
position of an object, we're just resetting x, y, and z values to 0. So it's not important
wherever they were before. When we reset something, they all become 0. So let's reset the
ellipse as well. It just centers the
object on the canvas. We also have reset rotation, and let's rotate this event. When we do that, we
also resent X, Y, and Z values to 0 of
the rotated object. And finally, we have
flipped option. When I click on Flip X, we don't see any
difference right now because it's symmetrical. All of the shapes
are symmetrical. So let me just add a pentagon here and group them
with the rectangle. And now, when I click on Flip X, you can see the reflection
of the previous shape. It flips on the x-axis. Let's ungroup them again. And by the way, you can access the same menu by
right-clicking on the object. You don't have to go
and find the object from hierarchy on
the left every time. And lastly, we have
the toggle UI option. It's more like a general
spline view setting. As you can see, it hides the
bars, the surrounding bars. And when I click again, it brings them back. And you can also toggle the full screen with
the same logic. It makes the canvas full
screen in the browser.
6. Size and Scale: Holding the Shift
button will keep the proportion of the
aspect ratio of the object. So x and y values here are
changing with the same ratio. When I hold shift. Without Shift, I can
change the proportion. I can expand it on
the X or Y and so on. But notice here we
are only changing its x and y values, so its size. In order to change its scale, you should use these buttons. You can see right now, we don't change position, but scale, using this
button will change x scale. And we do have a
reset scale option here to make them one again.
7. Right Side Bar: Let's talk about
the right sidebar. On top, we have
the Invite button. You can copy the link
of the projects or type someone's email
to send an invitation. Then we can add or change
the camera from here. So this can be used
for looking at the project from a
different perspective. Let's add a new camera. When we add a new camera, let's see what we can do. We will talk about
states and events later. So for now, we can change
the position of the camera. We can change x,
y, and z values. We can change the scale. And we can zoom in, zoom out, and things like that. Okay? And once you change
the position, you can always toggle
the personal camera or the other cameras from
this drop-down menu. We will not use this
camera anymore. Let's delete it for now. And going down, we have
a frame section here. And from here, we can change
the background color. We can type hexadecimal value. And you can change the
resolution of the Canvas. Alright, let's
undo color change. Here we have global
settings post-processing. I will not go into
detail right now. We will discuss them later on. And fork options. And we also have
environment settings. And down below we
have material assets. For example, we can
add a new material, customize it, and keep
it here for future uses. The same way we can
create a new color. We can keep it here. And finally, we have
image assets section. We can import images here and
keep them in the sidebar.
8. Tool Bar: Let's continue with
the toolbar here. It provides quick access to
the most common objects, transform options, and special modes like the vector
tool or frame mode. We can also see the zoom value, change the zoom value, export the project, or go
into presentation mode. Let's start with
the plus icon here, which is for creating
a new object. You can see the full list of available objects in
the drop-down menu. Here we have some 2D
shapes and 3D shapes. We also have some
example models. For example, funny. So this is a 3D bunny and we can import 3D models into
spline projects, which is really cool. So I'll just import a cube just to show you 3D
objects in spline. So it looks like 2D. But when I hold the Alt
key and use my mouse, we can go into a 3D scene. So now you can see
it's in 3D, right? So these other tools are 2D. As you can see, they don't
have any third dimension. But this is a cube, right? And I can change its scale
values on every dimension. Now, if you go back to
the initial camera, we can click Reset here. Let's zoom out of beds. We have our cube here. Now, we can work with
any angle we want. And by pressing the Alt key, you can go into the
space like this. So let's continue. You already know
rectangle ellipse. And this is for creating texts. We just created a cube sphere
and this is for vector. So let's use this as an example. So when I click this, a new place holder comes. So when I click somewhere in the points and I
can draw like this, we can draw any shape we
want using this tool. And say you want some arc, you can just hold the mouse and then you create an arc, right? Select this. And when you're done
with your shape, you can just press
the Escape button. Then you can still adjust
the shape points, okay? If the point is an arc, it behaves like it. If it's not, it
behaves normally. So let's say you want to change
the behavior of a point. For example, you want to change some point from vector to arc. We can just press Command
or Control on our keyboard. And then when you
hold the point, it changed its behavior. So here, this is not
an arc right now, but if I just press command, I can make it arc. Okay? So you can edit the
shape as you wish. So this is what the
vector tool is. But let me delete this shape. It's really ugly.
9. Toolbar 2: You can go into transform mode at anytime by pressing here. It's already
selected by default. Basically, we can move, scale and rotate an object. Next, we have added
frame button. And this button brings us
into the frame section, which we've already
seen in this section, because we can also come
here by using this button. Next, we have the
Zoom percentage, and you can see that
it changes when I zoom in and zoom
out with my mouse. And you can also use this
drop-down menu for some values. And next step we
have export section. So we'll use this
section a lot and there are plenty of
settings while exporting. I believe it's a little too early to talk about exporting. This will be a video by itself. Okay, Let's leave it for now. And lastly, we have play icon to access
presentation mode.
10. Materials: Next up we will talk about
the materials in spline. I created a new file and a cube. The cube is selected and we
can see the materials here. And Spline materials
are layer based, they call it layer
base material system. So we can have several types of materials on top of one another, like layers on Photoshop
or any other program. We do actually have
several options to use. Lighting and color
comes by default. But if you want to add, you have variety of options. You can change the color here. You can adjust the
lighting settings as well. Falling is selected
for lighting type, and we can increase and
decrease shininess. If you select physical however, you have different
fields like roughness, mental illness, or reflectivity. So once you are happy
with the material, if you want to save it for
other objects as well. Like a prefab, you can click
on these four dots here. And here you will have
your material Assets. Click Plus and rename
it whatever you want. For this one, I will name
it my orange material. You can also see it here under the material assets globally. Right now, if I want to
create a new sphere, I can assign this material
to the new object as well. And if you want to play with
that material later on, you can always click
here and edit it again. When you do this, you can see that the objects
are updating simultaneously. If you want to change
the material of a single object and it has a global material because you don't want to
affect the others. Just click here to detach it. And then it will become
specifically for that object. Let's change this color to
image and see what we can do. You can literally assign
textures to objects in spline. You can select from
the library or upload your own
textures if you want. You can even adjust
your texture here. Let's add a new tourists here. And maybe this torus has
a material of glass. Let me just reposition
the Torres. So it has some blurriness. We can also adjust how
blurry it is from here. Alright guys, this was an introduction for
the materials section.
11. Lighting: Alright, so in spline, we have two types of light. We have environment light here, and we also have custom
lights that we can create, like 0 light, directional
light or spotlight. Personally, I'm not a big fan of playing with
environment light, but it's nice to know
we have the options. We can turn on or
off the ambient, change the light color. We can also decide the
intensity of the light, turn it off completely
if you want. But when we do this, none of the objects are visible. We can toggle between soft
shadows are normal shadows. So you see the shadows are slightly different when
I switch between them. We also have
directional light here, which is not visible because
we turned off the helpers. If I enable helpers, you can see the
direction of the light. Let's make the
environment light 0. It's neutral. And let's delete this one here. Alright, we can't see
the objects, right? Let's go ahead and
add a new light here. You can position the
light as you wish. I'm just going to drag it here. That looks nice. And we can also adjust the lights properties
like intensity. We can also go ahead
and add a point light. Okay, So let me drag it to here. We can adjust the
distance like so. And finally, we have the
option to add spotlight. Let me adjust the
position of it. Let's drag it a bit over here. Maybe this comes here. And let's change the angle
so it looks to my objects. In this case, there are
a few more options here, like the angle of the
spotlight or the blurriness. Let's increase the
environment light again to get back to
a realistic view. Maybe like this. I will also change the color. I want a warmer color. Oh, but this is too much. Let's decrease this. You've got the idea.
12. Animated Torus: Now that we've finished
the user interface, let's make something fun. I'm not going to explain all
the details in the platform, like lighting settings
or material options. Instead, let's put it
into practice and do some projects so that you can learn spline by doing projects. I believe active learning is the best approach to
learning a new tool. So in this video, we're going to create a
basic animated object, which is really easy. Let me delete all
the things here. We can work on the canvas. We only need to keep the light. Then let's change the
background color, something lighter like this. I want to create a
3D object tourists. Now while creating,
you can adjust the size and also
the aspect ratio. You can create it
any way you want. If you hold Shift key, however, aspect ratio stays the same while you're
adjusting the size. So you can create a smooth
tourists like this. Also, I don't want to see
the light on the scene. So let's disable helpers and reset the position of the torus. Everything looks great. Let's change the color
of the torus and you can adjust some other
material options as well. Here, I will change
the color for now. Maybe something like orange. This looks fine. Oh, we forgot to
disabled grid lines. Now you can disable
the grid planes from here because we don't
need that right now. I'm happy with the object. So let's continue
creating the states. Spline works with states
for animating objects, and this makes life way easier. Let's add a new state so that we have two
states in total, base state and the
state we just created. While the second
stage is selected, I will re-size the object by holding Shift to
keep the proportion. Let's move it back to origin
and reset its position. And let's also reset it
in the base data as well. So now you can see
that the size is not changed in the base state. And we will have a bigger
tourists in the second state. In order to switch a
state from another state, we need any event. If the type is start, it means we will go from base to second state in the beginning
when the animation starts. So you can ingest which
state you want to switch to. We can also change
the transition type. Let's keep them like this
for now and see what we got. Did you see that the animation starts instantly
when we hit Play. Let me hit play again. Okay, let's make the mouse hover over it to
see the difference. Now, there is no
animation initially, when I hover the
mouse on the object, it goes into the second state. We can also select mouse down. Let's see that this time
when I click on the object, it goes on the second state. There is no way back. But there's another
setting for that. If you enable toggle
here, this time, when you click the second time, it goes back to the base state. Okay? We can also change other parameters of the
torus on the second state. For example, let's
change the rotation on x and make the tourists flip. Let's say 184 x-direction. So now you see it's possible
to make any transition. You can increase the flip count by giving higher values here. Increase it even more. Let's make it one AD again. And now I want to show you
some transition types. So my favorite one is ease in, out for this object. Now this looks better. When I'm happy with the results, I can export the project here. So there's a really
cool feature of spline. You can get an instant live URL for projects and
send it to anyone. Your project is working
on a browser by default. Let me paste the URL in
a new tab. Right here. You can see our project. I can use this animation
in any website right now. How cool is that? Okay guys, I agree this is not the best
animation we can make, but I believe we learned
a lot in this video. We'll make more projects
later on in this course. So keep going.
13. Gradient: Hey guys, In this video we will talk about the
gradient in spline. So let me close helpers
and grid plane. I'll also delete this one. And for all of you
who already know gradient from other
design platforms, It's the same idea. It works really similar. So to show you, I will just
add a new rectangle here. Let me reset the position. So the gradient is basically
a color flow, right? So let me select this rectangle and add a new material here. Let me choose a gradient here. So there will be a
color flow right here. It goes from black to white. It starts from black here
and it goes to white. And we can adjust these properties from
this drop-down menu. So you can choose the
color and change it. Maybe change this one here. And I don't know, maybe this one here. You can change the colors or you can just add a new color. So we can have a three
gradient transition right now. And I can change the area
that they are reflecting by. Let me delete the middle one by just dragging these
little circles here. Okay? So you can see that
we can change and decide the area
they will appear. What else can we do? We can change the type of
the gradient to radial. So right now you can see it is spreading from the
center, right? Or linear and polar as well. How we can decide on
blending type two, which will be smooth or linear. I don't see much
of a difference, but we can slightly
see it is more smooth when that
option is selected. And we can of course
change the colors. We can change the
opacity as well. Let's click on colors. You can change the
opacity from here. And we can also
change the angle. So like this, you want a horizontal or a
vertical gradient? We can change it from
here, like this. You can have an offset
x and y as well. Or you can adjust the morph. Okay, So nothing that's
too big of a deal yet, because you might already
know what a gradient is. Especially if you are a
graphic designer or if you've used a design
platform before, you got it. Okay, So we can also have normal Multiply Screen and
overlay options for gradient material as well. Nothing fancy here, but the cool thing with
spline is we can add these effects to 3D
objects as well very easily. So let me create a new tourists naught and reset its position. Right now, if I add a new
gradient material here, it is already
looking good, right? Let me just change
some properties. Let's change this
block to maybe read. Let me add a new dot here
and change the color. I don't know, maybe some
turquoise, maybe another one. Let's make it orange. For is enough. Also balanced the distance. One thing to notice here
about the final circle, you can see that
there is a transition and it is so obvious, right? So I want to make
the final circle the same color as the first one. So I will copy this hexadecimal code and
paste it here for the final, so we don't have that
transition anymore. Okay, so you see
how easy it is to apply the gradient
for a 3D object. This is already looking so nice. We can go ahead and
play with more fields. Change the angle maybe, or change the X,
Y offset values. Remember, you can always
switch to linear, radial polar like this. And of course, don't
forget the lighting types.
14. Depth: Hi guys, Welcome back. We're going to create this
awesome looking object by learning how to use
depth in this video. So if you are ready
from the main menu, let's create a new file. Let me delete this here. I will also close helpers
and grid planes as always. Then we can add a new object, which is called dodecahedron. I don't know if I'm
pronouncing it correctly. It doesn't really
matter though, right? Let's right-click on it and save reset all three position,
rotation and scale. I will also go ahead and
change the visibility sides to bag because we only want to see the inner side
of the object. Let's add a new material. Now. We can use depth
here as a material. And depth is nothing
more than a 3D gradient. It has the same properties. It really is very similar. So we have near and far options. We have linear and smooth
options for the gradient. And you can also adjust
the color as you wish. So right now, I want something like red for the left
part of the object. No, actually pink
for the right side. Let's pick a blue. And finally, let's change the
type for depth to screen. But the colors are too
intense right now. I want some brighter
colors like this. And maybe like this. Okay, so once you're happy
with that, We're good to go. We can also adjust
the power of effect, but I'll leave a 100
as it is right now. Let's also add a new
sphere to the scene. I'm holding shift by the way, to keep the proportion. Maybe a little bit smaller. Okay, so reset the
position again so that we have this sphere
inside of the object. We already have. I also want to see the
inner side of the sphere. Let's change this. And what we can do here is
we can copy the material from dodecahedron
to sphere, okay? It will also have
the same features. But this is too big for
sphere since it is smaller. So let's make them smaller. And we're just playing
with near and far options. I want some saturated colors
for the inner sphere. Thus, it will get darker
and darker by going inside. Let me see how this looks. It looks great. Let's keep it that way. Okay, then we can add
the third object, which is a pyramid hold
Shift to scale it. And let's also
reset its position. I will also make
this back as well. So now let's paste the material
to the pyramids as well. Now you can slightly
see the pyramid inside, but let's make it darker. Change at step, we will have more saturated
values on pyramids, so they will be visible. And it will also give us a nice effect that
is spreading light, like the light comes
from the pyramid. It'll look like that. Maybe add the third gradient
point to the pyramid. And it will be purple. This is the middle of
the pyramid. Okay? And let's keep the
others outside. Now, this part is
really up to you. You can use any colors. You can adjust near and far
values for your project. I will again check the other
options for that effect. And the best looking is screen. So we can leave it like this. Okay, this is already
looking really nice. But one last thing I want
to do is to give them a glassy appearance so
they will look sharper. I will add glass material
to sphere and pyramids. All right, so let's
go ahead and select sphere and go into
the plus sign. It will say glass here. It's not really
visible right now, but we can change the
blurriness to bring it back. We can also adjust
the thickness. As we make it thicker, it will become more
visible like this. But let's change it to
overlay and see what we get. Maybe decrease
blurriness, decrease it. Okay, something like this. Also decrease thickness. And as you decrease it, you can see some
difference obviously. Alright, so let's
leave it like this. I don't want to waste
too much time here. And let's also do a glass
of back to the pyramid. I will select overlay. Again. I want to play here for awhile
to see different options. We can change thickness
and blurriness again, I'm not sure if you need
something darker or lighter. So it could get darker
using blurriness. But maybe this is too much. Let me just fix it again. Let's decrease the blurriness. Something around here is fine. Okay, so let's continue
with animation. Right now when I play this, nothing happens really
because we didn't add any state or
event to be run. Let's select the object
here and add a new state. And I also want to
change its rotation. I want to add an event
which will be linear. But let's see first, I want to change the
duration to ten seconds. So we have a nice
slow rotation effect. But as you can see, it ends. There's also ease
in out transition. Let me just make this
duration two seconds. You can see that it's
not an infinite loop. So toggle the repeat
option to yes. But this time it
just makes a loop, stops and starts again. So we can change this to linear to get an infinite
rotation effect. Right? Now it's too fast. I will make the duration
ten seconds again. Now here we have a slow
end stable rotation. Next we should add
animation for sphere. Here I will. Which direction
should I make it go? Maybe we can change
it on x-direction. Let's see what we got. Oh, I didn't add a state.
In the base state. It should be 0, and
the second state, this should be 360. And we should have a linear
event with a duration of ten seconds and make sure
that repeat is enabled. Isn't moving. I can't really see
if it's moving. So let's disable this animation so we can understand
better if it's not, I don't want to
delete this state. So what we can do instead, you know what actually, let's just hide this object
so it's not visible. Okay, So there's no
animation, right? Why is that? We have base state, normal state and their
axes are different. Now, maybe we don't see
it because there is no actual difference
on its appearance. Since the lights are
the same colors, maybe we should change
on another direction. Let's change that it rotates on why we see the difference. Also unsaid. So maybe we should rotate
it more than one direction. Okay. I'm going to type
364 x and 364 y as well. Yeah, it's rotating. The color is changing, right? I was also thinking about adding the zed
direction as well, but we don't actually need that. So let's leave it as 0, x and y are enough. How right? Since we're finished
with this fear, next up is the pyramid. Select the pyramid
and add a new state. We will change its
wind direction and we need an event
for that as well. I'm going to say repeat yes, linear and ten
seconds for duration. Okay, now it is rotating
on why as we expected. Let's also unlock
this dodecahedron. And finally, we have all of them in the scene and
they are animating. So that's it guys. I hope you enjoyed this video and see you on the next one.
15. Cloner Component: Okay guys, it's time to talk about cloner
component in spline. To do that, I will go into the Libraries section and I will select a view from the abstract, let's say View all down here, I will select the view
that they provided. I found this one on web for
cloner component explanation. Spline officially
uses this scene to explain the
cloner components. I believe they created
this scene two for that. Let's check it out. Here we see four
different colors. On top of these rectangles. There are some objects. But if you notice that we cannot hover on the
surrounding objects, we can only select
the middle one. If we want to move this one. They all come with
the center objects. And also here, if I
re-size the center one, the other ones are also resized. And I cannot even select
surrounding objects. So what's happening here? And also in this section, it's this one. Okay? So what is happening here is the surrounding ones are
clones of the middle one. Alright, so if I select this object and go down here
and the cloner section, you will see that it has a
radial type of clones. Okay? So whenever I create
a new object here, for example, actually
let it be 3D. Let me select a cube. Okay? So selecting the cube, if you go down here, you see the cloner object. And if I press plus, it creates cloned cubes for me. So let's delete that one. We already have examples
here, like this one. Let's check what
properties we have here. We can select radial, which is circular, like this. Or we can also say linear, which will be basically like
a straightforward line, like a linear order. And finally, we have
grid, which is, I believe these guys here, it's a grid of order. So let me get back
to what I did. Moving forward, we can decide to show or hide the base component. For instance, when I say hide, the middle one
becomes invisible. And if you want some
circular shape, you may want to hide the
little one actually. But in this case,
let's show it again. We can increase and decrease
the count of the clones. Then when you do
something like this, it looks like a bracelet, right? Let's decrease it again. We can decide on the radius, which is the distance
of the clones to the middle one like this. And also we can select
the starting angle and the angle of the
circular movement, okay? If we choose linear, the options are
slightly different. This time, we will also
have show or hide section. We can also decide on count. We do also have a
position section. Actually, we also have
that in radial as well. But we don't have the
radius field, right? So that's basically it. Let me talk about
the great example. One thing you should notice, we can increase and
decrease the x value. Nothing changed while
playing with the y-value because we don't have an object
through the y-direction, we can change the zed value. So x is on this direction
and z is on this direction. Let's increase the
count on x and y. So that's why we didn't see
any difference just before, because we didn't
have any object on y. And now we do. So we can change the distance. I believe there is a bug here. This shouldn't be float values. Instead, we should
use integers here. So if spline hasn't
fixed this yet, don't drag this
field type integers, otherwise, your app may crash. Anyway, you get the idea, right? We can change the count on x, y, and z direction. We can change the
distance between them. And switch here whether you
want to use Center or not. So let's see this one. This is again a radial. Let me increase the count. This time. I want to show you
something different. We can change the axis. Okay, let me zoom
in and get closer. Right now, we're
drawing a circle on the x-axis when you select Y, however, well now you can see it has vertical radial clones. Finally, you could also
select zed axis as well.
16. Vector Editing 3D: Hi everyone. In this video, we are going to use 3D vector editing tool to
create this McDonald's logo. To do this, let
me go into Google and find a McDonald's
logo for reference. This one looks fine. I'll copy this image. I will paste it into spline, and I'm pressing Shift and
Option to make it smaller. Now we can use this
image for a reference. So let's reset its position. Be sure that it is centered. And we are now ready to
draw on top of this logo. I will select the vector tool. I will add points to
the critical points, like corners, just like this. So it's not really important because you can always edit
the location of the points. So just draw the overlay, the template of the logo. This looks fine. And when
I finished withdrawing, I can click on the initial
point and it goes out. Or you could also
press Escape key. And now I can use this bending
tool to bend these sides. Okay? Maybe like this. You know what? Actually first, let's decrease the opacity of this one so that we
can also see the logo. So let's just fit
this right here. But I'm not bending right now. Select bending tool. I'm going to move
this dot up here. This looks fine. And let me continue doing this
for every point. Okay? I'm gonna stop for now
and check the result. Exit with Escape key and disable the image to
see what we have. Maybe we could just fix
this little bit here. I'm just playing with the
dots to make them smoother. Maybe like this. Now once you're happy
with the result, you can go to the extrusion. Let me change the perspective. And also let's close the grids. When you add an extrusion, this becomes 3D instantly,
right? Like this. And you can of course
change the color, set the background
color to this one here, and let's make the color of
the logo to this yellow here. Disable the image again. So, yeah, we have this nice-looking
McDonald's logo in 3D. And finally, I will increase the bevel to make it
more realistic looking.
17. Boolean Operator in Spline: Let me adjust this scene,
deleting these objects. And also I wanted to change the background color so that you can see
the details better. Also close helpers and
disable the grids. Okay guys, In this video we will talk about the
Boolean operator. So what is that exactly? Basically, Booleans
allow you to create objects from subtractions or intersections of
different shapes. Let's see it in action. Say we have a sphere here
and another one here. Let's make them equal closer. Maybe. Now select both of the
objects on the right menu. You will see this section. First one is subtraction, second one is intersection, and the final one is union. Let's start with subtraction. We can subtract the
object from another one. And this makes it
possible to create really complicated
shapes easily. You can play with the subtractive
object later as well. You don't need to
use the same object. So delete this sphere here, and let's use a cube instead. I will just move
the cube into here because the Boolean object
is already created. Now it is not visible. Okay? So this was subtraction. And you can really create cool objects easily
with subtraction tool, I actually believe it's the
most used Boolean operator. You can also change the type of the Boolean later on from here. For instance, let's
make this intersection. So right now we only have the intersection points visible. Well, let me move the object
so you can see it better. Maybe move the cube up here and look at
it from this side. Or we can play with the sphere. And in that way, maybe it's more obvious. If you select union instead, both of them will be visible. Another nice thing about the
booleans is that you can always add new objects
to the Boolean group. So let's say we have
a Boolean object here and that contains a sphere
and the cube already. We can also use
tourists with them. Select all of them, and make a new boolean. The hierarchy will
look like this. You can place it as you want. You can also add more objects. There is no limit actually.
You get the point. Alright, let's talk about
animations with Booleans. To do that, I want to create
a brand new cube and sphere. Select both of them and make
a Boolean change the type to intersection so that we
have this appearance. We can create a new
state for the sphere. And in that state, change the position of it. Also create an event
to trigger that state. Say start here, enables
cycle and repeat, hit the play button. And that's how you can create
an intersection animation.