3D Design with Spline

Рет қаралды 217,740

Күн бұрын

🎁 DOWNLOAD THIS PROJECT FILE & ASSETS FOR FREE! 🎁 som.bz/3Ji9gdd
🌱 SPRING REGISTRATION IS OPEN! 🌱 som.bz/2wKsBDu
Spline is an easy to use 3D design tool geared for any designer regardless of their 3D experience. Best of all, it is browser-based and FREE, so literally anyone can use it no matter what computer you have!
In this tutorial, EJ Hassenfratz will show you how to get started in Spline, design objects, add animation, and export to show your friends!
Learn more about Spline: spline.design/
00:00 - Intro
01:25 - Getting Started With Spline
09:25 - Material Settings
20:56 - Lighting
22:42 - Animation Basics
26:02 - Modeling
28:08 - Importing Models Into Spline
39:56 - Export
42:09 - Wrap-up
~ - ~ - ~ - ~ - ~ - ~ -
🎓INTERACTIVE ONLINE CLASSES 🎓
Cinema 4D Basecamp | som.bz/c4dbc
All Courses | som.bz/2wKsBDu
🧭FREE 10-DAY INTRO COURSE 🧭
The Path to MoGraph | som.bz/2VNHb7D
🚴‍♀️FOLLOW US FOR MORE LEARNZ 🚴🏾‍♂️
Website | som.bz/2VMjr3N
Podcast | som.bz/3czNeCP
Facebook | som.bz/3cF3SBh
Twitter | som.bz/2PQfSWF
Instagram | som.bz/2POOJU7

Пікірлер: 193

@Metalud0 2 жыл бұрын

I remember when i started graphic design 10 years ago, 3D was a nightmare to learn as a GD student. You needed a very expensive computer and a unaffordable licence. Now we have this running trough a single browser and a supercharged version of Blender 3.1 that kills everything. What a time to live in.

@schoolofmotion 2 жыл бұрын

We can't wait to see what comes next.

@eyedesyn 2 жыл бұрын

Totally agree! Exciting times!

@xderen_xd 2 жыл бұрын

I'm really glad to study 3d at this time and also I want to learn extended reality and the opportunities with those two are huge

@letthatbe Жыл бұрын

Haha your job will be gone forever

@Willopo100 5 ай бұрын

and then AI came a few months after this comment was posted haha. gg

@LeSScrodotcom Жыл бұрын

It's AWESOME to create web experience with an online tool who simplify this... if you have few experience with 3D, you can easily play... Really appreciate your effort to demonstrate the future of this tool !!!!

@ZinzinsIA 5 ай бұрын

Finally learnt something in Spline, thank you so much. You're the big bother I've never had

@87thStreetCreative 2 жыл бұрын

Thanks for making this robust tutorial EJ! You really hit on a lot of stuff and cover so much. You're AWESOME!

@schoolofmotion 2 жыл бұрын

No, YOU'RE awesome!

@eyedesyn 2 жыл бұрын

Thanks for watching Sherene!

@lydiawere 9 ай бұрын

Thank you for sharing this, loved learning this tool with your help. It was super clear! 💯

@kira79773 9 ай бұрын

Wow, I'm so excited to start experimenting with Spline!

@mkislov 5 ай бұрын

This was a great primer! Thank you for putting this together!

@otarikokojevs 2 жыл бұрын

omg. That's it, it will be Spline Tuesday tomorrow for whole day! Thanks for this tut! 👍👍👍

@eyedesyn 2 жыл бұрын

hahaha i like the sound of that! Enjoy!

@davres501 2 жыл бұрын

Super helpful tutorial and functions explained in a really understandable way! I have some earlier 3D experience from using 3ds Max, and although Spline is basic in comparison, I feel Spline is still super competent and makes 3D very accessible. At least that's the case for me who haven't been using any 3D software in a while. Speaking of accessibility, I think the Spline people has done a great job on how to use the software and how to control things, and the depth of control you get so easily. And the fact that it's browser based is amazing, besides offering it for free!

