Behind the scenes: How I film and create typing chat bubble effect in videos

Рет қаралды 95,853

Күн бұрын

Thanks so much for 100k subscribers!!
▶ Check out my product: Inkdrop - Markdown note-taking app
• How to take notes in M...
▶ My chat bubble tool
github.com/craftzdog/chat-bub...
▶ My dotfiles
github.com/craftzdog/dotfiles...
▶ My NeoVim set up
• How to set up Neovim 0...
▶ My equipment
* Video editing: Final Cut Pro X
* Camera: Fujifilm X-T4 - amzn.to/3MVuPBV
* Tripod: Gitzo GK1545T-82TQD - amzn.to/3LTNIEZ
* Mic: Zoom H1n - amzn.to/38VAwkx
* Slider: SliderONE v2 - amzn.to/3Fo8eLK
* Keyboard: Keychron Q1 with Gateron Zealios V2 67g
* Browser: Min - minbrowser.org/
* Screen recorder: CleanShot X - cleanshot.com/
Follow me online here:
▶ Twitter / inkdrop_app
▶ Blog blog.inkdrop.app/
▶ Instagram / craftzdog
▶ Subscribe to my Newsletter www.devas.life/
Credits:
▶ BGM: Epidemic Sound www.epidemicsound.com/referra...
00:00 Unboxing
00:28 Camera setup
01:43 How to record chat bubbles
03:12 Overlap the bubbles and video with Keyer
03:58 Result
#FCPX #ASMR

Пікірлер: 297

@Joxel 2 жыл бұрын

Building a lightweight react app to provide real-time vfx is genius. As a developer and fellow part-time content creator, I'm inspired to find what other problems I could tackle with a similar approach. Congrats on reaching this milestone, and I'm excited to see you reach many more!

@devaslife 2 жыл бұрын

thanks!

@MoZenLen 2 жыл бұрын

Im so happy for you takuya! Your editing skills are great, and your english too. You inspire me a lot :) keep it up!

@devaslife 2 жыл бұрын

Thank you!

@KallMeChris 2 жыл бұрын

I smiled throughout the whole video, that was something I didn’t expect it to be. Thank you so much for sharing this video technique of yours.

@devaslife 2 жыл бұрын

☺️

@LucasDimoveo 2 жыл бұрын

I love the intersection between code and art. Fantastic work!

@JSWausZ 2 жыл бұрын

Thank you for making it open source. You inspired me to dive deeper into coding so congratulations for passing the 100k 🥳

@CristobalRuiz 2 жыл бұрын

The commitment that you have for your channel is in itself the biggest lesson and contribution for the community. Continue create amazing thing!

@ashcorpdev 2 жыл бұрын

I've loved watching your videos and the aesthetic is just phenomenal - super relaxing and I love learning all of the things you showcase

@jamesprivett1257 2 жыл бұрын

Congratulations Takuya!!! I love your content and this is well deserved. Really pleased for you man.

@RustyYow 2 жыл бұрын

Thank you for showing/sharing how you do the bubble chat. That is amazing work, you are very talented at what you do!

@li.techtalk 2 жыл бұрын

Congrats on reaching 100K subs! Really enjoy all of your contents ☺️

@arsnakehert 2 жыл бұрын

Hey man, thank you for sharing this, and congrats on reaching 100K subs, this is a really special channel. おめでとうございます！

@LUISSILVA-hm5su 2 жыл бұрын

Congratulations and thank you Takuya! Please keep up the great work, towards 200k subscribers!

@danirdd92 2 жыл бұрын

I just stumbled upon your channel and it's already one of my favorites. You have a really unique style of video presentation that is soothing my soul.

@elimoto8157 2 жыл бұрын

I figured this is how you'd do it! I used to do it using within video editors once but these kinds of hacks make it innovative and easier too! Love the tranquility :D

@astrit 2 жыл бұрын

This channel is gold, no other place you get to see stuff like this and actually have it open source 👏👏👏🙏✌️

@velius_development Жыл бұрын

HA! It took me so long to figure it out but now I got it: The transparent blurred terminal background can be achieved by just using the terminal with a fully black background and later adding it as a chroma key. Just replace that solid black with a blurred half-transparent background and you are done! Thank you so much for doing this inspiring videos! Edit: I just noticed that there are videos on your channel that show windows overlapping. This is obviously not something you can achieve with the method above. For that I would assume that you use some OBS features with blur effects and stream the camera source directly to your OBS.

@Xeneizecr 2 жыл бұрын

Congrats mate, very original content, keep the great work going. Cheers to many more great videos!

@douglosu 2 жыл бұрын

I found your channel by accident a few weeks ago and love your videos. I like to put your coding videos on the second monitor while I am working on my own projects.

@brave_one 2 жыл бұрын

Really great to see the process you are making chat bubble effect : )

@_Ani_ 2 жыл бұрын

Thank you for sharing this with us! I love the speech bubbles.

@Lisa-rd3wt 2 жыл бұрын

