diff --git a/docs/figures/CACANi/canani1.png b/docs/figures/CACANi/canani1.png
new file mode 100644
index 0000000..a3b398d
Binary files /dev/null and b/docs/figures/CACANi/canani1.png differ
diff --git a/docs/figures/CACANi/canani2.png b/docs/figures/CACANi/canani2.png
new file mode 100644
index 0000000..9f1f83b
Binary files /dev/null and b/docs/figures/CACANi/canani2.png differ
diff --git a/docs/figures/CACANi/canani3.png b/docs/figures/CACANi/canani3.png
new file mode 100644
index 0000000..247cc4e
Binary files /dev/null and b/docs/figures/CACANi/canani3.png differ
diff --git a/docs/figures/CACANi/canani4.png b/docs/figures/CACANi/canani4.png
new file mode 100644
index 0000000..edf8243
Binary files /dev/null and b/docs/figures/CACANi/canani4.png differ
diff --git a/docs/figures/CACANi/canani5.png b/docs/figures/CACANi/canani5.png
new file mode 100644
index 0000000..0c47b1c
Binary files /dev/null and b/docs/figures/CACANi/canani5.png differ
diff --git a/docs/figures/CACANi/canani6.png b/docs/figures/CACANi/canani6.png
new file mode 100644
index 0000000..9a648f3
Binary files /dev/null and b/docs/figures/CACANi/canani6.png differ
diff --git a/docs/figures/CACANi/canani7.png b/docs/figures/CACANi/canani7.png
new file mode 100644
index 0000000..c6ac620
Binary files /dev/null and b/docs/figures/CACANi/canani7.png differ
diff --git a/docs/figures/Krita/krita1.png b/docs/figures/Krita/krita1.png
new file mode 100644
index 0000000..c465f74
Binary files /dev/null and b/docs/figures/Krita/krita1.png differ
diff --git a/docs/figures/Krita/krita2.png b/docs/figures/Krita/krita2.png
new file mode 100644
index 0000000..07af9be
Binary files /dev/null and b/docs/figures/Krita/krita2.png differ
diff --git a/docs/figures/Krita/krita3.png b/docs/figures/Krita/krita3.png
new file mode 100644
index 0000000..e583e90
Binary files /dev/null and b/docs/figures/Krita/krita3.png differ
diff --git a/tutorials/CACANi_inbetweening_generation.md b/tutorials/CACANi_inbetweening_generation.md
index 3fa3b76..01a4585 100644
--- a/tutorials/CACANi_inbetweening_generation.md
+++ b/tutorials/CACANi_inbetweening_generation.md
@@ -1,3 +1,31 @@
# Make Inbetweening and Animation with CACANi
+1. Install [CACANi](https://cacani.sg/).
+2. Add keyframes according to the number of SVGs. There are 3 keyframes now:
+
+
+
+3. Import SVG files in `separate/` folder one by one: File - Import - CACS/SVG File
+
+
+
+4. Note that the imported keyframe is in a new cell. You should copy all the vector strokes to the default cell (Cel 1 - Layer 1):
+
+
+
+5. Delete the cell above.
+
+
+
+6. Repeat step-3 to step-5 to import the other SVGs to the corresponding keyframes. Then, add intermediate frames:
+
+
+
+7. Select the empty intermediate frames between two keyframes, and generate the inbetweens. Repeat the process for the other empty intermediate frames.
+
+
+
+8. Finally, broadcast the animation. You can choose different animation modes and set different frame rates.
+
+
diff --git a/tutorials/Krita_vector_generation.md b/tutorials/Krita_vector_generation.md
index 7675646..a668adc 100644
--- a/tutorials/Krita_vector_generation.md
+++ b/tutorials/Krita_vector_generation.md
@@ -1,3 +1,17 @@
# Make Vector Reference Frame with Krita
+1. Install [Krita](https://krita.org/en/)
+2. New File - Create (arbitrary configurations)
+3. In Layers panel, remove the default Paint Layer. Then, add a File Layer. Select your reference image, and choose the 'Scale to Image Size' option. You will see image now. Remember to lock the layer in the panel.
+4. Add a Vector Layer and move it above the File Layer. Then, choose the 'Bezier Curve Tool' on the left. Select any color you like and set the Size of the curve.
+
+
+
+5. Trace the drawing. Set all the intermediate points to 'Corner point' for better control. Then, drag them to align the curves with the drawing.
+
+
+
+6. After tracing the entire drawing, save it to an svg file: Layer - Import/Export - Save Vector Layer as SVG. Done!
+
+