Tutorial: Rendering 2D Icons as 3D Objects in Blender
ฝัง
- เผยแพร่เมื่อ 18 พ.ค. 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!
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!
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
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.
you always have a knack of not only explaining seemingly complex concepts simply, but also making seemingly complex results from simple concepts. bravo!
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
He got us in the first half not gonna lie. Just imagine the shading possibilities. Absolute legend, earned a sub.
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.
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
Amazing, quick and informative tutorial.
Nothing felt missing or confusing as a beginner.
Thank you!
Beautiful, simple, direct. Not doing tricking and complicated uses of boring nodes.
love it
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 !
Never seen someone teaching blender this good.
I like it.
Another.
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
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.
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!
The ending went insane lmfaooooo I’m hooked
Never wanted to learn rendering so bad
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 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
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.
Idk why this is being recommended to me, I don't use Blender, but apparently this helps people, so good job.
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 TH-cam 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!
I love how crazy intense the final section became outta nowhere. Really loved it.
Just showing the potential of simple method with various example at the end was really great
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
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
Wow, that ending presentation is so well done!
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.
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.
The quality of these tutorials is just insane!!! Big fan.
This is probably one of the best Blender Tutorials I’ve seen. The hungry TH-cam viewers demand more!
I use to see this tutorial on my TH-cam 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
The lighting makes a huge difference
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
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!
i love how unnecessarily hype that ending was. instant subscribe
Holy cow, I have never shown huge interest in 3d design but you got me really interested and motivated to delve deeper into it.
This makes me want to start learning graphic design. That ending escalated to a whole new different level!
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!
Awesome! truly appreciate you holding my hand through this
The last part of this video is just very amazing!!!
Nice work man!!
The professional way to explain in a quick and understandable Form. Simply the best Blender Man ;) love your tutorials!
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: th-cam.com/video/a7qyW1G350g/w-d-xo.html
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
That's the best tutorial I've ever seen, so much information in 10min. Amazing work man!
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!
Damn, the quality!!!! Love your attention to detail man.
Thank you my friend! Appreciate it
It's amazing how many helpful little tricks your short video filled with.
Your delivery on content is just absolutely outstanding! Please do more!
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
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.
Yoo the last part with the text animations is what I needed. Great Tutorial Dude.
That ending over there, is the most precious thing you could receive as a graphic designer.
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.
The music and the overall production quality is just amazing! Now you are in my quality TH-camr's list.
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.
So it turns out all these years in Illustrator has paid off, this is the best jumping point for me learning 3D.
THE RETURN OF THE KING!!!
Insane, the possibilities are amazing ! thanks for this tutorial 👏
can you please tell us what lighting setup you use for your face cam at left bottom corner.
is it natural light?
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
i just love how you're giving some practical uses of your tutorials. reminds me of andrew kramer without the puns :D
I’ve been using illustrator, photoshop, tinker cad, and Keyshot for years… you finally broke me out of thinking they were enough. Thanks!
the sagment at the end where you show where we could do with the techniques shown in the video is a great thing about the channel
keep doing that please
Watching your tutorials is like watching a Oscar winning movie. Everything is perfect
The quality of your content is next level. 👏👏 Keep them coming.
The quality of your videos is breathtaking
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!
9:16 "this is the last one I promise".
Nah, we want more.
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?
Literally the best tutorial i have ever seen
Not only really helpful and well-presented info, but a beautifully made video!
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?
that lil animation at 09:09 was absolute fire! your work is amazing!!
ok.... that ending was mind blowing!!
Your editing in the last part of the video is everything.
4:58 I never knew a burger can look so terrified and terrifying at the same time!
last few minutes is just awesome! where do you get your music?
BRO!!! These Tutorials are amazing!!! you have found your calling!!!
keep up this tremendous quality you're providing to the community!!1
you are blender king , thank for the amazing tutorial
Wonderful tutorial!
On a side note: How is that first music track called? thanks.
5:13 that music in the background, the only thing i can think of is binging with babish
I have no understanding/experience with blender but dam you explained everything so well/clear that I immediately understood what to do. Thanks for the tutorial
This was more amazing then I expected. Very useful!
perfect HAmburger 🍔
that "Friend" Also send me here
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
that was a wonderful tutorial but also the ending showing the possibilities was awesome. Thank you for sharing!
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.
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
great stuff, really liked the ending quick cuts.
thank you!
I just fell in love with your tutorials
I lick SVGs when no one is watching.
slluurrrrpppppp
Ok...
Would someone know where to find the music used in this video?
yea I'm also searching for it but was unable to find it. neither shazam nor soundhound were able to match it.