3D logos and typography in Blender - tutorial

Today we learn how to turn boring 2D logos or icons into awesome 3D logos and 3D icons!
The tutorial covers creating basic SVG vector graphics, extruding them in the free open source software Blender and make them look hot with a bit of 3D magic.
Our online shop where you can find our prints:
www.toericht.shop/
Support us and get project files, assets, discounts in our shop and more on our Patreon page :D
/ toericht
Find our projects on our website:
toericht.com/
Socialmedia if you wanna send cute pics or want to share your work:
/ studio.toericht
Find awesome HDRI's here:
polyhaven.com
The poop icon was found here:
www.flaticon.com
00:00​​ Preparations
03:00 Making the Logo 3D
04:55 fine tuning with sculpting
06:00 Making it look good
10:45 cool tip
13:00 compositing
15:50 animating the logo
#blender3dlogo #blernder3dicon #blendersvg #blender typography
Music from Uppbeat (free for Creators!):
uppbeat.io/t/cinco/cheat-codes
License code: RMGSYUBGZMWWMR1Y
Music from Uppbeat (free for Creators!):
uppbeat.io/t/prigida/moonshine
License code: CTPJBZFLGCOHGVAQ

[@toericht]

Support us and get project files, assets and more on our Patreon page :D www.patreon.com/toericht

[@salsabilabanks]

Hello how do I rotate my text from the center because when I make that animation it rotates from the corner which handle gives you this option?

[@intr4]

man pretty much ripped my entire tutorial ahahah good on you though

[@ilytcerti]

lol

[@itsbrutalbunny]

Big yikes

[@eclecticmal]

😅😅😅😅 he gotta start somewhere

[@chizcreates4596]

The north remembers

[@a.m.8183]

Woah

[@sicxpng]

to everyone asking why they cant see the material look when they apply it, you have to have material view on, its in the top right. i was looking thru the comments forever to find it so here it is lol

[@luislozada_]

OMG THANK U SM

[@camilamahzouni]

ANGEL. thank u

[@bertramsolheim]

Thanks for the tutorial :)) I'm a total beginner in blender and your tutorials are by far the easiest ones to follow and understand! They have the perfect tempo for learning and are easy to go along with while watching! Keep it up :D

[@zxstar]

I've been waiting for this. Great tutorial and u r a great inspiration

[@toericht]

Thank you so much!

[@arie7925]

I've been waiting for this one, great tutorial 😁

[@toericht]

Happy to hear that, thank you!

[@arturivan.]

Thank you for the great tutorials. I appreciate your patient teaching style, and I'm looking forward to more kinetic typography content. :)

[@rafaeldiaz3719]

amazing simple texture its all i need

[@brendasilva7759]

Dude, you made my day! Very useful tutorial, thanks!

[@toericht]

Glad to hear that :) thank you

[@PrincessSakuno]

awesome and super clear tutorial my dude!!!! loved it; and the mouse clicker + keyboard visualiser showing what you are pressing is chef's kiss!

[@toericht]

thank you very much, glad to hear that :)

[@BouncingDande]

true, helped me with the Shift + A

[@rxpe]

Wow this tutorial is brilliant

[@euiaoeuiao4501]

you deserve more love bro. bless up!

[@toericht]

thank you :))

[@davidnemes9243]

The video has a good flow and it's easy to learn :)

[@toericht]

thanks a lot! :)

[@user-oy5pu6xq4b]

真是太棒了 非常感謝無私分享 跟教學 Thanks to your tutorial lesson! It’s so useful and helpful!

[@toericht]

very happy to hear that :)

[@yannpoco]

LOVE IT

[@justinmakaii]

wtf your tutorials are so much clearer and faster than all the others

[@toericht]

thank you so much, this means a lot!

[@voli1266]

bro, i love you!

[@BouncingDande]

BRILLIANT. much love sir

[@toericht]

thank you very much! :)

[@wavione4422]

such a smooth guy, thanks for the great content

[@toericht]

really appreciate it! thank you for watching :)

[@andrewp4455]

Just wanted to say that the intro in this video is a banger! Made me want to watch the whole way through

[@toericht]

yess so happy to hear that :D

[@andrewp4455]

@@toericht we need more tutorials!!!!

[@abetterbeerbatter-sq6pf]

This was great. Thank you so much : ]

[@toericht]

glad to hear, thank you!

[@benitoperis]

🙌Thanks for this tutorials!

[@toericht]

you're welcome, thanks for watching it :))

[@toericht]

thank you! honestly also don't really have a nome for it lol

[@elaela2543]

cute teacher, thank u !

[@toericht]

well, thank you!

[@nathanisdank]

Great tutorial btw

[@toericht]

thanks!