@schoolofmotion 2 жыл бұрын

Well said!

@eyedesyn 2 жыл бұрын

Thanks for watching, David! And I totally agree - the Spline team is definitely making things in a way that is super accessible and theyre very responsive on their Discord too!

@kevinhouse7143 2 жыл бұрын

Nice overview EJ! The future looks bright with rounded corners.

@eyedesyn 2 жыл бұрын

hahah indeed it does!

@madisonarias9823 2 жыл бұрын

EJ i found you everywhere from c4d to Spline 🤣 love your voice and explanation. So no problem at all from this side. Thaaaank you

@schoolofmotion 2 жыл бұрын

EJs turn up in the most unlikely places. It's why you should always check your shoes when you're out camping.

@kerwinfernandes9583 2 жыл бұрын

Thank you for this tutorial/ demo. God bless you and the team and your families. 🙂🙏🏻❤

@eyedesyn 2 жыл бұрын

Thanks for watching!!!

@whennn 7 ай бұрын

thanks for the tutorial. exaclty the basics i was looking for

@BabaNoami Жыл бұрын

Great quick overview. Learning so much.

@harinarthiniraghu7811 Жыл бұрын

I just loved the way you explained😉, and with the spline, I can feel we are in the future.🧐

@phm6834 2 жыл бұрын

I'll bring that up in one of my classes! Makes total sense to let kids try it out!

@eyedesyn 2 жыл бұрын

YES!!!!! Amazing! :)

@jugibur2117 Жыл бұрын

Wow, great stuff! I'm just learning Blender and there a lot of things (in my eyes) are made more cumbersome and less user friendly than in Spline. For the future it is certainly important to be at home in several programs and Spline, as well as Vectary seem a useful addition to the interaction with the web.

@sherwendiamond Жыл бұрын

A thousand blessings to you!

@stevendesigner 21 күн бұрын

Good tutorial, really well made, thanks!! 🙏

@themichaellll Жыл бұрын

From my heart, thank you

@lowmoon9025 2 жыл бұрын

Maxon will buy this and bundle it with C4D subs. Guarantee it.

@eyedesyn 2 жыл бұрын

Hmmm... that would be interesting! 😄

@laurencevanryne8996 2 жыл бұрын

Jeeesus, i hope not! 😅

@isatche 2 жыл бұрын

I hope they do that with x-particles. The package would be complete!

@raviskanchan1176 2 жыл бұрын

@@isatche 🙃

@KyleWoodard 2 жыл бұрын

Great tutorial!! This is super exciting. Fable is also an interesting web-based mograph tool I’ve been checking out. I love how accessible Spline feels, can’t wait to give it a shot!

@eyedesyn 2 жыл бұрын

Not heard of Fable but thanks for making me aware! There's also another Figma-compatible app called Vectary that looks super interesting too! Gonna see more of these popping up all the time!

@KyleWoodard 2 жыл бұрын

@@eyedesyn ooo that’s awesome! 🤩🤩

@Metalud0 2 жыл бұрын

Never heard of it too, thanks. good to see AE alternative out there

@timeninjaph 2 жыл бұрын

oh my gaaahhdd!!! thiis is what i have been looking for my entire life!

@saemranian 2 жыл бұрын

Awesome, Thanks for sharing.

@OlaDucheva 2 ай бұрын

Such a great video! Thank you!

@misterybandrx8298 Жыл бұрын

This helped a lot thank you

@aleksandrakomarova7710 2 жыл бұрын

amazing! thank youuuu

@Quickartflicks 8 ай бұрын

I do 3D modeling and now i know what to do, this is an amazing video...

@rcguy2175 11 ай бұрын

Im new to spline and your turorial might help

@BardzoPowaznyUzytkownik Жыл бұрын

This video helped me more than official introduction video. I barely started and almost quit.

@johnjosephcostiniano9035 Жыл бұрын

ITS REALLY WORKED LOL THANK YOU DUDE

@bacharnahshon 2 жыл бұрын

THIS IS SO COOL. IT LOOKS LIKE C4D HAD A KID ONLINE. LOVE IT. THANKS E.J.

@eyedesyn 2 жыл бұрын

YOURE WELCOME! 😄

@schoolofmotion 2 жыл бұрын

I mean, we love us some C4D, but we're super excited to see what the community can create with this program. And the price tag removes any risk to first time users.

@yofi2614 Жыл бұрын

@@schoolofmotion The death of cinema 4d and others is near haha, who the hell will want to work with them if you can do the same for free and without purchasing expensive computer?

@LoganPinney 2 жыл бұрын

Eye spline with my little eye... a freeeee 3D tool!! Amazing tutorial EJ! Can wait to see what the community creates with this new software!

@schoolofmotion 2 жыл бұрын

You just can't say no to that price tag.

@juncando Жыл бұрын

The Grey Gorilla. Good to see you face. You were my guru while I was learning C4D.

@Giannmakry15 Жыл бұрын

totally agree with u mate! im kind of a newbie to

@kimbol 2 жыл бұрын

I just love the way spline renders the objects, the colors pops nicely. What should I do to achieve the same look in blender? maybe it can be achieved using a shader? thanks!

@ed61730 Ай бұрын

Thanks so much for this! It's a shame there's no real timeline but it seems to do the job

@philipkomba5000 Жыл бұрын

Thanks to Rachel How for making me have access to your channel. Your tutor skill is exciting. Thanks

@elwariat5774 2 жыл бұрын

very cool! thank you!

@eyedesyn 2 жыл бұрын

thanks for watching!

@EQUILOUD 7 ай бұрын

Love it!

@automioai Жыл бұрын

thanks so much !

@timmarriott9542 2 жыл бұрын

That's exactly how I felt when I first opened the app. Like this is a major advancement for the industry. Great tut EJ! One question - does Spline support FBX files with animations built into them? I've done some testing and I can't get it to work. Like if your robot were animated in C4D, could you bring that into Spline with the animation already completed?

@TheGrrson 2 жыл бұрын

I tried this with a Mixamo .fbx and it just brought the model in locked into a T pose.

@eyedesyn 2 жыл бұрын

Unfortunately it does not import animation!

@1augh0utL0UD 2 жыл бұрын

AMAZING

@masoudahmad8166 8 ай бұрын

Awesome and it's the easiest video about spline.

@marlon.7714 10 ай бұрын

Great Video!

@hristogergov160 2 жыл бұрын

Thank you sir, in tNice tutorials tutorial I've learnt alot from you!

@MirGlobalAcademy Жыл бұрын

Nice and Good First experience

@JonathanWinbush 2 жыл бұрын

That's interesting I never heard of Spline before

@eyedesyn 2 жыл бұрын

What up what up!

@Reitbajdesign 2 жыл бұрын

Super cool tool! I tested it two years ago in betta mode and it had promise. Looking forwars to watch more posibilities on websites!

@eyedesyn 2 жыл бұрын

Whoa two years ago! It's crazy just this year alone how much theyve added!

@coacollective691 2 жыл бұрын

would be awsome for Ipad version

@dohmchristianjosekadjodjid7135 2 жыл бұрын

Great app. Id like to experiment that to present products

@josemariadiy6400 Жыл бұрын

Hi, good video 👍 One question: both animations and interactions can be exported?? and how can I control these interactions from the website?? 🤔 Could You help me..? I would appreciate your answer

@m4r_art 2 жыл бұрын

People who love SD chibi characters, ducks, claymorphism, Kurzgesagt videos and have an unquenchable denial for UV mapping : I hereby say: UNITE!

@eyedesyn 2 жыл бұрын

UV mapping is the WORST

@promoteit1793 2 жыл бұрын

Is it possible to make transparent Stroke on Path in after effects

@kinlushchristo5126 Жыл бұрын

It's my first day of soft School, and I can tell I'm going to like my teacher!

@chandlerzhu9735 2 жыл бұрын