I really like this effect ! I’m so happy that you had more than 100k now! Congratulations !

@hgoprofaker 2 жыл бұрын

Amazing, perfectionism in its last stage! Excellent work, congratulations on your talent. keep going!

@Cyber_Lanka 2 жыл бұрын

Congrats man. Been enjoying your content since forever.

@falco524 2 жыл бұрын

very underrated youtuber congrats on your silver play button man! keep up the good work.

@clayzz5695 2 жыл бұрын

wow, it's very creative and genius. how can you even came up with this idea??? you inspired me a lot takuya-san. i love both programming and videography too. congrats for your 100k subs!

@SimpletofitFr 2 жыл бұрын

Your success is utterly deserved. Keep up the good work, man!

@syncsteve Жыл бұрын

I will definitely start my own YT channel soon because of you men! Thank you so much for inspiring us. You're such a great, talented and good person bro by sharing one of your techniques we will have much more idea on how to create quality content around our niche or skills not just on the Web Development or Software Engineering side but on other niches and skills too.

@hamdysaadpersonal 2 жыл бұрын

that's a next level production right there ! nice work

@BenjaminCode 2 жыл бұрын

So smart! Amazing channel, amazing videos, amazing esthetics. Thank you so much!

@skyhappy 2 жыл бұрын

Your comment is the same as many others do a waste, just upvote

@equandovoceleroscomentario9688 2 жыл бұрын

The most peaceful programmer ever. Nice work! I love your videos. 100% no stress

@HarisKhan-bh6uj 2 жыл бұрын

watching your videos is like code meditation for me !! pure zen !!

@abraham7966 2 жыл бұрын

The terminal is called iterm2 and allows you to add transparency to the background.

@okielama 2 жыл бұрын

This is ingenious! Thank you so much for sharing this.

@omaramo190683 2 жыл бұрын

100+k congrats!! cheers from mexico!!

@snipzmattio5887 2 жыл бұрын

I know im late. but congrats on the 100k subs. I remember when i started following you, well deserved those subs. You always put out quality content

@hambaba 2 жыл бұрын

Now I need to know how you create this behind the scene video! haha Jokes aside, congratulations for the 100k!

@adityakadam2256 2 жыл бұрын

Man you are amazing. Totally god gifted and blessed. Thanks a lot for sharing this video. Your channel and the content over it is more than awesome. The React app for the chat bubble, out of the box thinking 🙌🏻. Like others you have inspired me to create something similar for other problems in recording. Thank you so much.

@mayufitcook 2 жыл бұрын

You will be my SENSEI from today. Your video editing skill is amazing :)

@fullcourseyellow5940 2 жыл бұрын

Great video! I would love to see how you do the code overlay with the acrylic background on your videos.

@zyleo6366 2 жыл бұрын

Just like I said before. It's a kind of enjoyment to watch your videos. Thank you for your videos, Takuya.

@theboringdev 2 жыл бұрын

Your video inspire me to learn front-end, and buy new keyboard :) Keep up the ASMR my guy!!

@daunampc 2 жыл бұрын

All your clips have good sound, never get bored watching. You are the one that I focus on watching the most clips

@devaslife 2 жыл бұрын

Thanks!

@ThinhTran-yu9sn 2 жыл бұрын

It is amazing to know it is a react app, you are so creative. I love your work.

@hangtran4863 2 жыл бұрын

thanks for the useful tool, your aesthtics is always eye-pleasing , keep on going !!!

@J__454 2 жыл бұрын

I love watching your videos! Its super relaxing and motivating to watch.

@skyhappy 2 жыл бұрын

Your comment is a waste, just upvote

@vidwyat1323 2 жыл бұрын

love your vids man keep up the good work

@TheTanglingTreats 2 жыл бұрын

Congratulations!! Thank you for continuing to inspire all of us

@iamchenfeng Жыл бұрын

Wow！This is a way I never thought about. It's really awesome!

@SownJevan 2 жыл бұрын

No Thank You! For providing such interesting videos, they are educational, beautiful and fun to watch. I wish you all the best for your future endeavours.

@uesleipedrorangel7136 2 жыл бұрын

Congratulations directly from Brazil, my fried! Thanks for the content

@Kevin-jc1fx 2 жыл бұрын

Very clever and straightforward method. Thanks for sharing.

@josiguntara 2 жыл бұрын

This is amazing Takuya!

@codingmoon 2 жыл бұрын

This is very inspiring, awesome quality content as usual

@ryanbeatbox 2 жыл бұрын

You deserve it, congrats man!

@deyingzou2397 2 жыл бұрын

I knew it! Thanks for sharing to us all!

@BekBrace 2 жыл бұрын

Thank you Takuya-san for this awesome video and for your gift! This React App is great, I'm not very proficient in React but I imagine it took you a good amount of work to get it done - Brilliant ! If you don't mind I would like to use your tool in my videos ! Cheers.

@rithulkamesh 2 жыл бұрын