[@DeuszYT]

Most underrated blender ytber ever

[@xrtwk8558]

thanks for the video dude

[@toericht]

glad your problem resolved itself :) thanks for watching

[@DrMeatBall5]

bischen geile siech danke viel mal! hoffe wird mer helfe für mis portfolio :D schön machsches uf de punkt und denn no tubbelisicher. mach eifach so wiiter und wirsch witcho!

[@toericht]

Danke viel viel mal :) schön zghöre!

[@weirddesign439]

Love your video format looks great on the yt phone app

[@toericht]

thank you happy to hear that :)

[@sleepyboy.design]

Thank You! I tried this tutorial for the first time I learned 3D blender very helpful and easy to understand

[@toericht]

Awesome, we're very happy to hear that :)

[@draxguitar]

Super dope tutorial! Just wanted to ask how to make those logo animations at the start of the video especially the last animation. Thank u!

[@toericht]

Thank you very much! It's fairly simple :) for the red one we just used colorful images as lighting and for the distortion we used turbulent displacement in Premiere Pro or After Effects . We Plan to create a tutorial on how to use images to light your scenes in Blender :)

[@Thefreequincy]

Merci❤❤❤

[@ownlife.mp3]

immediate sub

[@toericht]

[@kidkozy]

did you use the composting nodes to render the animation. am trying to render the text with it's rotation but I keep getting the composited image. kindly help 🙏🏾

[@ahmedkhorsheid9239]

Great tutorial thank you for your effort! which version of blender is this?

[@toericht]

thanks! was probably something like 2.93 or something, but we'd recommend using the newer version 3.0 and upwards :)

[@ivancoutino7246]

Hi ☺️ where did you took the clouds image from? Thanks for the tutorial ❤

[@GT-gi2dv]

Love the work!! how did you create the trippy/wavy effect in the very beginning of the video?

[@thankyoudennis]

Turbulent displace or a displacement map effects in after effect

[@toericht]

yess exactly :)

[@toericht]

just as ThankyouDennis said, turbulent displacement. it's available in after effects and premiere pro, very easy but useful effect :)

[@thankyoudennis]

@@toericht ❤️❤️❤️❤️❤️ omg you responded

[@kidkozy]

Hi, Am trying to render the text rotation but it keeps rendering the image from the compositor. How can I fix that.. kindly help 🙏🏾

[@7sunamistudio447]

🔥🔥🔥🌊🌊

[@kidkozy]

should we turn off the compositing nodes when rendering the text animation...

[@gardenscented1521]

im struggling with setting up the camera please make a tutorial on that

[@ammarahmadkidwai5010]

thanks for the tutorial, what font have you used for your logo though?

[@toericht]

hey :) the font is custom made by us. but we might release it in the future sometime. but it'll need a bit of work till then :)

[@ilovewoc845]

@@toericht is the font out yet?

[@una62355648]

why i used on the object folder, use your buttom and pick the line. but i can't change the logo colour???

[@fernandocamarillo3710]

I'm having trouble importing my animated logo into premiere pro. What export settings would work in blender ?

[@toericht]

we usually render as png sequences either with or without transparency. then in premiere go to import, select the first image and make sure you check image sequence :)

[@jairuso.0]

hi what did u in this part 9:52 what happen to the flows?

[@jackrizzo3470]

Amazing tutorial! i just have an issue when I import my svg logo, it's not full, there are parts of it that are missing...

[@toericht]

thanks! that's an issue with exporting the file. If you're using illustrator there's something you need to check before exporting. I think it's called something like group path or compund path... hope that helps

[@laurakong_]

Hi toericht, how can I create the 'frame' like 11:42 for composition? And why my rendered video looks different from the playback, looks like the final video is from a different view? 😢

[@toericht]

press the little camera symbol underneath the gizmo to get in the camera view and make your composition :)

[@blackin6253]

15:51 what did you choose to render? like render frame or render animation

[@toericht]

i guess i pressed render frame to see how it looks but i mean it depends on what you want, render frame is for a single image and render animation is if you want to render the whole video. not really a step you have to to until you're finished or want to check what it looks like :)

[@alkjaers3xy]

At 9:51 What did you do to make a new shader editor? the video cut and im lost here ):

[@toericht]

just deselected the object and switched into rendered preview then changed te shader editor to world

[@golfboy7156]

How do you render it out with transparent background but not loosing the fog glow? like in 0:22

[@toericht]

didn't actually render it with the glow. the glow was added im premiere while cutting the video :) but it should be possible to render with the fog glow. there are probably some tutorials on youtube

[@caleyzheng2954]

amazing video!!! i got a problem at the end 16:07, when i click "linear" my background cloud image didnt have any of animation, only the logo, do you know what happen is that? thank you sooooo much!