How to do boolean operations in Spline ? I use that alot Solidworks

@hazrddesign Жыл бұрын

Can you export the 3D files and animate them in After Effects?

@g43s Жыл бұрын

How can i give width to a path? im trying to create an abstract cylindrical shape following a path but so far i cant come up with a solution.

@michaeltodd2878 Жыл бұрын

Can you talk about camera settings? I change settings but don’t get results.

@harshkhatrii 11 ай бұрын

26:48 : A platypus? 26:58 : Perry the platypus?

@BanglaKomic 4 ай бұрын

doz it allow cell shading?

@mohamedaboelenein7291 Жыл бұрын

Every Producer, DJ, soft Maker and writer will love tNice tutorials feature. Please encourage soft-soft to make tNice tutorials happen. Fingers

@ScottGelber 2 жыл бұрын

i wish they'd support other maps normal/roughness. would be a lot more useful.

@rulypanda5318 Жыл бұрын

project templates) and import stuff in.

@kikoro777 11 ай бұрын

How can I edit the shape of an imported object (.obj extension)?

@agilecoach101carlbruiners5 Жыл бұрын

I have models in Blender, I export the materials thats been applied in Blender, but I can't seem to import in the materials that apply to my model, so my models look a little naff when imported.

@AirSkyyy Жыл бұрын

Interesting

@renn3014 Ай бұрын

Can you turn your own art into 3D interactive models or only objects in the library (pre-built) my someone else? 😁

@cosmosunited 2 жыл бұрын

Great tutorial! Can you make them clickable and embed links into them?

@alecsciandra705 Жыл бұрын

you can!

@Eziekel666 2 жыл бұрын

Don't forget to put the link of tool in description btw

@eyedesyn 2 жыл бұрын

Going to add that in but here it is: spline.design/

@elwariat5774 2 жыл бұрын

26:21 How can I edit without smooth?

@rousecuarso5557 2 жыл бұрын

my computer turns off because the program is so heavy, even entering the web page the computer heats up. What devices are supported for this software? I would love to design with Spline

@arsheenwajeha5620 Жыл бұрын

I want the code version of the hug robot so that I can use it in react Please help

@israrmalik1798 Жыл бұрын

can we use thse in animation

@ganeshanvekar5009 2 жыл бұрын

Please guys make more c4d videos?

@PHlophe 2 жыл бұрын

pitajee ganesh. next monsoon.

@eyedesyn 2 жыл бұрын

Don't worry they're coming! :)

@amanireda1552 11 ай бұрын

im trying to export from blender to spline but the materials are not appearing , the 3d model is the only thing that is appearing without any detail do you have an idea why this is happening and how can I fix it ?

@narendra672 2 жыл бұрын

👍

@user-bi2rb6zc4e Жыл бұрын

If tNice tutorials isnt the most true tNice tutorialng ive ever read

@TheJarvishh 6 ай бұрын

is there any way to turn off dark mode ?

@kuunami 2 жыл бұрын

I would be cool if they had a particle simulator.

@eyedesyn 2 жыл бұрын

As of right now the animation capabilities are limited but I hope Spline adds in more of that kind of functionality - particle sims are already in browser right now so that totally makes sense!

@PintoSixty 2 жыл бұрын

