How to make beautiful Twitch panels in Blender [ Twitch Channel Art – Blender 2.8 – Inkscape ] Free

How to make beautiful Twitch panels in Blender [ Twitch Channel Art – Blender 2.8 – Inkscape ] Free


Hey there friends it’s me Jenni and
today I wanted to do a fun project where we create some Twitch panels using
Blender – this is a new technique that I discovered through learning Blender
lately I’ve been learning how to do all kinds of fun stuff like making 3d houses
and characters and other assets for games but as it turns out you can also
do really cool graphic design and animations in Blender for other stuff as
well like youtube intros and twitch stream stuff there’s so much that you
can do in Blender I can’t wait to tell you guys more about why I love blenders
so much but in this particular video I just want to make some cool twitch
panels and show you how I would go about doing such a thing using Blender so I’m
going to set the size that we want our render to be and by render I mean the
size of the image that we’re going to save and use as our panels for Twitter
the dimensions of twitch panels are 320 pixels wide and if it’s any bigger then
it’ll just scale down to that size so to avoid distortion we’re gonna go ahead
and make our document in blender to suit the size of the panels that we want to
make I really like bigger panels medium and small sized panels and for this
particular project I wanted to make thin dainty panels because I think that
they’re really cute I haven’t really made panels that are too thin in the
past yet so let’s go ahead and get this 320 by let’s just say if you’re new to
blender just to let you know I am also fairly new to this program and I started
learning it about six months ago and taking it seriously ever since blender
2.8 came out so I know quite a few things by now but I’m still learning as
I go along and if you ever see me doing something that could be done more
efficiently please let me know in the comments below because I love learning
new tricks in tips when it comes to 3d modeling texturing animation gamedev
streaming design I love learning and these are some of my favorite things to
learn about so that’s one of the reasons why I wanted to share this video with
you one cool thing about blender is that you can make multiple views in your
scene and there’s usually a little plus button around the edge somewhere oh okay
you can go right over to the edge at the corner until you see this little plus
button and drag it out like this and that’ll make a new view in your scene
and then to get a different view you can either use your number
had I wanted to get a render view so I press zero on my number pad or you can
go up to view and then choose right here in your viewport which view you wanted
to see when its hopped down or if you forget the shortcuts just go up here to
the View tab and then you can choose under a viewport which view you want and
then to the right of those views it’ll tell you the shortcut the hotkey
commands so numpad over here is the easiest way for me to remember which
view once I finally had most of these memorize like I’m always toggling
between camera view top view front view on my number pad but here when I’m doing
a render I like to have one view that’s like the usually perspective view and
then my other view which is my render is seen and this is where you can also
adjust your resolution for the render just go over here to the output tab and
you can click on here to adjust these manually by typing in the numbers or you
can click off that and scroll like this and you can actually see basically this
rectangle in the middle is what the render will look like so right now
there’s nothing there it’s a pretty small panel as you can see it renders
out the exact dimensions that we asked for pretty much here’s where we want to
type in 320 resolution and then we can make this as tall or wide as we like for
our panels the reason why this this cube looks like it’s all in my perspective
not worth the graphic it’s um isometric the camera is basically looking at the
cube from a 45-degree angle perspective okay so to move around over here in the
perspective view okay so yeah I want to make these nice
thin little panels it’s gonna look like this
sighs and over here I’m gonna go ahead and make this camera look at my cube the
way I want it to or we’re gonna make the camera look at our scene view the way
wanted to so we could do a top-down view we’re gonna do a front view I don’t know
what is better option we’ll just do a top-down view so I press
seven on my number pad to get a top-down view over here it might orthographic
view port section honestly this would look better if these are on top of each
other join area do this and then can track up a new
viewport from different direction so if you want to have two horizontal windows
in your viewport for a nice landscape view kinda like this one this is better
anyway so so to put the camera where we want it this is one way we can do this
is open up this window over here and you’ll just type in zero zero zero and
make sure also on the rotation at zero zero zero and then make sure you’ve got
your camera selected you can kind of see the camera when you go to front view you
can see the yellow camera popping out the bottom there G to grab in blender
and then to constrict on the y-axis versus re on the z-axis then you just
drag the camera up until it’s where you want it to be it could be pretty much
wherever you want this also when you’re dragging the camera up you can just type
in the units I’m gonna type in one so right now I just dragged my camera up
exactly one meter above the zero zero zero area so here’s the cube that came
with our default project when we started it and let’s go ahead and get this cube
to look more like a panel I guess first of all I can’t even see my camera
anymore so we’ll just make it by our frame per second by clicking right here
if you have tooltip enabled you’ll just be able to hover over these little
buttons and see the different viewport options
so this one is wireframe this one is viewport shading a different version of
viewport shading or this one is rendered view we’re just gonna use a wireframe
for a second here so you can see the camera but also if you want to press Z I
forgot I have that one thing I forgot this thing put this on sooner duh anyway
okay so make this a little bit more like how we want it we could just delete this
cube and use any other object in our scene for our panels but I’m just gonna
grab this cube and adjust it the way I want okay I’m gonna say point one so
country this cube is still too big so let’s go
ahead and press s I don’t know I mean I like I said I’m still learning so by the
way you can use your scroll wheel to access different parts of these little
menus because there’s all these tabs with so many different options and one
of the things that I didn’t realize when I first started learning blender is that
you can totally just use your scroll wheel and if you can’t see something on
that panel or you’re watching a tutorial and you just can’t see what they’re
going after try using your scroll wheel up here on the tabs and you might be
able to see what you’re looking for friendly tip okay so anyway scroll down
here to the material tab and here is where you can say double click on your
materials say panel material one I mean you can name this whatever you want but
let’s just say this will be our base material and then you’ll press tab to
edit your box and then just make sure a for all selects all the sides of your
object and then you can say a sign sign in that material click tab again while
hovering over your viewport and then we can change the color so you can see that
that color is indeed applied so I don’t know what color should we make these
panels friends so I don’t know let’s do some pink I don’t think I’ve ever
actually done I guess okay let’s do one of my favorite colors is like an aqua
marine we could do this type of a color so once you have the base color material
here on your cube you can further edit your material by clicking on the shading
tab over here and this changes our scene a little bit but you can still use the
same shortcuts like seven for top view my press period on numpad to zoom in a
bit on our box my cube and so here is the cool app shader editing viewport
area and I love this area this is where we can make cool magic happen with our
really neat look materials and you can say yes I do I do want an emissions
shader I know what you’re hovering over this shift a to create if you don’t know
where to look for the thing that you’re about to go for just go under search and
once you start typing emission then that will pop up and you can press Enter and
then click here anywhere area and we’ll just connect this to the
emissive map down here I would have to say that the emissive shader and
blenders one of the funnest cool second things I guess it looks like it’s pink
probably because we have not enabled a masu
we haven’t enabled some things over here I think we have to go check let me have
this enabled there’s several different rendering pipelines that you can use
surrender out your image and plunder the newest version is called Eevee and
that’s we’re using right now if you’re trying to do this project and it doesn’t
look the same just make sure that it says Eevee right here and once you add
the the emissive shader on your cube you’ll also need to add a light in your
scene so that you can notice that emissive shader working correctly and
then when you adjust the strength of your emissive shader then you’ll be able
to see your your color kind of changed strength Oh God you one of my favorite things to do is just
messing around with these setting isn’t seeing what looks cool I think I’m gonna
just add a few lights and see how we can make this look awesome and just try to
go along with this aquamarine kind of theme the same settings that are seen
here in the shading tab are also available over here on the right in the
materials panel so when you have your material selected this is pretty much
the these are the same settings right here so you’ll see base color that’s the
same as this base color over here and so you can actually adjust this stuff
without being in the shading panel we could be doing this over here if we
wanted oh here’s the preview oh cool so yeah you can see the preview over here
in the layout tab as well and I love the way these lights make the emissive
material just couldn’t glow it’s so pretty
but yeah the more you make it glow the more it’ll kind of like hang off the
edge of your image so just keep that in mind when we go to render this out we
want to make sure that if there’s a good nice glow around our object that it’s
not getting cut off by our render so we’ll keep that in mind another way to avoid the glow hanging
off your object is just if you zoom in the camera a little bit more because
yeah once you add a text to your scene it’s
really easy to scroll down here to the text tab and here’s where you can adjust
your font and your text like you do in Photoshop or any other program I would
recommend using this panel to change the size of your text as opposed to scaling
it right here it’s the size one I’m just gonna put this down and you know so fits we’ll put this a little bit above our
piano but yeah the size I guess let’s say point 15 for now I know we may have
to change the stator depending on which font we use and by the way you just have
to go over here to add a font and if you don’t know where your fonts are they’re
usually like the C windows fonts or something unfortunately it was blender
it won’t give you a preview of the fonts I don’t know if there’s hopefully
something out there an add-on or something where I can see a preview of
my font just haven’t gotten around to googling that one but if you know of
some way to preview fonts in blender let me know for the love of God otherwise I
just usually go and literally open up this window in my windows and preview
the fonts that way or or you can open up something like Photoshop or ink escape
I’ll go ahead and open up Inkscape right now and that way I can preview the fonts
that I have on my computer also if you’re previewing fonts sometimes I like
to check what it looks like with and without all caps sometimes fonts look
better one way or another and other times they only look good a particular
way oh yeah another thing that you can do is just put the put the text here in
Inkscape and that way you can like preview the tags and start the text and
then export that from here in Inkscape as an SVG and an SVG file can be
imported into blender no problem and then you can just extrude the SPG that
way that way you don’t have to select your font in blender but it could be
easier I mean I don’t it just depends on how you feel I spent a nice legible affiant that
isn’t most common hey star wars fought over here is where you can choose to
extrude your text and then you can choose to bevel it right here love the
depth sometimes it’s just best to type the stuff in you can go point is zero
zero one cuz clearly this is just out of control
so sometimes bubbling might have an issue like this this type of thing will
happen sometimes with fonts you are dead set on doing something like bevel you
might want to make sure that that’ll work with the font that you’re trying to
use before get in your home so there’s ways to fix that but I am not super
gung-ho on the bevels so we’re just not going to use that this time I just wanted to point out that when you
go to render out your PNG images so you’ll press f12 to render the image and
from there just go to image save and when you save it wherever you want to
have your files just be sure to name it right here sometimes I forget to name it
and then I’ll accidentally save over another file and also don’t forget to
make sure that alpha RGB a a 4 alpha is selected because otherwise if you have
any portions of your panel that are supposed to be see-through then you
won’t see them if that one’s not checked then we’ll pretty much rinse and repeat
and do the same thing for each panel but the most part we’re pretty much done
here I’ve got a handful of classic panels that would work great for twitch
and they match looks like this side by side so yeah we got it
discord Facebook Instagram these are some of my favorite panels to have on my
channel and I hope that you enjoyed this video thanks so much for watching and
let me know if you have any other questions or requests for videos here on
YouTube anything that’s related to digital art graphic design game
development unity 3d or blender these are all things that I’d love to talk
about also streaming or I don’t know anything related to streaming like
discord or channel design let me know if you have any good topics for a future
video or any questions about particular type of digital art and yeah have a
great day friends and I’ll talk to you soon bye

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *