[0:00] [Music]
[0:04] hey guys welcome back to another video
[0:08] so today's video is going to be a little
[0:11] bit different as it is going to be
[0:12] segmented into two different parts so
[0:15] the first half of this video I'm
[0:16] probably going to be talking about
[0:18] what's on my screen right now and then
[0:20] the second half we be doing a lot more
[0:21] like drawing and I'll be showing you
[0:23] rigging and stuff but I told myself I
[0:27] wouldn't really stream in 2025 until I
[0:30] updated my stream overlays alongside
[0:33] with my starting soon screen and the
[0:36] ending stream screen so I am probably
[0:40] going to take you guys along with me
[0:41] while I make my stream overlay so to
[0:44] kind of start off I want to say that I'm
[0:47] not proficient in making stream overlays
[0:49] this is kind of like what worked for me
[0:51] for the most part but to kind of make it
[0:53] simple I think if you know what kind of
[0:57] like thing you want to stream and you
[0:59] know kind of like the screen ratios or
[1:01] anything like that it kind of helps you
[1:04] imagine how you want your layout to be
[1:06] so for myself I actually have this kind
[1:10] of like purple whoops wrong layer this
[1:13] purple rectangle and this is actually a
[1:17] filled in rectangle of a screenshot I
[1:20] took pretty much precisely of one of the
[1:23] apps I use to screen mirror my iPad to
[1:27] my computer so the one that I use
[1:29] currently ly is called reflector 4 I
[1:32] believe it's not for free I used to use
[1:34] a free program called a power soft but I
[1:37] believe they've change their branding a
[1:39] bit and it's no longer free so I
[1:43] recommend looking into your options if
[1:44] you wish to screen mirror your iPad to
[1:46] your computer there probably is other
[1:48] different types of screen mirroring
[1:50] programs out there so definitely check
[1:52] it out but for me I decided to take a
[1:55] screenshot of what reflector 4 looks
[1:57] like on my computer to see what the
[1:59] window kind of like ratio size is so
[2:02] that I could find how much I need to
[2:04] block out for it because I mostly use uh
[2:09] procreate when I'm streaming and drawing
[2:11] so I want this to be kind of like my
[2:14] main uh area for things to be blocked in
[2:17] so to start off uh let me talk about my
[2:21] old layout first so this is kind of the
[2:24] same ratio as reflector 4 it's basically
[2:27] just whatever is my iPad had uh length
[2:31] and width basically and then I had a
[2:33] banner to show the program or tools that
[2:35] I was using I have a little bit of a
[2:37] border I have chat over here my socials
[2:40] and I have kind of like a faded
[2:44] background so to show you
[2:46] guys what this actually looks like going
[2:50] to uncp that and I will get rid of
[2:53] [Music]
[2:56] my so this is actually the illustration
[2:59] that I had for my overlay now in the
[3:01] second half of the video I will be
[3:03] making a new one so stay tuned for that
[3:05] if you want to see how I tend to do more
[3:08] of like my
[3:09] floral drawings they're kind of like
[3:11] similar to the designs that I do on my
[3:13] notebook so if you want to see how I do
[3:15] like digital painting and planning for
[3:17] that then you can check out that later
[3:18] half of the video I'll make sure to put
[3:20] a timestamp somewhere on the screen it's
[3:22] kind of like based off of a old
[3:24] illustration that I did with watercolor
[3:26] piece but I really liked it as a
[3:28] background so I decided to use it as my
[3:30] overlay so what I did for this was to
[3:33] First lower the opacity adding my
[3:36] borders on top with kind of like a I
[3:39] think it's like a multiplier or an
[3:40] overlay setting and it kind of gives me
[3:42] this like faded effect on it which I
[3:45] think is kind of nice because it's not
[3:46] too overbearing so technically I don't
[3:49] have to have my background clipped to
[3:51] this border um I think I did for wanting
[3:54] to make this to have a gradient in the
[3:56] back or to make this have its own
[3:59] background
[4:00] so I'm going to separate my borders so
[4:02] that I can move them
[4:03] independently yeah I think that's what
[4:05] I'm going to do so usually I think in my
[4:08] streams I sit mostly on the left hand
[4:11] side and I Do cover a good amount of my
[4:14] procreate um screen sometimes so I kind
[4:17] of want to switch it so I'm going to get
[4:19] rid of my backgrounds here probably my
[4:23] borders so or not my borders my overlay
[4:27] so I'm going to select both of these I
[4:30] think I'm just going to flip
[4:31] it I know some people put like chat on
[4:35] top of their overlays or like within
[4:38] their screens I think it really depends
[4:40] on what you
[4:41] want cuz I don't need a lot of chat
[4:43] showing technically
[4:46] um but this is mainly going to be my
[4:49] screen for just procreate so I'm going
[4:51] to make probably a separate one for a
[4:53] clipo paint as well as a traditional one
[4:56] so I think I'm going to leave these here
[4:59] right down here I'll leave like a text
[5:01] box for myself because I like putting
[5:04] who and what I'm drawing usually as an
[5:06] indicator here I'm still kind of like
[5:09] thinking if I want to add this little
[5:12] box cuz I used to have it so that it
[5:15] would basically remain at the top to let
[5:19] people know what program I'm using
[5:21] alongside um any of my tools so I can
[5:26] still put who I'm drawing at the very
[5:28] bottom Maybe
[5:31] so this might also depend on how you
[5:33] want to capture
[5:34] your I guess like program of choice on
[5:37] OBS so for me I believe I have like
[5:40] pretty much the majority of our screen
[5:41] showing so for this
[5:44] one so this is my procreate version then
[5:49] I have this version which I'm going to
[5:51] shrink down and hold shift to make sure
[5:53] to to scale a blue color and then we can
[5:57] see that this is vastly different
[5:59] compared to our purple version so I
[6:01] can't really use the same overlay per se
[6:03] for clip Studio paint for procreate or
[6:06] procreate for clip Studio paint unless
[6:08] you want something to be like a lot
[6:09] larger or a lot smaller and have stuff
[6:12] like cut off or like awkward spacing
[6:19] [Music]
[6:34] so this is kind of like our current
[6:36] layout now for what exactly I kind of
[6:40] want to do for the background I actually
[6:44] have this particular piece already made
[6:47] so I'm going to switch over to the other
[6:48] footage where I show you guys how I make
[6:50] kind of like this background including
[6:52] some other elements so I'll see you over
[6:54] there in a bit and then I will come back
[6:57] probably after we're done doing the
[7:00] starting and ending screen and we can
[7:02] place this back into our overlays to
[7:04] actually kind of like make a proper
[7:06] aesthetic for everything so for the next
[7:09] few minutes I am going to be taking you
[7:11] guys along with me while I do kind of
[7:14] not exactly the full process of me
[7:16] painting our starting screen and end
[7:18] screen but you'll see the majority of
[7:20] the planning so starting off I decided
[7:22] to block in what I thought would be the
[7:24] general gist of my background and then
[7:27] the little circles and blobs were
[7:28] actually help helping me to do the
[7:30] placements for our objects so in this
[7:33] case because clovers were kind of like
[7:35] the main theme that I wanted to go with
[7:37] and I find them a little bit easier to
[7:39] draw if I have like a circle template
[7:42] because they are flat so I decided to do
[7:44] like a bunch of circles everywhere so
[7:47] that I could plan out where I wanted
[7:48] each Clover to be and then we have lar
[7:51] Spurs or I think they're like delum
[7:54] flowers that are going to be kind of
[7:56] like swaying back and forth now I
[7:58] thought I was going to have these
[7:59] flowers to be in the foreground so I was
[8:01] going to like fully render them but in
[8:03] the end I think the clovers already look
[8:05] kind of like overwhelming in the front
[8:08] so I decided to put more things in the
[8:09] back instead um just to kind of give
[8:12] more uh room for the clovers to kind of
[8:14] stand on their own and it'll make a
[8:16] little bit more sense a little bit later
[8:18] once I add in like uh like like my
[8:21] Persona the text and using this
[8:23] particular uh Clover background for our
[8:26] overlay as well so I think I have a few
[8:30] sketches of what I wanted for my
[8:33] starting screen and ending screen so if
[8:35] you're not familiar with a lot of like
[8:37] live streaming typically before the
[8:40] stream starts for like a live streamer
[8:42] or content creator you have like a
[8:45] starting soon screen it could be like uh
[8:48] stream starting soon um I don't know
[8:51] there's like a bunch of different
[8:52] phrasing that you can do that's like
[8:53] maybe more on brand with your character
[8:55] or your branding and all that so it
[9:00] kind of gives people time to kind of
[9:02] like come into your stream without like
[9:04] missing the crucial beginning I guess
[9:07] some people do like uh just chatting at
[9:09] the very beginning before they get into
[9:11] games or like anything like that just to
[9:13] let people roll on in and they don't
[9:15] really miss anything too important so
[9:17] just like maybe a few minutes at the
[9:19] very beginning you have an intro screen
[9:21] and then it allows you to also get
[9:23] prepped behind the scenes and then after
[9:25] that uh usually you go into your actual
[9:27] stream and that's where your stream
[9:28] layout and overlay will matter a little
[9:30] bit more and then after that usually
[9:33] when you end stream most people don't
[9:36] end it super like just like right away
[9:39] uh just in case if like live stream
[9:40] things cut off things or if you want
[9:42] like chat to be kind of like say their
[9:44] goodbyes and everything so it's kind of
[9:47] easier to have like an ending screen so
[9:49] people can have some time to linger
[9:51] before it kind of like cuts off so
[9:53] similar to my old version which I will
[9:56] put probably at the very end the
[9:58] comparison I don't think I remembered to
[10:00] put it anywhere here but basically I
[10:03] made like a night version of my starting
[10:05] soon screen to make my ending screen so
[10:08] I'm going to use that same concept for
[10:10] today's so you can see that I already
[10:13] Drew in the chibi version of like my
[10:15] Persona so I wanted to make sure that I
[10:18] could section everything off because I
[10:21] want to be able to rig this into live 2D
[10:23] so my previous starting screen that I
[10:27] did that has like walne on on top of
[10:29] like a bunch of larks spur flowers and
[10:31] like leaves and stuff was done kind of
[10:33] like frame by frame which is like
[10:35] totally a viable way of making your
[10:38] animation for let's say your starting
[10:40] screens your overlays whatever you want
[10:43] but for me because I've learned how to
[10:44] do ricking I thought it'd be nice to
[10:46] have a little bit more of like slightly
[10:48] more fluid movement I guess so I'm going
[10:52] to take advantage of that and hopefully
[10:54] make a about a 30 second Loop of an
[10:58] animation of my starting soon screen
[11:00] alongside with my Persona kind of like
[11:03] doodling on the iPad and I tried to make
[11:06] sure that I didn't miss any areas even
[11:09] though I knew they were going to be
[11:11] covered by our clover background so my
[11:14] Persona is going to be sitting behind
[11:16] the set of painted clovers at the very
[11:18] front and then behind my Persona I will
[11:22] have a bunch of like little grass blades
[11:25] along with like I think it's a little
[11:26] bit of one of the Larks spur and then
[11:28] the Larkspur will also whoops kind of
[11:30] like sway around and then for the night
[11:32] version which I don't remember if I do
[11:34] this like after I finished drawing
[11:37] basically the entirety of my chibi and
[11:39] kind of like sectioned it off but I will
[11:41] add like a multiply layer to make like a
[11:44] different lighting and then we'll add a
[11:46] few like fireflies or glowing lights and
[11:49] I will also rig my chibi to be sleeping
[11:53] instead which is kind of how I had my w
[11:55] new version as well which I think I like
[11:58] that lighting a little bit better on my
[12:00] w new one because it has like a glow on
[12:03] the character itself rather than just in
[12:05] the front um so I kind of wish I added
[12:08] that to mine but I I don't want to
[12:10] really fiddle with it right now maybe in
[12:11] the future I'll do another updated
[12:13] version of this but for now we'll just
[12:14] leave it so I also made sure to put the
[12:17] ending stream text and my little
[12:20] ellipses I guess for each one to be on
[12:23] separate layers before we prep it to do
[12:25] for our rigging which we are going to be
[12:27] doing in live 2D so in live 2D I open up
[12:32] my file which is like a PSD file and I
[12:35] went ahead and started to basically
[12:37] reorganize my parameters which is kind
[12:40] of like in this middle window and then
[12:42] on the very left has all of my drawing
[12:44] parts so I went ahead and also sorted
[12:47] everything out between foreground and
[12:49] background and then different elements
[12:51] so like uh my character's body anything
[12:53] that's attached to my character's head
[12:55] like the Sprout the hair the eyes the
[12:57] mouth is all on the same thing after
[12:59] when I sorted everything out I went
[13:01] ahead and started to fiddle around with
[13:03] how I wanted to do the pretty simple
[13:06] animation for our text so I just have a
[13:10] kind of like a starting portion where
[13:13] the text is just already on the screen
[13:15] because I kind of want this to be
[13:16] seamlessly looping for the most part so
[13:19] it was easier for me to have the text
[13:21] already placed and then the only thing
[13:23] that's going to be really moving for the
[13:25] text is the ellipses so I kind of have
[13:27] them moving back and forth kind of like
[13:29] as if it's loading I've seen a lot of
[13:30] people do
[13:32] loading uh screens as well I think
[13:34] there's like a lot of fun ways you can
[13:36] play around with your branding but for
[13:37] me I just wanted to like keep with
[13:39] something similar to my previous one but
[13:42] kind of like a small upgrade if anything
[13:45] because that drawing is like super old
[13:48] and then that drawing is based off of
[13:50] another drawing that was like even older
[13:52] so I just wanted something new so let's
[13:55] talk a little bit more about the raking
[13:57] again so the reason why have to do all
[13:59] of these little I don't know what you
[14:02] want to call these if you're not
[14:03] familiar with the rigging in live 2D um
[14:06] the best way I can think about it is
[14:08] like being able to manipulate objects
[14:12] and have movement depending on how you
[14:15] change them I guess and you can set them
[14:16] onto key forms and have that as your
[14:19] parameter then you can take all those
[14:21] elements of your drawings and your
[14:23] parameters into live 2D's animation
[14:26] portion of their uh program and I can
[14:29] basically start to time all of my
[14:31] parameters on a timeline and set them to
[14:35] move at certain times and it'll kind of
[14:37] fill in the spaces a little bit to make
[14:39] seamless um animation so it's kind of
[14:42] like the easiest way for me to make
[14:44] something not going to lie something
[14:46] simple to be a little bit more
[14:47] complicated to get like slightly better
[14:50] results just because like my skill level
[14:52] with live 2D isn't like super high I
[14:54] still would like to play around with it
[14:55] more but my lack of patience with this
[14:58] is a little bit bit low at this point
[15:02] but with kind of all of our parameters
[15:04] like mapped out I went ahead and opened
[15:06] up a animation file in live 2D and I
[15:09] started to place all the little key
[15:10] forms so all the little dots that you
[15:12] see on the little grid on the right are
[15:14] all my key forms and you can kind of see
[15:17] um where I'm placing certain parameters
[15:19] to be timed to appear or to move um at a
[15:22] certain point so that's kind of like
[15:25] going to be figuring out how I want the
[15:27] entire starting screen to look like and
[15:29] then after that I exported our starting
[15:32] soon screen and then I worked on our
[15:35] night version which will be our ending
[15:36] screen so right here I put back the
[15:40] filter I have our fireflies moving or
[15:42] our lights I also have the same
[15:45] movements for the breathing and our like
[15:49] leaves and flowers that are moving in
[15:51] the background to be exactly the same as
[15:52] the ones I had on my starting soon
[15:54] screen because I didn't really want to
[15:55] fiddle with it so for the animation for
[15:58] my chibi this time I wanted her to kind
[16:01] of like kind of nod off and then
[16:04] eventually when you tilt to forward you
[16:06] kind of like jerk back a little bit so I
[16:08] wanted a little bit of that to kind of
[16:10] be like how I wanted to portray me
[16:13] sleeping and dozing off I guess I think
[16:16] I'll show you guys a little bit more of
[16:17] the back end a little bit later in real
[16:19] time but this is kind of like me showing
[16:21] you the ending and starting screen right
[16:22] ahead and streamlabs OBS instead and
[16:26] just kind of testing it out before I
[16:27] actually made my overlays so I'll
[16:29] probably put in a little bit of Snippets
[16:31] of me talking about how I use this
[16:33] background of my clovers into my
[16:35] overlays to kind of have a more
[16:37] consistent look so let's go ahead and go
[16:39] back to real time me I
[16:42] guess okay so now that we had the
[16:44] background done I have the rigging for
[16:47] my own Persona alongside with our text
[16:49] and everything already rigged I went
[16:51] ahead and saved a separate version of
[16:53] our background which happens to be this
[16:54] one so I'm going to copy it over so I
[16:57] have my iPad version kind of like
[16:59] already open and what I'm going to do is
[17:03] basically
[17:05] replace this
[17:08] image with this one uh after pasting in
[17:12] our background you can kind of see like
[17:14] it is kind of like the perfect ratio so
[17:16] I don't really have to do too much
[17:17] adjusting I could like stretch it a
[17:20] little bit if I wanted to or make it a
[17:21] little bit bigger if I wanted to fill up
[17:23] more of the space but kind of where the
[17:25] clovers are sat in this particular
[17:28] layout I actually quite like it but what
[17:30] I'm going to do is lower the opacity
[17:32] forgot to get rid of my other one we're
[17:35] going to lower the opacity on this so I
[17:37] still want to keep kind of like this
[17:39] blue aesthetic to keep kind of the
[17:42] aesthetic almost equal I'm going to put
[17:45] it about 40% so for some of these other
[17:48] elements I might add a overlay layer um
[17:54] I might copy this filter so we can add
[17:57] it to
[17:59] chat as
[18:01] well so I do think this is what our main
[18:04] overlay is going to look like now the
[18:06] problem is is that for me to place my
[18:09] procreate and stuff behind my borders
[18:12] without like overlapping the little
[18:14] grass and clover detailing I do have to
[18:17] make sure that this is kind of like
[18:18] hollowed out so I'm going to take our
[18:21] magic wand I'm going to find where our
[18:24] border
[18:26] is I'm going to select
[18:30] the inside portion of where I want it to
[18:34] be hollowed out I'm going to invert my
[18:36] selection and then on a new layer I'm
[18:39] going to place a kind of like a gray
[18:44] background and we're going to clip this
[18:47] gradation onto our gray background I'm
[18:50] going to pull up this image again and
[18:53] also clip it so that we kind of have
[18:55] this hollowed out area now with the
[18:57] hollow out Center for my program of
[19:00] choice after that I have the background
[19:02] color of what I wanted to be the pro
[19:05] like The prominent color for my overlay
[19:07] and then I have my design kind of just
[19:09] like lightly placed on top to kind of
[19:11] give it more of that like softer look
[19:13] and I think this is what I'm going to do
[19:15] for my current overlay for now it's
[19:16] nothing too fancy it's just kind of like
[19:18] a small revamp if anything today I guess
[19:21] it'll be Saturday for you guys so I
[19:22] guess I'll be yeah I might stream today
[19:24] after I come back from a little group
[19:26] dinner with friends and we'll see how
[19:29] the the layout looks so uh I'll see you
[19:32] then okay actually I lied so here's my
[19:34] starting soon screen I'll probably put a
[19:37] video of like the full little Loop um
[19:40] somewhere in the video alongside with
[19:41] the ending stream but um you can see
[19:44] that that this is kind of like my iPad
[19:47] layer or new version so I have new
[19:52] overlay
[19:55] mean oh I think it actually looks quite
[19:57] cute like this I'm also going to move
[20:00] chat not this one so I'm going to
[20:03] delete where is my
[20:06] chat here it is slide it on
[20:10] over kind of like that I might even make
[20:12] my own tablet aset a little bit later so
[20:14] I can actually have like a visual
[20:16] representation of my iPad I opened up
[20:18] clip Studio paint so that I can kind of
[20:20] fit this in here a little bit better so
[20:24] that it's pretty much just my drawing
[20:25] space we'll see maybe for now I'll
[20:28] shrink it so that we can see my entirety
[20:30] of my clip Studio paint drawing I'm
[20:32] going to move down here the thing is
[20:34] like I used to have like a weird gap for
[20:36] certain things just because uh depending
[20:39] on which platform I was streaming on it
[20:42] was more easier to have my alerts in one
[20:45] spot but I realized it looks very empty
[20:48] otherwise so let's change the width of
[20:50] her chat box to
[20:54] be fairly
[20:57] small I forgot I had this this is
[21:00] actually a good placeholder for
[21:02] now uh we'll move whoops I'm actually
[21:05] going to lock my overl I actually forgot
[21:08] about
[21:09] that leave that at the top I think I
[21:12] have it as who I'll put this down here
[21:17] probably okay so I think we are good um
[21:21] I'll show you guys kind of like a little
[21:22] mockup I probably will put in my vtuber
[21:25] so that we can actually see it alongside
[21:27] with that and do kind of like a mock
[21:29] [Music]
[21:47] trial okay so I feel like there is an
[21:51] issue right now which is currently
[21:53] reflector 4 is not working with my
[21:55] procreate like at all for some reason so
[21:57] if I uh go to my home screen I can swipe
[22:01] back and forth uh for some reason when I
[22:03] click on procreate it completely freezes
[22:06] so okay this feels really stupid uh I
[22:09] think because of that error I was having
[22:12] so apparently there's a setting on here
[22:14] it's called project canvas and if you
[22:17] click
[22:17] it it basically won't allow you to like
[22:20] show the movement of when you're drawing
[22:22] and panning on the screen and all that
[22:24] stuff so if you turn it off it goes back
[22:27] to normal but the the problem is now is
[22:29] that my iPad ratio is like totally off
[22:33] so if I
[22:35] basically full screen the image that I
[22:38] have currently on my canvas you can see
[22:40] that I think the top and the bottom are
[22:42] actually cut off so I probably have to
[22:44] redo my layout just to smidge more that
[22:47] or I'll just leave it like this so we
[22:49] don't have like the tools in the way for
[22:51] the most part cuz I don't think it's as
[22:53] necessary uh to have the menus on the
[22:55] screen but you can see like now I can
[22:57] move Zoom without any problem so um and
[23:01] then moving on to our tablet version I
[23:05] might scooch myself over yeah I might
[23:08] fix some of the borders on this a little
[23:11] bit more to see if I can fit it a little
[23:13] bit better with my current layout of
[23:16] clip Studio paint since I don't really
[23:17] adjust it all that much and then moving
[23:20] along we
[23:22] have our traditional one
[23:25] so woo so I have
[23:30] wait is my webcam being so
[23:35] [Music]
[23:37] finicky calibration okay so for some
[23:41] reason if I move this wire it
[23:44] disconnects my webcam so I'm going to
[23:45] have to find a different way to connect
[23:47] everything but this is kind of like what
[23:49] the traditional setup would look like
[23:50] for the most part there is some like ah
[23:53] wait a second I'm an
[23:56] idiot let's
[23:59] do this I forgot I thought I made this
[24:01] like the wrong size
[24:04] um I forgot I basically like full
[24:08] screened it almost where is it where let
[24:11] me move myself
[24:13] [Music]
[24:19] actually this is why it's good to
[24:22] troubleshoot
[24:24] so uh where am I so but you can see that
[24:27] the webcam work works so I have my my
[24:29] vtuber alongside with my other webcam so
[24:32] that I could do traditional um mediums
[24:37] for like I don't know like watercolor
[24:39] painting wash painting whatever it is I
[24:42] just have to find like a proper setup to
[24:43] actually get like a good uh top view of
[24:46] everything but this is kind of like my
[24:48] sketch bre right now so yeah I I think
[24:51] that's what it's going to be like for
[24:53] future streams like I said I'm going to
[24:55] try to fix this layout a little bit more
[24:58] so so that maybe we can optimize it a
[24:59] little bit more with my clip Studio
[25:01] paint
[25:04] layout
[25:05] whoops and then for my iPad layout we
[25:10] can actually uh stream maybe on Saturday
[25:13] or Sunday we'll see but hopefully you
[25:15] guys enjoyed watching today's video and
[25:17] watching me make both my starting screen
[25:20] and my ending screen which I think I'll
[25:21] will use for today's uh session instead
[25:24] of my usual outro thank you guys very
[25:26] much for watching and I'll talk to you
[25:27] guys next time in the next video and
[25:29] hopefully catch you on a stream and
[25:31] stream more often I guess bye
[25:36] [Music]