#userbar tutorial

USE FONT “VISITOR TT2” !!!!!! Works Best, But I’m sure there’s other Fonts that Work Well too.

Awesome. Now we have a Simple Userbar. How do we Make it Shine Though? Ok Well let’s Open of Photopea for this…

Import Your Userbar & Gif. Make sure your GIF folder is On Top of your Image.

MAKE SURE YOUR FILE SELECTION IS ON FOLDER AND NOT LAYER. Helps a Bunch when Dragging and Moving GIFs Anyways Adjust your Shiny GIF until it Fits your Userbar, after that You Change “Pass Through” to Overlay or Soft light. #Yay

Then Export & Enjoy!!!

There will be bits from Ivyvinezz’s tutorial and prumano’s tutorial, so if you felt like I didn’t explain things well (I probably didn’t..,) check theirs out!!!

1st, make your canvas 1138 (W) x 60 (H) pixels in either Procreate or Ibis (it should similar to the image below) The way I do it, you’ll only need this base to make sure the text is right. For characters I usually do voice lines/iconic quotes unless the request specified the text! I use the font Visitor TT1 (BRK) at 26.5 size .

2. Go to CapCut and do “+ New Video” and import the base at the beginning of this tut

3. Scroll to the very back on the thing at the bottom of the CapCut screen until you see something titled “background”

4. Press “image” and then choose to your liking. You can also import images

5. Go to Overlays

6. Choose your transparent PNG & text from step 1 (or use Capcuts built in text, but I’ve heard it’s uncomfortable to use) and follow the steps below!

To make these, ( because tumblr broke everytime I tried to add a video :/ ) press the little diamond W/ the plus on it at specific points. The first and the third should be the same, and I typically do it around the midsection of the overlay. The second should be the headshot. These points will make the png animated!

For the text, I keep it static but if you want to experiment absolutely do it!!

7. I always export it as video because I just don’t trust CapCuts gif setting, and porting it into Ezgif’s Video to Gif looks better! <3

Example:

CapCut gif export

CapCut video export > Ezgif > Video To Gif