Tutorial: Rendering 2D Icons as 3D Objects in Blender

3,226,224
0
Published 2021-08-01
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: patreon.com/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:
www.instagram.com/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

All Comments (21)
  • @Polyfjord
    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!
  • @Jabrils
    holy shit, that ending escalated
  • @HipyoTech
    Ok you got my sub and I don't even use blender that was soo cool
  • @vmedei
    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!
  • @manavgala2361
    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.
  • @freehandz
    THIS WAS SO GOOD, I have absolutely zero experience with blender and I made one in 15 mins with your tutorial! Great one!
  • @blendtonic
    you always have a knack of not only explaining seemingly complex concepts simply, but also making seemingly complex results from simple concepts. bravo!
  • @limalingo1994
    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.
  • @rickydee3462
    Polyfjord, simply one of the best Blender artists out there.
  • @n654-vfx4
    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.
  • He got us in the first half not gonna lie. Just imagine the shading possibilities. Absolute legend, earned a sub.
  • @DemoniteBL
    Idk why this is being recommended to me, I don't use Blender, but apparently this helps people, so good job.
  • @RamGuguloth13
    Never seen someone teaching blender this good. I like it. Another.
  • @rezadaneshmand
    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.
  • @CoderJK
    This is incredible! I’ll need to rewatch it at 25% speed to keep up but you’ve given us such a powerful workflow!
  • @VarunKumar
    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.
  • @billemdafoe
    I've been struggling with how to start learning, and THIS taught me literally so much in such a short time. Thank you.
  • @iriartef1
    Beautiful, simple, direct. Not doing tricking and complicated uses of boring nodes. love it
  • @Warlogue
    Amazing, quick and informative tutorial. Nothing felt missing or confusing as a beginner. Thank you!