[@toericht]

make sure in the shader editor that your texture is set to animated and the right number of frames as well as looping is selected

[@haroldcardenas2609]

What is the name of the font you're using in the tutorial ?

[@ryanmartinez257]

How can you save save your 3d logo and post it on instagram just like that ?

[@sandycarumba2474]

hi help, whenever i press control + j on my object it fills in a hole suddenly how to remove fill?

[@toericht]

hey, maybe you need to check your svg again. it might be that the vector paths aren't cut out r combined properly. hopefully you find a solution

[@Illestaliveofilms]

how do I get ggk surface?

[@thejimwellsv]

When I did the metallic part did not work to mine, so sad. please help!

[@toericht]

make sure you're in material preview or the rendered view. the four round icons on the top right :)

[@thejimwellsv]

@@toericht Thank you so much, I've been watching this video for like a whole week now and still learning

[@leylamoonny]

This is so great! But I keep getting stuck at the point where you add material. the metallic and roughness doesnt show on right screen, what am i doing wrong? Thank you in advance!

[@sahara3269]

same here, the material is applied, metallic is at 1.000, roughness is 0, switched the viewport shading to material preview and rendered preview, tried the edit mode and selecting everything with A then applying the material , still didnt work.

[@proofknightz]

did y’all ever resolve this, i’m stuck as well

[@pedrolitoooo]

I was stuck a this part too, select your logo, press Z then select material preview !

[@chrispowell2545]

@@pedrolitoooo thank you so much!

[@tiezaraugusto8117]

@@pedrolitoooo Thx so much man

[@Pearson.a]

Hi, when I open the shader editor and increase the metallic the text doesn't turn into chrome it stays the same, any ideas on what this could be?

[@toericht]

hey there :) have you checked if your material is linked to the object? or that you are in the material preview or rendered view? maybe your roughness is also too high. We hope this helps you somehow and if not feel free to ask again :)

[@dasn143]

same issues here

[@davidnemes9243]

try changing the shading options to viewport shading in the up right corner! that helped me

[@shekutarawallie7679]

@@toericht my logo also does not turn into chrome. Are my settings off? If so, how do I link my objects? (Great video by the way)

[@user-fj1ym9od6m]

@@davidnemes9243 you saved my day!! thanks :)

[@emmanuelarranz8081]

Im stuck at 10:11 I can’t seem to add a background any tips?

[@toericht]

if nothing happens when you connect the nodes it might be because you're not in the rendered preview

[@matthewlopez9230]

do you know why my metallic isnt working and do you have any tips on trying to fix it

[@toericht]

hey :) firstly make sure you're in the material or rendered preview that's one common mistake. alternatively make sure your material is applied to your object and there isn't another one on it :)

[@cvcvt7549]

@@toericht So, that still is not working, how in the world do I fix that?

[@youssefmzid5921]

whats the name of hte font

[@dominicsakal8707]

I think every blenderer knows about the node wrangler add on by now... Thanks for double checking though....

[@toericht]

you'd be surprised if you knew how many people have no clue 😅

[@SoyeonUnnie-hd9gf]

Why my shadow editor is not changing the color 6:03

[@katielovaglio2069]

when i import the photo i'd like to use as my environment texture it doesn't show up ): if i click one of the different views at the top it shows up, but my text becomes transparent and loses all the chrome effects... anyone have any ideas why this could be?

[@toericht]

yess the hdri only show up when you are in the rendere preview. make sure your material is correctly applied or maybe delete it again and add a new one

[@BrooklynDesigne]

I really don't get it, is this a picture with clouds or is it a video? If video, in what format?

[@cameronjordan2705]

tutorial on the second logo you presented in the beginning?

[@toericht]

basically the same as this but used the lighting technique from this video: kzbin.info/www/bejne/moOvmoJtgbhlp8U&ab_channel=toericht

[@federicorioni2358]

Hi toericht,i’m tryn to follow your tutorial but i block myself at 3:00, when you go to geometry…, i don’t find it in my object data properties.. can you help me?

[@toericht]

make sure you're in object mode and not edit mode and that you've got your object selected

[@jongyoon8778]

What should I do if I want to sharpen the edge of a letter?

[@toericht]

there are some other modelling tools than smoothing you can try out these or just don't smooth it after remeshing

[@URRA35]

At 6:16, when changing the roughness etc., I don't see any changes to my letters. They just stay gray. How do I fix this?

[@mdtz1350]

Same

[@rm-zb1cd]

same

[@toericht]

you need to be in material preview or rendered preview and make sure a material is applied to your letters

[@leilayoussefi1593]

hey man! when i try to render my image at the end, the render space is completely empty. nothing is there. do you know why that is?

[@toericht]

wehen you're using compositing make sure that the output is plugged into the composite node

[@kidkozy]

after compositing, when I try to render the animation the text isn't rotating ....what could be the issue...? kindly help 🙏🏾

[@toericht]

hey make sure you're rendering your animation and not just an image and also make sure the nodes in your compositing window are put into the viewer and the composite node

[@kidkozy]

@@toericht thank you!! ☺️

[@slow_1iver14]

Im having a trouble when it comes to applying the metallic effect even tho i followed the steps its not working

[@toericht]

make sure there are no other materials applied. add/delete them with the plus or minus. also make sure you're in material/render preview

[@luciotagliaro1403]

I've done everything till min 6.10 when u increase the metallic effect on material but on my object didn't change anything, it stays with the basic material even if I removed the svg one...

[@witmancapellan4495]

same help us pls

[@toericht]

hey there make sure you're in material preview or the rendered preview. and you might need to chose the object, go intro edit mode, select everything with A and then assign the new material

[@Blumehaus]

jajaja la risa mas seria del mundo

[@Sickodummy]

what font is that i need help please

[@nathanisdank]

Planet kosmos is the closest one to it

[@toericht]

it's a custom made type specifically for our logo so it's not available anywhere :)

[@AmbrosiusClothing]

when i try to render my animation, the sky background disepear in the film, help?

[@toericht]

on the top right outliner there are options to disable certain elements in the viewport and render. try checking if all of them are activated (eye symbol, camera symbol etc.)

[@BookooZenny]

is there nothing that can be done about those shading artifacts?

[@toericht]

you can try to UV unwrap it correctly but i didn't want to cover that in this tutorial because it can be quite tricky. but there should be a lot on youtube :)

[@snoepjes6486]

the remesh part changes nothing :( what can i do?

[@toericht]

make sure you're in object mode and not in edit mode when using modifiers, that might be the problem

[@LiLBulqer]

I remeshed too high and now when I play my video its super choppy, anyway to lower my remesh?

[@toericht]

just try to subdivide it as low as possible. and there's also a modifier called decimate to make your mesh smaller again

[@pupu_chinnz3152]

My metallic doesn't apply to the object idk what to do😭😭😭😭 im using the latest version by the way

[@clementeven8439]

me too lmao u found the soultion ?

[@toericht]

hey tehre :) make sure you're in rendered or material preview. and also check if your material is applied or if there is a second one on your object. if so delete them and add the one you want again

[@toericht]

commented to pupu hope this will help

[@gro3607]

how did you get that font?

[@slimrwojnar8824]

Thats what i have been trying to figure out too

[@toericht]

hey it's a custom font we drew for our logo :)

[@toericht]

sadly a custom font we drew for our logo :)

[@ricardoarjona7984]

bien rich

[@vikasyadav3170]

what font is your logo???

[@toericht]

it's a custom made font we made ourselves so it's not available anywhere ;)

[@LiLBulqer]

Can anyone tell me why my render is so far away? I zoom in and its all blurry

[@toericht]

if you have a numpad press "." to reset the view. or maybe your camera is to far away, then you should try to move it closer :)

[@mauricetaylor4537]

How do I boost my fps and make my animation faster

[@toericht]

fps is usually low because your computer can't handle the load. either use less complicated geometry or upgrade your computer. hope i understood you right. if you want to make the animation move faster in the final render you can change the position of your keyframes

[@em28z15]

What if i wanted sharp corners?

[@toericht]

well just don't smooth them out with sculpting :) als when remeshing chose sharp and not smooth

[@itsbrutalbunny]

I literally tried saving it as svg on photoshop but everytime i import, it doeesnt show up :(

[@punu3675]

exactly dude this is so fucking annoying

[@punu3675]

nvm i think i know the reason for me i wasnt using adobe illustrator i was using photoshop

[@mdtz1350]

I try to animate my logo but when I do the steps and play it, it doesn’t spin

[@toericht]

make sure to insert the keyframes and update them with the new position

[@lfy0001]

what the font 2:00 ? thanks

[@toericht]

custom type we created for our logo

[@betheone.]

can someone help me on render and export ?

[@alaatoubasi9871]

Have you figured it out?, the Material created in world doesn't show when I render it out

[@toericht]

hey search some tutorials on youtube there should be enough. basically preview your scene in rendered mode on the top right and then do your render settings like video, jpg sequence etc. and choose the output folder

[@offgrid-dzns]

Whats that font tho?

[@punu3675]

its his custom made font

[@amrithpanil]

kzbin.info/www/bejne/Y4vQlZWIh6uHesU what happens here?

[@crlazymintx3766]

too bad u took this tutorial from another creator, thumbs down