Categories
video creation

HLC: Whiteboard Animation

Yes, no need to spend those hundreds of dollars on a whiteboard animation using same old media which even your competitor will use. Draw up your own unique whiteboard and excel NOW!

Video Creation Steps:

Setup you base media
  • You can create the image on paper or on ppt which you want to be drawn.
  • Once above image is ready, you can break it up into pages if you want camera to move page to page (to get “next page” experience)
  • You will need a “Hand with a pen” image (or could be a gif). Pen could be replaced with chalk or pencil etc.
  • For the writing instrument (pen/ pencil etc.), select appropriate “ink” image. For pen it could be a blue or black circle.
Setting up media for usage

Load the image in Meme’er storyboard for few frames.

Trace the outlined image which you wanted to be drawn in the sequence you want it to be drawn.

Do the standard transparent movie creation on frames created using the coordinates

And that’s all. One by one, you can create as many pages as you wish (we have created 4 here)

Summary:

  1. Human voice might be better suited for some cases, suit yourself!
  2. The basic video creation is very easy, and could be done by a grade 2 student. The final touch take time and patience 🙂
  3. This involves creativity, so unless you feel fresh, better to wait for the tide to get the best idea and implement it better!
  4. There are many places to get vector images. Suit yourself with the one you feel most comfortable with.
Final Story
camera @(0,-300,0,0,0,0,1,1,1)-@(-70,-120,45,-70,0,45,1,1,1) #1-#50
ground @(-40,2,30,0,0,0,1,1,1) #1
first page @(-70,0,45,0,0,0,1,1,1) #51-#1050
pen @(-71,-.1,44,0,0,0,.25,1,.25) @f(T_img001) #51-#990
first image @(-70,-.1,45,0,0,0,.65,1,.65) #1000
camera @(-70,-120,45,-70,0,45,1,1,1)-@(10,-120,35,10,0,35,1,1,1) #1101-#1200
another second page @(10,0,35,0,0,0,1,1,1) #1201-#1900
pen @(8,-.1,34,0,0,0,.25,1,.25) @f(T_img002) #1201-#1860
another second image @(10,-.1,35,0,0,0,.65,1,.65) #2501
camera @(10,-120,35,10,0,35,1,1,1)-@(0,-120,0,0,0,0,1,1,1) #1901-#2000
another third page @(0,0,0,0,0,0,1,1,1) #2001-#2500
pen @(0,-.1,0,0,0,0,.25,.25,.25) @f(T_img003) #2001-#2450
another third image @(0,-.1,0,0,0,0,.65,1,.65) #2501
camera @(0,-120,0,0,0,0,1,1,1)-@(-70,-120,0,-70,0,0,1,1,1) #2325-#2400
icon @(-90,0,0,0,0,0,.5,1,.5) #2301-#2700
banner @(-55,0,0,0,0,0,.56,1,.56) #2301-#2700
camera @(-70,-120,0,-70,0,0,1,1,1)-@(0,-350,0,0,0,0,1,1,1) #2701-#2800

Categories
video creation

HLC: Explainer videos explained

This is more like a basic coverup tutorial on how to create explainer tutorial. But the basic premise and methodology remains same.

Video Creation Steps:

List of media used by us (Credits list)
Overall summary for video

Our model greets the viewer

He tells them on the benefits of explainer videos

Cost and ease comparision between Meme’er and other tools

Who can benefit and other use cases for explainer video

Call to action to start creating explainer videos

And that’s all. Story could be as long as needed. Wanna improve further?

Summary:

  1. Human voice might be better suited for some cases, suit yourself!
  2. The basic video creation is very easy, and could be done by a grade 2 student. The final touch take time and patience 🙂
  3. This involves creativity, so unless you feel fresh, better to wait for the tide to get the best idea and implement it better!
  4. There are many places to get vector images. Suit yourself with the one you feel most comfortable with.
Final Story
white pen @(0,1,0,0,0,0,1000,1,1000) #1-#1800
fifth emotion @(0,0,0,0,0,0,.3,.3,.3) #1-#75
first subtext @(-20,0,0,0,0,0,1,1,1) #1-#75
fifth emotion @(0,2,0,0,0,0,.3,.3,.3) #76-#80
first subtext @(-20,0,0,0,0,0,1,1,1)-@(-70,0,0,0,0,0,1,1,1) #76-#80