Dude, I've been here since the 100 people gang, I really loved your videos and your editing style! For the last few months (since feb I think) l I'm a part of the inkdrop family, And I'm inspired by you to build my own company too, Keep this good work up and I hope to see an acrylic effect tutorial too haha!

@rithulkamesh 2 жыл бұрын

Btw, I am aware that you're not gonna make it soon, It's just my wish!

@devaslife 2 жыл бұрын

Yes I remember you on the user forum, Rithul. Thanks for the support and good luck with your journey :D

@rithulkamesh 2 жыл бұрын

Alright so based on this video I have come up with two theories on how he does his acrylic effect so here it goes Theory #1: Custom web app. some browsers like Firefox allow you to go in full screen while preserving the space so you can display apps over it, so he probably made a custom web app which hooks his camera feed and uses a normal acrylic to record Theory #2: Actual editing skills. you basically key out the color of neovim and add another layer with exposure to darken it and add a gaussian on it to blur Idk if they are true but I'll be really happy if one of them are haha

@Sunny-uf5nd 2 жыл бұрын

I'm not even a developer or don't know how i stumbled on this channel but glad i did. Wow!

@conradmbugua9098 2 жыл бұрын

The level of editing is insane🔥

@tonsofcode2478 2 жыл бұрын

This channel is PURE ART.

@luqmanoop 2 жыл бұрын

That's pure genius! I use a FCP plugin to achieve the same on my channel. Thanks for sharing and congrats for 100k

@RaabStephan Жыл бұрын

So simple, yet so brilliant.

@DrNabeel20 2 жыл бұрын

Wow, simple solution with great execution! thanks

@aboimpinto 2 жыл бұрын

gzzz for the 100k subscribers ... I don't like and I don't develop in JavaScript but I like your channel and your style ... keep going...

@injeolmi6 2 жыл бұрын

おめでとうございます！Thanks for everything.

@TonyNguyenTin 2 жыл бұрын

Thanks so much for the video. It's so awesome that you publish it.

@rsdnt_of_kyiv 7 ай бұрын

Amazing video, Dude!

@ashikmahmud4076 2 жыл бұрын

You deserve it broh keep going with give us kind of awesome videos 💗

@marcosoliveira8731 2 жыл бұрын

Beautiful setup as well.

@bls512 2 жыл бұрын

Very original and neat. Thanks for sharing your process.

@vitaliiakhmetzianov6488 2 жыл бұрын

Man you are a godsend!

@user-ui7mj4kh3w 2 жыл бұрын

Nice and clean!Good jobs!😄

@oseebotendju9120 2 жыл бұрын

thank you so much for this video, you make a great job !

@codingmaster008 2 жыл бұрын

congrats on getting 100k and silver play button takuya....💯👍

@yourpromises 2 жыл бұрын

Dude you're my inspiration, really!

@juanmacias5922 2 жыл бұрын

Thanks for the video!

@ruicheng6521 2 жыл бұрын

Thanks for your codes and videos, that are all beautiful, rhythmic and enjoyable 👍

@skyhappy 2 жыл бұрын

Your comment is the same as many others, and a waste, just upvote

@akiraarchangel2911 2 жыл бұрын

Wow u actually listened to my request :D ty u the best

@arthusLawitBeta 2 жыл бұрын

Dude, you are such an inspiration! Thank you very much for sharing this! I'm going to start to post in my channel, if it is okay for you, I wish to use this on my future videos. You're awesome!

@Lara-yc6mh 2 жыл бұрын

Thanks man, your videos are amazing

@user-rr8fb9bu1t 2 жыл бұрын

欲しいものは自分で作っちゃおう精神とても素晴らしいです。:)

@Skylla54 2 жыл бұрын

works great

@DS-ow2ge 2 жыл бұрын

Very funny that you acknowledged the transparent terminal secret that we actually all want to see =) maybe one day. congratulations on your channel's success

@theappliedcoder9824 2 жыл бұрын

love from India I am a data scientiest and always loved watching your development videos. carry on bro

@Yoshie-peace 2 жыл бұрын

Congratulations and thank you for the sharing ❤️

@stephan3199 2 жыл бұрын

You are an example. Hope I can code like you one day!

@_annacheng_ 2 жыл бұрын

Thanks for sharing this!!!

@AlphaHT 2 жыл бұрын

great as always

@AndysTV 2 жыл бұрын

This is what I need! Nice video 👍👍👍

@bishenpatel1676 2 жыл бұрын

Hello Takuya... Watching your video makes me so happy... To me you're my role model... I'm sincerely hoping to see more videos from you soon... Hope you stay safe, stay healthy, and stay happy as always... Cheers...

@kuykerja6681 2 жыл бұрын

congratulations takuya

@PhanTanThangTH 2 жыл бұрын

Congrats my dear friend, thank you so much for sharing all of your knowledge, it's really helpful and speed up for my workflow a lot, hope you are going to be better and healthier on your journey.