[0:00] in one of my most recent videos i said a
[0:01] lot of negative things about canva and
[0:04] some people were not happy with what i
[0:05] said okay i realized that canva is
[0:07] probably the worst tool that you can
[0:09] possibly use to do anything remotely
[0:11] creative i kind of stand by that but
[0:13] keep in mind that canva is actually a
[0:14] great system if you want to do like
[0:16] one-off things right you have a new
[0:17] schedule you would like to make a cute
[0:19] visual post it on twitter and then boom
[0:21] get rid of it you're done canva is great
[0:23] for that you want to make a quick
[0:24] instagram story kind of is great for
[0:25] that but if you want to do proper
[0:27] graphic design if you're designing
[0:28] something where it has to do with your
[0:30] brand and you have to pick a specific
[0:32] graphic style and you want it to look as
[0:34] good as possible and indistinguishable
[0:36] from other people's stuff then canva is
[0:39] not that good if you're watching this
[0:41] and you're an avid canva user you can't
[0:43] tell me that every time you go to a
[0:45] twitch stream and they use canva you can
[0:47] immediately tell that's a problem
[0:49] because as soon as everything becomes
[0:51] uniform then where's the creativity in
[0:53] that that being said today we're going
[0:55] to be using canva to make a twitch
[0:57] overlay we're gonna be making an
[0:58] intermission screen only using canva
[1:01] maybe i'll quickly show you how to make
[1:02] one in photo p after that but if you
[1:04] don't wanna go through the trouble of
[1:05] meticulously creating your own graphics
[1:07] then you're gonna be happy because
[1:08] today's sponsor basically takes care of
[1:10] all that if for some reason you don't
[1:12] know anything about owned pro it is an
[1:14] all-in-one service that gives you
[1:15] everything you need in order to be a
[1:17] successful live streamer you get access
[1:19] to a lot of overlays i'm talking a lot
[1:21] i'm talking 600 plus overlays that are
[1:23] each available in at least nine
[1:26] languages all the overlays are one-click
[1:28] installed so no stress for that you get
[1:29] a twitch chat bot to moderate your chat
[1:31] and also add custom commands but this is
[1:34] not what we're here to talk about they
[1:35] just added this new thing if you go in
[1:37] your dashboard and you go to tools you
[1:39] will find gold bars so yes that makes
[1:41] the rest of this video irrelevant
[1:43] because you can just go up there click
[1:44] create goal select what type of goal you
[1:46] want subscriber goal for example put a
[1:48] title help me get a glittering unicorn
[1:51] and then you can choose your style and
[1:52] of course in good old owned fashion you
[1:55] have a ton of options like a lot
[1:59] let's go with the arcade pro just click
[2:01] here to select it and then enter the
[2:03] goal amount boom let's go for 50 subs
[2:05] then you can set for the goal to end at
[2:07] a specific date or not click save and
[2:09] publish from there it's easy peasy copy
[2:11] your url to the clipboard go to your obs
[2:14] add it as a browser source and boom you
[2:15] have a way better looking sub goal than
[2:17] the original twitch one keeping in mind
[2:19] that you can set it up for follows you
[2:21] can set it up for bits and for donations
[2:23] anyways i'll let you check it out over
[2:24] at own dot gt level pro that is o w n 3d
[2:28] dot gg slash get level pro so we go to
[2:31] canva.com and we are already logged in
[2:33] usually you would want to type whatever
[2:35] you want to create let's say twitch
[2:37] overlay for example i haven't seen what
[2:38] they have let's click on that and see
[2:41] what's up so a lot of those actually
[2:43] just look like webcam borders like this
[2:45] one is just a thin line i guess you
[2:47] could call that an overlay but it
[2:48] doesn't give you anything that that
[2:50] differs from a webcam overlay right some
[2:53] of them do have the labels bar like this
[2:55] one but as you can see it's paid that
[2:57] this one is also paid that is legit a
[3:00] two minute design on on photo pia
[3:02] anyways
[3:07] [Music]
[3:11] i'm gonna stop this lander i'm gonna go
[3:13] ahead and i'm gonna click i'm gonna
[3:14] create something similar because i don't
[3:16] really have a choice let's click on
[3:17] create a design and let's go with custom
[3:19] size this time we want to go
[3:21] 1920 by 1080 and then create new design
[3:25] nice while we're here we're going to go
[3:26] to photos on the left side here and
[3:28] we're going to find something cool i'm
[3:30] going to type something like uh abstract
[3:32] okay so i do have some stuff with
[3:34] transparency which is which is cool i
[3:36] guess this is pretty nice i might get
[3:38] back to this later is that text on top
[3:40] of it oh those are pro
[3:42] i can't use those
[3:44] oh no all right let's use this i'm gonna
[3:47] click and drag the corners to make it
[3:48] bigger nice and basically on an
[3:50] intermission screen what you usually
[3:52] want is a space for your webcam to be
[3:54] like full screen basically and then a
[3:56] place for your chat and then a spot for
[3:58] your labels bars some intermission
[3:59] screens will have a spot for your
[4:01] gameplay like if you're in the lobby or
[4:03] something like that or if you want to
[4:04] display your logo if you want to play
[4:05] some clips whatever you want to do it's
[4:07] cool to have like a cool empty space
[4:09] like that so we're going to go to
[4:10] elements or basically going to put a
[4:11] bunch of rectangles it would be cool if
[4:13] i could find like some rounded
[4:14] rectangles or maybe some some extra let
[4:16] me click on lines and shapes and see
[4:18] what i can find and that's it that's all
[4:20] i get when it comes to lines and shapes
[4:22] all right looks like there is a rounded
[4:24] rectangle here so i'm going to click on
[4:25] that can i have like an outline uh no i
[4:29] don't okay canva is like no you can't
[4:30] you just can't have an outline on your
[4:32] uh let me delete that and click on that
[4:34] one that one comes with an outline nice
[4:36] please tell me i can i can control the
[4:38] thickness of the outline
[4:41] nope all right now i can't uh let's
[4:42] delete that one and let's try this one
[4:45] at least it has a thinner what is this
[4:47] why is there two what is going on nope i
[4:50] guess we're gonna go with the simple one
[4:52] then okay cool cool cool
[4:54] now if i stretch it out will it maintain
[4:58] the proportions of the rounded uh
[5:00] rectangle let's see
[5:03] it does that is cool that is great that
[5:06] is amazing it's not stretching it out
[5:08] it's really keeping the curve
[5:10] really really really curvy the way it's
[5:12] supposed to be i love that all right so
[5:14] we're gonna go for something that is
[5:15] kind of like a wide screen we're gonna
[5:17] have the labels bar at the bottom of the
[5:18] webcam so this is the spot where the
[5:20] webcam is gonna be nice and we're gonna
[5:21] have the chat on the right here and then
[5:24] we'll keep a spot for that lobby
[5:26] gameplay basically boom click on it
[5:28] again let's do that i'm i'm actually
[5:30] really happy about the proportions here
[5:32] let's click on that now for the gameplay
[5:34] it doesn't really matter if it uh if we
[5:37] have a 16 by nine we're gonna eyeball it
[5:39] so that it's it's closer to 16 by nine
[5:41] on this spot it really doesn't matter
[5:43] that much you're not meant to actually
[5:44] watch the gameplay from there okay cool
[5:46] what i'm actually technically i could be
[5:48] like hey you're done
[5:49] but let me go ahead and add some stuff
[5:52] for the labels we're gonna add three of
[5:54] them maybe another rounded rectangle one
[5:57] and this time i'm gonna grab that
[6:00] oh i can't stretch that out
[6:02] anymore
[6:05] that kind of sucks let's see if i have
[6:07] any other options maybe a thin rounded
[6:09] rectangle would be cool nope now the
[6:11] quote-unquote rules of graphic design
[6:13] makes it so that hey i started with
[6:15] something rounded i got to keep it
[6:17] rounded in order to maintain the style
[6:19] but i'm struggling to find something
[6:21] that i can make very very thin and also
[6:23] rounded i guess that's the closest one
[6:24] let's click on that
[6:26] and let's see
[6:28] i can't even stretch that from top to
[6:30] bottom oh my god
[6:32] like that maybe nice okay that's cool
[6:34] that's cool okay uh top here what is
[6:37] that transparency let me lower that a
[6:39] little bit
[6:40] actually i'm gonna give it color first
[6:42] so we want to basically go with those
[6:44] blue colors that's pretty cool that it
[6:45] takes the photo colors and it gives you
[6:47] the main colors here so that's that's
[6:49] pretty nice so that's my main color is
[6:51] it okay how do i change the secondary
[6:53] color
[6:54] right there
[6:56] nice i like that okay we're gonna lower
[6:59] the transparency a little bit
[7:01] nice and we're gonna duplicate this how
[7:03] do i duplicate okay copy
[7:05] paste
[7:06] nice we're gonna keep it in line paste
[7:09] keep it in line nice can i select
[7:11] multiple things let me hold shift
[7:13] yes okay look at that look at me being
[7:15] all positive about canva is that
[7:17] beautiful i can even scale them together
[7:19] pretty nice if i really wanted to i
[7:21] would keep this i would like put this
[7:23] here but let's put it down there the
[7:24] thing is we're gonna cut out those parts
[7:27] once we get into obs later on and then
[7:29] from here what i would want is basically
[7:30] add some some logos so i can go there
[7:32] and i can upload some stuff but usually
[7:34] you want a heart for follows you want a
[7:37] star for subscribers you want a bit icon
[7:41] for the cheers which is probably the
[7:43] only thing that i'm gonna upload here
[7:44] let me click upload media and i'm gonna
[7:46] go find in my stocks that diamond right
[7:49] there nice i'm gonna click on it
[7:51] boom
[7:52] doesn't matter if the the edges are so
[7:55] jagged because i can lower it like that
[7:57] okay not bad can i zoom in on this yes i
[7:59] can the bottom here there's a zoom thing
[8:02] okay not too bad not too bad let's see
[8:04] if they actually give me some um some
[8:06] icons like a heart okay i just want like
[8:09] i just want a normal
[8:10] shape or maybe in shapes actually i
[8:12] didn't look for a heart or anything are
[8:14] there no hearts in the shapes there's no
[8:16] way there's a heart here okay there we
[8:18] go nice i'm gonna change the color
[8:22] doesn't have to go with red i might even
[8:24] keep it purple just for the spirit of
[8:26] twitch
[8:28] so i can use my arrows to move things
[8:30] around all right and let's say we want a
[8:32] crown so i'm gonna go under elements and
[8:35] lines and shapes actually no i want a
[8:37] star that's for subscribers
[8:42] all right this is what we made does it
[8:44] look good uh no but you made it with
[8:46] canva so
[8:48] i'm gonna click on that bits icon and
[8:51] there's edit image here i wanna see what
[8:53] that does oh i can just add a bunch of
[8:54] filters and i just put a color
[8:57] all right let's actually give those some
[8:59] colors
[9:01] see how that looks i really don't like
[9:03] how it looks i really don't like how it
[9:05] looks but anyways chat is not going to
[9:07] be transparent so we actually do want to
[9:09] have a certain um color there so i'm
[9:11] going to pick that i'm going to give it
[9:14] that color and i'm going to make that
[9:15] transparent too so reminisce of um the
[9:19] labels bar nice so your chat is gonna
[9:21] appear here give it a cool look and then
[9:23] the rest if you want you could even go
[9:24] like with a green screen right you can
[9:26] make this green make that green and then
[9:28] you just chroma key it but you don't it
[9:30] doesn't matter what color you pick just
[9:32] pick something that is not blue like
[9:34] your background all right let's click
[9:35] share
[9:36] and download png even though we can't
[9:39] have transparency click download
[9:42] click save and you're good now let's
[9:45] open up obs i'm going to create a new
[9:46] scene all right and now i'm going to add
[9:48] it as an image because that's what it is
[9:50] png image and click add go to image and
[9:53] go find you can call it whatever you
[9:55] want you can go find it it's right there
[9:58] double click
[10:00] click ok
[10:01] right click filters plus to add a new
[10:03] filter and you can use chroma key if
[10:05] you're gonna use green or you can use
[10:07] color key and then pick whatever color
[10:09] you picked for your transparent parts
[10:11] right so chroma key okay it's already
[10:14] transparent nice now what i can do is
[10:17] add my camera for example so you're
[10:18] gonna click plus to add a new source
[10:20] you're gonna click video capture device
[10:21] call it whatever you want it's gonna be
[10:23] your camera call it camera and then uh
[10:25] wait
[10:26] oh hi it's me boom actually want to flip
[10:29] this so right click transform flip
[10:31] horizontal nice you want to drag this
[10:34] behind our overlay right because it's
[10:36] transparent and boom there you are now
[10:38] you can adjust it or you can keep it
[10:39] that way if you want to i'm going to
[10:41] adjust it
[10:43] that it really fits that screen that we
[10:45] created
[10:47] and in here uh you would put your game
[10:49] capture device right on the top right
[10:51] side i don't have a game open so i can
[10:53] just put a media i can just put a video
[10:55] of a game right so that would be the
[10:56] game again drag it underneath the
[10:59] overlay and then place it to make it fit
[11:01] it doesn't matter if it doesn't fit
[11:02] perfectly no one's going to actually be
[11:04] watching the gameplay from uh this
[11:06] screen it's also under my webcam i uh i
[11:09] cropped and i didn't tell you how to
[11:10] crop it uh you hold alt on your keyboard
[11:12] and then you drag the sides to crop
[11:14] right
[11:16] that way you can fit anything into
[11:18] anything boom just like that so while
[11:20] you're in the lobby you're in your
[11:21] intermission screen i'm not going to
[11:22] show you how to add your chat watch my
[11:24] full obs tutorial for that if you're
[11:26] using stream elements if you're using
[11:27] streamlabs you just go you add a chat
[11:29] and then you add it as a browser source
[11:31] but this is it with canva you
[11:32] successfully made this overlay uh now
[11:35] before i go i just want to show you how
[11:36] quickly you can do it while using uh
[11:38] photopia for example and why i don't use
[11:40] canva let's go to photopia.com i'm gonna
[11:43] try to comment uh to comment everything
[11:44] i'm doing a new project we're gonna go
[11:46] 1080p 1920 1080 and we're gonna go 300
[11:50] dpi high quality now if we wanted to go
[11:53] from a picture we would go from for a
[11:55] website that has um copyright free
[11:57] images we will go to abstract and we can
[11:59] find whatever we want i like that one
[12:01] copy this one and the advantage with
[12:03] photopia is that you really have access
[12:05] to everything i'm going to press ctrl v
[12:07] boom i'm going to press ctrl t to
[12:08] transform and i'm just going to drag
[12:10] this until it fills the whole thing nice
[12:13] press v to go to the move tool in case
[12:15] you weren't there and now i'm going to
[12:16] use my rectangle tool to the left here
[12:19] boom i can click here and if i want it
[12:21] to be rounded i can just add a corner
[12:22] radius but we're not gonna do that now
[12:24] i'm just gonna drag like this and i'm
[12:26] gonna eyeball i can hold space to move
[12:28] it while i'm adding it okay that's nice
[12:31] while i'm there i'm gonna move my mouse
[12:33] a little bit and i'm gonna create the
[12:35] box for the chat nice and i'm gonna
[12:37] quickly create the one for the gameplay
[12:40] now i can go and individually modify
[12:41] them ctrl alt t by clicking on the layer
[12:44] and i can hold shift to stretch just
[12:46] like that and if i have the move tool
[12:48] selected pressing v i can move them with
[12:51] my arrows on my keyboard okay boom boom
[12:54] boom
[12:55] that's pretty nice i'm going to group
[12:57] those i'm going to put them all together
[12:58] and i'm going to press ctrl g boom
[13:00] they're in a group i can move them
[13:01] together i can turn them off but i'm
[13:03] going to duplicate this group because i
[13:04] just want to have borders i'm going to
[13:07] duplicate this by holding alt and
[13:09] dragging up
[13:10] bone i have two groups i can turn one
[13:12] off and i'm going to add some borders
[13:14] and there's multiple ways of doing this
[13:16] if you have
[13:17] shapes you can just click the shape tool
[13:19] and then add a stroke but i'm going to
[13:21] use the effects panel because it's one
[13:22] of the most powerful things that both
[13:24] photo pi and photoshop have add a stroke
[13:26] boom it actually added it but it's also
[13:28] red so you can't see it i'm going to go
[13:30] and click that color as soon as you have
[13:32] a color picker it's uh gonna turn into a
[13:34] color picker so you can just pick
[13:36] whatever color you want from anywhere
[13:37] you want right we're adding it to the
[13:39] stroke right so this color is like a
[13:41] blue so i'm gonna exaggerate that blue a
[13:44] little bit maybe not too much nice i'm
[13:46] gonna click ok and here i can check the
[13:48] width of the stroke let's go for six i
[13:50] really want it to be visible actually
[13:52] let's go for eight all right that's nice
[13:55] no never mind let's go for four
[13:58] okay cool let's add a drop shadow nice
[14:00] so now it feels like it's uh it's
[14:02] physically there it's hovering above
[14:04] that wall we're gonna play with the
[14:06] angle and this is basically the angle
[14:08] where the light would be coming from so
[14:10] down that way let's bump up the distance
[14:12] a little bit we can make it a little
[14:14] softer with the size it just looks
[14:16] better
[14:17] now even more than that we can add a
[14:19] bevel and emboss to make it like bump up
[14:22] a little bit you see that the cool thing
[14:24] is with transparency later on we're
[14:25] gonna be able to to play around with
[14:27] that a little bit so i want the depth to
[14:29] be a little bit more we actually want
[14:31] the size to be a little lower we don't
[14:32] want that effect to be too visible three
[14:35] should be fine maybe two actually that's
[14:37] good okay click okay
[14:39] and let's say i want more saturation on
[14:42] that red i'm gonna click on that layer
[14:44] so whatever i add next is going to be on
[14:46] top of it i'm going to add an adjustment
[14:47] layer which is going to be vibrance all
[14:50] right and i'm going to bump up the
[14:51] vibrance so we have better colors
[14:54] basically i'm done with this i can click
[14:56] on anything else you can even turn off
[14:58] this panel and remember the red is all
[14:59] the parts that are going to be
[15:00] transparent we're not actually going to
[15:01] use this specific red we're going to use
[15:03] the red from the background let me add
[15:04] my labels bars actually let me create
[15:06] that by doing this i'm just going to
[15:09] click on the rectangle tool i'm gonna
[15:11] put one rectangle down and now since we
[15:14] are working with some sort of arrow
[15:15] shape like that i'm gonna click and hold
[15:17] on that tool i'm gonna go to custom
[15:19] shape and up top here where it says
[15:21] shape i'm supposed to find a bunch of
[15:23] shape whatever shape i want i'm gonna
[15:24] click on this arrow shape right there
[15:26] and i'm gonna create one
[15:28] i'm gonna hold shift to maintain
[15:30] proportions so it's kind of perfect you
[15:32] know and we want it big like that let's
[15:34] drop it okay it created a new shape now
[15:36] i can ctrl alt t right click flip
[15:38] horizontally and drop it towards the
[15:40] middle we want the arrow to show
[15:43] let's click enter and let's double click
[15:45] on the icon of the shape and let's pick
[15:48] the color that we want i think that
[15:49] color is nice
[15:51] cool i'm going to hold alt while i click
[15:53] on that arrow so it basically will limit
[15:56] itself to the rectangle underneath it
[15:59] boom now i can move it around and it's
[16:00] not going to move away from that
[16:02] rectangle basically right
[16:04] nice okay now let's pick actual colors
[16:07] double click on this being the rectangle
[16:09] at the bottom and pick a color that
[16:11] really resembles the actual red that you
[16:14] have here if that's what you want you
[16:15] can also go with white for example but i
[16:18] kind of like this red nice click okay
[16:20] now you successfully created one labels
[16:22] bar i can press ctrl select the arrow
[16:24] that's on top of it hold alt drag drop
[16:27] and just move it
[16:28] if you want to learn another way to
[16:30] duplicate is while i'm in here and i
[16:32] know both of those are selected i can
[16:33] hold alt
[16:34] drag and drop and then drop it i'm going
[16:36] to select all of them the whole labels
[16:39] bar and i'm going to control g to group
[16:40] them that way i can go to the frames
[16:43] here they have this effect that i added
[16:45] the bevel and emboss stroke drop shadow
[16:48] i can hold alt drag
[16:50] and then just drop it
[16:52] boom and now they have the same now the
[16:54] shadow is not what i want it to be i can
[16:56] double click on it manage the distance a
[16:58] little bit maybe i don't want to stroke
[17:00] on that one
[17:01] nice click okay you're good now you just
[17:03] want to add the shapes i have a folder
[17:05] with a bunch of shapes here so the bit i
[17:07] can drag
[17:10] drop
[17:12] it's right there
[17:14] hold alt
[17:16] to drag from the center place it with
[17:18] the arrows you have a heart that would
[17:19] be for followers same thing
[17:24] and let's say if you wanted a crown
[17:28] for like top donator or something like
[17:30] that you just place it and you're good
[17:31] now there's a couple of things i want to
[17:32] do i want the chat to be visible so
[17:35] we're not gonna keep it with that bright
[17:37] red so it's that top folder it should be
[17:39] that one i'm gonna double click on the
[17:40] icon and i'm gonna pick a color that i
[17:42] have around here okay
[17:44] boom that's nice i can even go to
[17:46] opacity here and lower it just a little
[17:49] bit nice so that's going to be the chat
[17:50] the other thing i want to do is select
[17:52] those two shapes so i'm going to hold
[17:53] ctrl on my keyboard and i'm going to
[17:55] click on the icons
[17:56] then i'm going to hold control plus
[17:58] shift to add another selection
[18:01] click on that icon so i have two of them
[18:03] selected i'm gonna collapse the group
[18:04] and now i'm gonna group everything
[18:06] together holding shift here clicking on
[18:07] the bottom and i'm gonna group them ctrl
[18:10] g nice now at the bottom of my layer
[18:12] list i can click on
[18:14] raster mask created a mask and don't
[18:16] worry don't worry press ctrl i to invert
[18:19] the mask boom and there you go now i can
[18:21] turn off the background lock
[18:23] and turn it off
[18:25] and i have a pre-transparent
[18:27] intermission overlay all i have to do
[18:29] now is click on file export as png click
[18:32] save click save how do i add it to obs
[18:34] the same way except with less steps
[18:37] let's go here and i'm gonna turn off
[18:39] this overlay or better yet i can just
[18:41] double click on the overlay and then
[18:43] replace it click browse
[18:44] new one already transparent
[18:47] nice you don't even need the filter but
[18:49] the filter is added now and now you just
[18:51] have to adjust a couple of things you
[18:52] want that camera to really fit nice you
[18:55] want that media source you want that
[18:56] gameplay to be right there and that's
[18:58] the big difference between canva and
[19:00] something like photopia it's not
[19:01] necessarily more complicated maybe
[19:03] there's more steps to it but that's the
[19:06] whole thing adding more steps like hey
[19:08] this would be cool if i could add a
[19:09] border to it if i could add a drop
[19:11] shadow to it yes that's the step that
[19:13] you're gonna add but it's gonna make
[19:14] your thing look significantly better and
[19:16] it gives you more possibilities
[19:18] unlocking your own creativity so of
[19:21] course i'm not telling you to not use
[19:22] canva at least not this time but i'm
[19:24] showing you how easy you could be making
[19:26] better stuff simply adding a little bit
[19:28] of glow a little bit of shadows can
[19:30] really make your work stand out anyways
[19:32] hopefully you learned something in this
[19:33] video and if you have any questions you
[19:35] can leave them in the comment section
[19:36] below for now i gotta thank you for
[19:38] watching i'll see you guys next time go
[19:39] out there make me proud get level out