another third emotion @(0,0,0,0,0,0,.3,.3,.3) #76-#150
second another subtext @(0,0,-20,0,0,0,1,1,1) #76-#150
third emotion @(0,2,0,0,0,0,.3,.3,.3) #151-#160
second subtext @(0,0,-20,0,0,0,1,1,1)-@(0,0,-40,0,0,0,1,1,1) #151-#160

third presentation @(0,0,0,0,0,0,.3,.3,.3) #150-#300
third another subtext @(0,0,-20,0,0,0,.6,.6,.6) #150-#300
third presentation @(0,2,0,0,0,0,.3,.3,.3) #301-#310
third subtext @(0,0,-20,0,0,0,.6,.6,.6)-@(0,0,-40,0,0,0,.7,.7,.7) #301-#310

book @(0,0,0,0,0,0,.3,.3,.3) #301-#500
another top fourth subtext @(0,0,20,0,0,0,.6,.6,.6) #301-#500
bottom fourth another subtext @(0,0,-20,0,0,0,.6,.6,.6) #301-#500
book @(0,2,0,0,0,0,.3,.3,.3) #501-#510
top fourth subtext @(0,0,20,0,0,0,.6,.6,.6)-@(0,0,40,0,0,0,.6,.6,.6) #501-#510
bottom subtext @(0,0,-20,0,0,0,.6,.6,.6)-@(0,0,-40,0,0,0,.6,.6,.6) #501-#510

another second presentation @(0,0,0,0,0,0,.3,.3,.3) #501-#600
crowd @(0,0,0,0,0,2,.27,1,.3) #501-#600
another 051 subtext  @(0,0,-20,0,0,0,.6,.6,.6) #501-#600
second presentation @(0,2,0,0,0,0,.3,.3,.3) #601-#610
crowd @(0,2,0,0,0,0,.35,.35,.35) #601-#610
051 subtext @(0,0,-20,0,0,0,.6,.6,.6)-@(0,0,-40,0,0,0,.6,.6,.6) #601-#610

another second emotion @(0,0,0,0,0,0,.3,.3,.3) #601-#750
another 052 subtext @(0,0,20,0,0,0,.6,.6,.6) #601-#750
another 053 subtext @(0,0,-20,0,0,0,.6,.6,.6) #625-#750
second emotion @(0,2,0,0,0,0,.3,.3,.3) #751-#760
052 subtext @(0,0,20,0,0,0,.6,.6,.6)-@(0,0,40,0,0,0,.6,.6,.6) #751-#760
053 subtext @(0,0,-20,0,0,0,.6,.6,.6)-@(0,0,-40,0,0,0,.6,.6,.6) #751-#760

superhero @(0,0,0,0,0,0,.3,.3,.3)-@(0,0,-20,0,0,0,4,4,4) #751-#950
another sixth subtext @(0,-1,-20,0,0,0,1,1,1) #751-#950
bicon @(0,-1,3,0,0,0,.1,.1,.1)-@(0,-1,10,0,0,0,.9,.9,.9) #751-#950
superhero @(0,2,0,0,0,0,.3,.3,.3) #951-#960
sixth subtext @(0,2,-20,0,0,0,1,1,1) #951-#960
bicon @(0,2,-20,0,0,0,1,1,1) #951-#960

another seventh subtext @(-10,0,10,0,0,0,2,2,2) #950-#1000
another eighth subtext @(20,0,-10,0,0,0,2,2,2) #1000-#1100
seventh subtext @(-10,2,10,0,0,0,2,2,2) #1101
eighth subtext @(20,2,-10,0,0,0,2,2,2) #1101

icon @(-35,0,10,0,0,340,.3,.3,.3) #1101-#1150
icon @(-35,0,10,0,0,340,.3,.3,.3)-@(-35,0,10,0,0,0,.3,.3,.3) #1600-#1650
icon @(-35,0,10,0,0,0,.3,.3,.3)-@(-35,0,10,0,0,0,.6,.6,.6) #1650-#1750
logo @(-12,0,18,0,0,340,2,2,2) #1101-#1150
logo @(-12,0,18,0,0,340,2,2,2)-@(-10,0,10,0,0,360,2,2,2) #1600-#1650
logo @(-10,0,10,0,0,360,2,2,2)-@(10,0,10,0,0,360,4,4,4) #1650-#1750