How do you decrease subdivisions when the slider shows 0? (The Spline website doesn't have a FAQ or support feature, so I apologize for relying on you for this query.)

@eyedesyn 2 жыл бұрын

You can't decrease the polygon count from your base mesh, you can only increase from there.

@michaeltello2387 2 жыл бұрын

Hey EJ, great overview video! The software has come a long way from its original iteration. Question, does spline save the 3d webpage data locally on my end or in their servers? Im wondering if there's a way to host the file on a dedicated server...

@eyedesyn 2 жыл бұрын

The share link is def a spline link so on their servers but im sure there's a way to host on your own though - I'd reach out to the Spline team!

@michaeltello2387 2 жыл бұрын

@@eyedesyn Thanks for the reply EJ!

@ashutoshsaxena4810 Жыл бұрын

Hey! Could you please do a similar video for womp3d?

@arsheenwajeha5620 Жыл бұрын

Can you share the code version of this I react please without the logo

@wormholeinteractive 2 жыл бұрын

Anyone experiencing issues with the events? All of my events seem unresponsive. Am I missing a step?

@Mannyhimselff 4 ай бұрын

the SVG file doesn't show on the software. what am i doing wrong?

@rcguy2175 11 ай бұрын

Are you still doing videos on spline 3d

@n_2795 Жыл бұрын

I need Help. When I mouse hover is does not work

@sarahhisham5959 2 жыл бұрын

can you upload the robot model

@davefreelance 2 жыл бұрын

Awesome ! But the resulting website weighs too much, there is no way to put a preload?

@eyedesyn 2 жыл бұрын

I would assume many modern computers (even iPads) can run the website and the app!

@tunji6434 2 жыл бұрын

We’re in the Future!

@eyedesyn 2 жыл бұрын

I think so!

@psclip3309 2 жыл бұрын

very hard navigating and orbit in spline, the ui look so dark

@legrainproduction2760 2 жыл бұрын

hi can you import a spline file in AE ?

@eyedesyn 2 жыл бұрын

As of right now there's no easy way to export out a 3D file from spline - BUT you can render out a still or an animation that you can then use in AE.

@Cadence24 2 жыл бұрын

can you export those files to after effect or something?

@eyedesyn 2 жыл бұрын

You cannot as the only 3D file format you can export out the geometry is GLTF and AE doesn't support that AFAIK. You could use another 3D app to convert the GLTF to a supportable format though.

@uelude 2 жыл бұрын

What's the level of browser support for this? Eg: What percentage of end users (given all the browsers used on phones, tablets and desktop) will have a problem displaying this?

@splinetool 2 жыл бұрын

Any exported 3d content from spline is compatible with most modern browsers and devices 🙌

@eyedesyn 2 жыл бұрын

You can check out the requirements here, but it seems like you'll want to have recent browsers as the 3D capability is new. But that being said, it's less to keep track of than a full blown 3D app as far as drivers, gfx cards, processors..docs.spline.design/1b9c41c7c88b4ef68042471c08f17b18

@WilliamHutterAzuweb 2 жыл бұрын

Is there any way to add depth of field to the camera?

@eyedesyn 2 жыл бұрын

I don't believe so!

@WilliamHutterAzuweb 2 жыл бұрын

@@eyedesyn that's a shame, it would have been an amazing feature. Hopefuly they'll add it in the future.

@kirtichouksey8119 Жыл бұрын

I'm unstoppable I'm a Porsche with no brakes

@selinozdemir1305 Жыл бұрын

putting in....they are only visible on the mini soft roll preview, I can’t do sNice tutorialt without seeing what notes are being played...i can’t even

@ajpatshkowski2352 2 жыл бұрын

I'm having trouble uploading the file from Illustrator. I tried my logo and it was completely morphed and weird. I tried making a gear, and I can't get it to import as it looks in Illustrator. It keeps adding a full shape and not putting the hole in the middle (even though I've gotten it down to a single shape in Illustrator). Any suggestions?

@eyedesyn 2 жыл бұрын

You made it a single shape and exported out as an SVG? Might be a bug! I would recommend reaching out to Spline - they also have a Discord you can join to ask questions and report bugs!

@87thStreetCreative 2 жыл бұрын

I had the same issue. Exported as SVG and it fills in the hole. I have no idea how EJ got it to work!

@ajpatshkowski2352 2 жыл бұрын

@@87thStreetCreative Curious, do you have a new Imac? I have the 2021 with the M1 chip and a lot of things are a little wonky.

@87thStreetCreative 2 жыл бұрын

@@ajpatshkowski2352 Nope, I'm on a custom built PC.

@yuhanzhang2947 2 жыл бұрын

Try SAVE AS SVG instead of EXPORT AS. Worked for me.