Spline Design: Create Objects, Scenes and Animations in 3D [Introduction] | Yeti Learn | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Spline Design: Create Objects, Scenes and Animations in 3D [Introduction]

teacher avatar Yeti Learn, Design | Code | Animate

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Spline Design Introduction

      2:00

    • 2.

      Getting Started

      1:57

    • 3.

      Quick Start

      3:44

    • 4.

      Hierarchy

      1:48

    • 5.

      Right Click Menu

      2:37

    • 6.

      Size and Scale

      0:51

    • 7.

      Right Side Bar

      2:03

    • 8.

      Tool Bar

      3:26

    • 9.

      Toolbar 2

      1:04

    • 10.

      Materials

      2:59

    • 11.

      Lighting

      2:46

    • 12.

      Animated Torus

      5:33

    • 13.

      Gradient

      4:46

    • 14.

      Depth

      10:28

    • 15.

      Cloner Component

      5:54

    • 16.

      Vector Editing 3D

      3:50

    • 17.

      Boolean Operator in Spline

      3:36

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

850

Students

12

Projects

About This Class

This course is continually updated in response to student suggestions.

Why Spline?

Spline is a fantastic tool which enables you to make perfect looking models which can be exported to any website, game engine, or other software. Here are some of the reasons why you want to learn Spline with this online tutorial...

  • You can create 3d scenes, edit materials, and model 3D objects easily.

  • Revolutionary for web3 projects

  • Realtime collaboration

  • 3D sculpting

  • Interactive experiences

  • Animating objects has never been this easy before.

Where can I use them?

It’s up to you! You can upload them directly to your website. Spline has many export options for web technologies like live url, vanilla javascript or react code. You can also export objects and animations to make games, videos & more.

Why this course?

We as Yeti team, are working to create professional online education lectures. We are trying to keep it as simple as possible. You'll find the best practices 3D modeling and animations.

All students have access to the Q&A forums where our Instructors, Teaching Assistants and Community are ready to help answer your questions and cheer on your success.

Who this course is for:

  • Designers

  • Programmers - Developers

  • Freelancers

  • 3D Modellers

  • Game Designers/ Developers

  • Animators

  • Graphic Designers

  • Who feels comfortable with another modeling tool and want to learn Spline Design

  • Everyone interested in animations, visuals, modeling, illustrations and art

Meet Your Teacher

Teacher Profile Image

Yeti Learn

Design | Code | Animate

Teacher

Get a professional service from beginning to advanced level.

Team Yeti are working for preparing courses that makes you an expert in a specific area. While doing this, we are trying to build the most intensive courses for not wasting your time. For that reason, our contents are simple, compact and intense.

Whether you want to learn a new skill, or you want to improve yourself on some area, we can guarantee that our courses will serve you the quality that you are looking for. Because during the process, you will be given a professional education by Yeti Learn team.

All courses can be reachable from anywhere and anytime you want. Besides, we are answering your questions 24/7.

See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

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.