policeman @(-25,-5,-15,0,0,0,.4,.4,.4) #1151-#1200
policeman @(-25,-5,-15,0,0,0,.4,.4,.4)-@(-25,5,-15,90,0,0,.4,.4,.4) #1351-#1400
first funguy @(-25,5,-15,270,0,0,.4,.4,.4)-@(-25,-5,-15,360,0,0,.4,.4,.4) #1401-#1450
first funguy @(-25,-5,-15,0,0,0,.4,.4,.4)-@(-25,5,-15,90,0,0,.4,.4,.4) #1501-#1550
professor @(-25,5,-15,270,0,0,.4,.4,.4)-@(-25,-5,-15,360,0,0,.4,.4,.4) #1551-#1600
professor @(0,2,0,0,0,0,1,1,1) #1601-#1610

policewoman @(0,-5,-15,0,0,0,.4,.4,.4) #1151-#1200
policewoman @(0,-5,-15,0,0,0,.4,.4,.4)-@(0,5,-15,90,0,0,.4,.4,.4) #1351-#1400
another second funguy @(0,5,-15,90,0,0,.4,.4,.4)-@(0,-5,-15,0,0,0,.4,.4,.4) #1401-#1450
second funguy @(0,2,0,0,0,0,1,1,1) #1601-#1610

fireman @(25,-5,-15,0,0,0,.4,.4,.4) #1251-#1350
fireman @(25,-5,-15,0,0,0,.4,.4,.4)-@(25,5,-15,90,0,0,.4,.4,.4) #1451-#1500
fashion @(25,5,-15,90,0,0,.4,.4,.4)-@(25,-5,-15,0,0,0,.4,.4,.4) #1501-#1550
fashion @(0,2,0,0,0,0,1,1,1) #1601-#1610

another ninth subtext @(0,0,0,0,0,0,.5,.5,.5) #1101-#1200
ninth subtext @(0,0,0,0,0,0,.5,.5,.5)-@(100,0,0,0,0,0,.5,.5,.5) #1201-#1210
another tenth subtext @(0,0,0,0,0,0,.5,.5,.5) #1201-#1300
tenth subtext @(0,0,0,0,0,0,.5,.5,.5)-@(-100,0,0,0,0,0,.5,.5,.5) #1301-#1310
another eleven subtext @(0,0,0,0,0,0,.5,.5,.5) #1301-#1400
eleven subtext @(0,0,0,0,0,0,.5,.5,.5)-@(100,0,0,0,0,0,.5,.5,.5) #1401-#1410
another twelve subtext @(0,0,0,0,0,0,.5,.5,.5) #1401-#1500
twelve subtext @(0,0,0,0,0,0,.5,.5,.5)-@(100,0,0,0,0,0,.5,.5,.5) #1501-#1510
another thirteen subtext @(0,0,0,0,0,0,.5,.5,.5) #1501-#1600
thirteen subtext @(0,0,0,0,0,0,.5,.5,.5)-@(100,0,0,0,0,0,.5,.5,.5) #1601-#1610
another fourteen subtext @(0,0,0,0,0,0,.5,.5,.5)-@(0,0,-10,0,0,0,1,1,1) #1601-#1700
another fifteen subtext @(0,0,-20,0,0,0,1,1,1) #1701-#1800

Categories
video creation

HLC: Image background removal

This is more like a basic tutorial on how to perform background removal in videos and then layer them one over another.

Video Creation Steps:

List of media used by us (Credits list)
Video Background removal

For this challenge, we had decidedly chosen non standard color, hence manual correction was done

Daffodil : [[5, 10, 10], [32, 36, 240]]

Alarm clock : [[15,150,10], [21,250,250]]

The fire worked fine with “black all” option

Extras*

The clock video we got had 256 frames only while the flower had 1410. Hence we set the FPS for clock video to be 1/6 th of the original value so that they both can complete together.

Final Story
woman @(-20,2,20,0,0,0,.5,.5,.5) #1
alarm @(0,0,0,0,0,0,.893,.893,.893) #1-#1410
fire @(-40,1,0,0,0,0,1.78,1.78,1.78) #1-#1410
flower @(-27,0,0,0,0,0,.893,.893,.893) #1-#1410
Video background removal

And that’s all. This was indeed quite simple. Wanna improve further?

Summary:

  1. The memory almost hid the wall as we had 3 HD videos, plus an image, all playing at the same time.
  2. If you have lower specs but large files (more than 3-4 thousand frames), the better (and sensible) option will be to break the video in parts (by creating models manually with limited frames) and then merge finally.