Tutorial: Rendering 2D Icons as 3D Objects in Blender
VloĆŸit
- Äas pĆidĂĄn 28. 06. 2024
- Learn how to convert any 2D vector icon into a detailed ray traced 3D render! We'll use Blender to extrude SVG icons into 3D geometry and render the result with a simple glass material in a smooth lighting setup.
If you want to support the channel: / polyfjord
Software used in this video:
Blender - The free and open source 3D software:
www.blender.org/download/
Note: The website mentioned in this video (flaticon.com) has decided to put all their SVG icons behind a paywall. But fear not, there are other places to get different free icons! And even better, some of them are open source too:
Feather Icon (Open source): feathericons.com/
Google Fonts Icons (Open source): fonts.google.com/icons
Timestamps:
00:00 Where to find free icons
00:36 Import and extrude
02:34 Lighting studio setup
05:12 Material setup
05:57 Tweaks before rendering
07:28 Saving the image
08:02 The SVG workflow
09:50 Thanks for watching!
#b3d #opensource #vectorgraphics
Follow Polyfjord on Instagram for more updates:
/ polyfjord
Hamburger icon by Freepik from www.flaticon.com
MUSIC:
Note: Purchases made through the links below may provide some compensation to Polyfjord. (This is a great way to support the channel!):
đ” Intro Song:
shutterstock.7eer.net/b32eLx
đ” Outro Song:
shutterstock.7eer.net/EaJjk4
Hello! So something interesting that has happened: You guys have downloaded so many SVG icons from the website mentioned in the tutorial, that they seem to have removed the option to download free SVG icons. But fear not, there are many open source alternatives to get great SVG icons! Here is a list:
Feather Icon (Open source): feathericons.com/
Google Fonts Icons (Open source): fonts.google.com/icons
Remix Icon (Open source): remixicon.com/
Bootstrap Icons (Open source): icons.getbootstrap.com/
Feel free to add your suggestions in the comments, and I'll try and update this list!
lol
Oh hello this is recent
We have so much power that we can crash a website, what if we do this with another site that a lot of people hate?
4th reply
You can make your own on Inkscape; great tutorials by the channel Logos by Nick
holy shit, that ending escalated
hey jarbrils I Love your videos
beans
b e a n s
æŹç©ăă
Itâs my g!
The ending....
Mind = Blown
True...
Yeah
Actually
Shaun
@@mactv8968 pizza time
Ok you got my sub and I don't even use blender that was soo cool
wow i never expected to see you here
woah hello there
Noobgamer
now you need to make a keyboard in blender
+1
I've been doing logos for the past 10 yeas, now i'm offering a 3d version of the same logos and making some extra money for the past 2 weeks thanks to you and this incridible video! i've no words to describe how thanfull i am to you master, please keep doing this amazing job!
Thatâs amazing!! Glad to hear it my friend!
THIS WAS SO GOOD, I have absolutely zero experience with blender and I made one in 15 mins with your tutorial! Great one!
Damn u hearted it in 1 day.
I have some experience tho I make small models but for this one, I doubt my computer will even run when it's saved in its harddisk
I wanna learn from you, is there any way I can contact you? Please?
@@zed8552 me?
Bs
Every night I wake up in a cold sweat thinking what would happen if Polyfjord stopped making videosâŠwe really need more of this stuff.
Hahaha!
hehe
@@Polyfjord How do I get to preferences if F4 doesn't work?
@@koopa3195 In the far top left corner in Blender, you can go Edit -> Preferences
@@Polyfjord Thank you!
you always have a knack of not only explaining seemingly complex concepts simply, but also making seemingly complex results from simple concepts. bravo!
Polyfjord, simply one of the best Blender artists out there.
Definitely without a doubt đïž
Yep
simply thee you mean?
No doubt
If not THE best
This was insane, the fact that you explained the power of this technique by making something of an actual short film quality (and your intro is also part of it as well). "This is the last one I promise" that was hilarious, even though I could watch your quality all day.
This is incredible! Iâll need to rewatch it at 25% speed to keep up but youâve given us such a powerful workflow!
his voice must sound really deep at 25% the speed! :P :P
He got us in the first half not gonna lie. Just imagine the shading possibilities. Absolute legend, earned a sub.
I've been struggling with how to start learning, and THIS taught me literally so much in such a short time. Thank you.
Nice! Thanks for watching!!
Now go do the donut tutorial !
If anybody is having trouble with colours importing with the SVG graphic, you need to change the colour mode to RGB. In Illustrator, this can be done under FILE> Document Color Mode > RBG Color.
The ending went insane lmfaooooo Iâm hooked
Never wanted to learn rendering so bad
Great tutorial. Anyone having an issue with black svg (no color), make sure while Exporting (in Ai) under Advanced Options & CSS Properties drop-down, SVG export settings is set to "Presentation Attributes". Imported SVG will now have colors.
You just saved me a headache â€ïž
can you put it into words a 5 year old could understand, asking for my 5 year old friend
Oh my God, thank you, I was struggling with that. â€ïžđ
ayyo varun
how did you even get free svg icon from flaticon?
it is asking me to go premium xD
@@arshdeepsingh3397 plenty other websites. I made one myself using Adobe Illustrator
Never seen someone teaching blender this good.
I like it.
Another.
Amazing, quick and informative tutorial.
Nothing felt missing or confusing as a beginner.
Thank you!
Idk why this is being recommended to me, I don't use Blender, but apparently this helps people, so good job.
These 'snappy' and straight to the point kind of tutorials are on a whole new level; actually incredible! And those last 2 minutes.. Damn dude! So professional and clean!
The Blender community is enriched because of awesome people like you. These videos are magnificent. Well done. And thank you SO MUCH!
Why on earth would anyone give this a thumbs down is beyond me. This is a wonderfully structured, well designed, and well articulated FREE tutorial to use with a FREE software. Thanks for this amazing video.
The amount of information in your video is insane. You are really skilful with blender. Thanks for your tutorials.
I watched your previous tutorials long time ago and re-watching them and then watching this just blew my mind that how can you go beyond perfection?!
I have been trying to find a solution for an animation that started of as a vector image in Illustrator for a month now, and just like that CZcams recommended me this video! Even though it is not about animation it solves my problem because it saves me a bunch of time if I can just take my SVG and upload it directly on Blender! Thank you so much for this tutorial! Short, simple and straight to the point! You've got yourself a new (and very happy) subscriber!
This short video taught me more than what many blender tutorial videos ever did. Learn by watching others do real work is probably better than listening to the hows and the whys and the what-ifs.
Dude, you are crazy in the best way possible. You're fast, accurate, and your explanations are great. I love that you don't waste time with fluff, and you understand that if we miss something, we can simply pause the video and go back, slow it down, whatever we need to do but for those of us who move quick? These videos are a freaking god send and you're the man. Thanks for the great instructional and giving us your time. It's appreciated.
Wow, I really want to thank you for this, I have been making SVG's of my own and I didn't even know blender could do this until this was recommended to me
I love how clean his renders look. I have used so many things from his tutorials. Incredible as always.
100%... Loved the last 60 seconds most
Beautiful, simple, direct. Not doing tricking and complicated uses of boring nodes.
love it
Not only really helpful and well-presented info, but a beautifully made video!
I love how crazy intense the final section became outta nowhere. Really loved it.
I've been using this method for some time, but you really just took it and got it to the super next level. The finel thoughs of this video honestly made me euphoric because I clients that would love exactly that kinda stuff. Man, I bet your patreon worths every cent
can you please tell us what lighting setup you use for your face cam at left bottom corner.
is it natural light?
Holy cow, I have never shown huge interest in 3d design but you got me really interested and motivated to delve deeper into it.
really really amazing, man. The quick tutorial at the end to make the intro was very nice too. SUPERBđđ
Thanks so much!! I'm impressed you finished the 10 minute video in 9 minutes :D
@@PolyfjordWelcome. Actually, I fast forwarded the parts where you show how to import the svg and how to setup the scene. I already know enough about these techniques đ
@@himanshukoshti9177 thatâs perfect!! I was afraid the tutorial would be boring for advanced users like you, so I tried to spice it up a bit near the end
@@Polyfjord Oh, come on. The video was very informative and not boring at all. This way of making tutorials can be really rewarding btw. The way that you showed something really applicable and easy to follow at the end can result in high average watched durations and maybe even higher CTR.
@@Polyfjord Also I'd really like to see you post more of your helpful tutorials. I learned a lot about animation and camera movements from your channel, like that one where you show real time animation with cubes and especially from this one: czcams.com/video/a7qyW1G350g/video.html
This makes me want to start learning graphic design. That ending escalated to a whole new different level!
I use to see this tutorial on my CZcams timeline but i never click on it and watch it but today i did and im like wow this is the one of best blender tutorial i never seen thank you so much for this masterpiece i hope that you continue doing this and let us learn from you
I don't even have Blender on my Laptop but wow, you've made this whole thing so interesting to watch and follow. Feel like giving it a try, looks so fun
This is probably one of the best Blender Tutorials Iâve seen. The hungry CZcams viewers demand more!
This is literally the best Blender tutorial I've every seen, you just put so much effort in your videos. Keep up the good work!
Thatâs not fair! Holly, your videos are beautiful to watch from start to finish. You really know what youâre doing. Amazing, just amazing.
That's the best tutorial I've ever seen, so much information in 10min. Amazing work man!
The professional way to explain in a quick and understandable Form. Simply the best Blender Man ;) love your tutorials!
The quality of these tutorials is just insane!!! Big fan.
Your delivery on content is just absolutely outstanding! Please do more!
Just showing the potential of simple method with various example at the end was really great
Dang, you explained it so well that after the first watch, I could do like 95 percent of it, by memory. You earned yourself a brand new subscriber!
Man your videos have always been super high quality with all the sound and music designs to the actual tutorial but this is next level!! Subbed!
The music and the overall production quality is just amazing! Now you are in my quality CZcamsr's list.
that was a wonderful tutorial but also the ending showing the possibilities was awesome. Thank you for sharing!
Wow, that ending presentation is so well done!
Damn, the quality!!!! Love your attention to detail man.
Thank you my friend! Appreciate it
I have been consistently learning different things in Blender for the past 4 or 5 months, and every time I think of something different or new that I may want to try doing in the software, there has always been some way to do it. So far there has never been a single thing I've wanted to try that Blender could NOT do, whether it's viable by a script, an addon, or just a native built-in feature. I think this is the most powerful aspect of Blender: there may be better programs out there to do specific tasks, but Blender seems to truly be a jack of all trades and manages to be a pretty good master in a lot of things you wouldn't expect it to be good at. And if there's something you want to do that you can't do...someone out there is probably making an addon for it right now, or an entirely different build of the software all together. I never would have expected Blender to be solid with creating 2D animations from a 3D workflow, things like logos, animated intros and outros, etc. I would expect to rely on software like Premiere or After Effects to do things like that. But here we are, doing this exact thing in totally free software that is built around modeling three dimensional objects.
Seriously, is there anything Blender CAN'T do? I imagine the list of things it can't do is much shorter than the list of all the things it can do. It blows my mind that this is completely free.
That ending over there, is the most precious thing you could receive as a graphic designer.
The amount of work that went into making this tutorial - INCREDIBLE
Ikr he also reached the 10 minute mark amazing
@@mhm2864 well that might be for his own good đ even tho the minimum for midroll ads is now 8min
i just love how you're giving some practical uses of your tutorials. reminds me of andrew kramer without the puns :D
you know when it heads toward to the end of a video, people normally close or click on another video. but this....my jaws remained dropped. great video!
i love how unnecessarily hype that ending was. instant subscribe
I've just found out about your channel with this video and it is inspiring. I was feeling little bit down about my works but seeing such creative stuff really gives me inspiration and desire to create new pieces. Thank you and nice to meet you. :)
took the words out of my mouth
Impressive! Your videos are addictive and inspiring... all of them... I don't know if it's the tips you give or the enthusiasm you work with Blender, but I can't stop watching... congratulations!
The last part of this video is just very amazing!!!
Nice work man!!
This looks super simple and easy, let's see how many issues I can create now while trying to follow it.
Not had the best of luck trying to follow some guides they move too quick
THE RETURN OF THE KING!!!
Awesome! truly appreciate you holding my hand through this
That was freaking awesome!!!! Subbed and can't wait to learn more. That ending was insane. I felt like I was on a ride that I didn't want to stop.
I can't believe how easy it looks. I tried using blender once and I'm still recovering emotionally from the trauma. Then again I was in 2D mode, so maybe 3D is just easier or something.
So it turns out all these years in Illustrator has paid off, this is the best jumping point for me learning 3D.
BRO!!! These Tutorials are amazing!!! you have found your calling!!!
keep up this tremendous quality you're providing to the community!!1
This was more amazing then I expected. Very useful!
Watching your tutorials is like watching a Oscar winning movie. Everything is perfect
I absolutely love your content man! Watched all your vids this week and can't wait for more. Really inspiring! Music is great too, combined with the perfect editing. May I ask what the name of the intro song is?
Insane, the possibilities are amazing ! thanks for this tutorial đ
Yoo the last part with the text animations is what I needed. Great Tutorial Dude.
Amazing work! I just got introduced to blender and this is just wow haha. Also the music is a banger, what background music is that?
4:58 I never knew a burger can look so terrified and terrifying at the same time!
Already feeling a lot happy after watching the video till the end.
It's amazing how many helpful little tricks your short video filled with.
The quality of your content is next level. đđ Keep them coming.
9:16 "this is the last one I promise".
Nah, we want more.
This whole video was cold!! âïž âïž. Great explanation and extremely easy for a beginner to understand. Keep up the great work!
Your editing in the last part of the video is everything.
Beesechurgers > Cheeseburgers
Yooo besse churger
*_when name_*
Ehhh but I like eating MAFIA BOSS more than I like eating Beesechurgers.
Beesechurger what are you doing here? ~ twishorts
Hello, famous person I never knew existed.
that lil animation at 09:09 was absolute fire! your work is amazing!!
My favorite tutorial (series) so far!! Chock full of amazing tips and trick.
I'm so glad I found your channel. I recently got a new computer and after watching this video it has me in the mood to get into using blender again.
5:13 that music in the background, the only thing i can think of is binging with babish
perfect HAmburger đ
that "Friend" Also send me here
Wow...those very quick info on the last part was faster than my breathe haha
Thank you so much for the video
Holy cricket, I already liked this video, then I watched til the end and know I would like to like it again. Amazing work!
last few minutes is just awesome! where do you get your music?
I lick SVGs when no one is watching.
slluurrrrpppppp
Ok...
Toward the end of the video I literally have my jaw on the freaking floor. Now I understand what jaw-dropping means. There is so much more to learn and so much more to do. Damn.
great stuff, really liked the ending quick cuts.
thank you!
Wonderful tutorial!
On a side note: How is that first music track called? thanks.
Can you do a tutorial on how to do that wave you did at 9:40 without having to key every letter? Thanks in advance
Love your work man! Awesome stuff, and the audience wants more!! Lol. You make it so amazing and explain it good.
Wow, absolutely mind blowing! Thank you so much for your tutorial, my world has just opened up.
The last 5mins as well, Incredible!!
impressive rendering...
btw does anyone know the ending music? can't find it, but I like the rhythm of it.
i want the name too
@@brnpjota #metoo
love it!!
One simple and unrelated question: what's the name of the song? lol
wondering the same .... the music is so catchy
Me too
idk, but i want it too