> For the complete documentation index, see [llms.txt](https://readkidz.gitbook.io/readkidz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://readkidz.gitbook.io/readkidz/how-to-make-your-first-four-panel-comic-strip.md).

# How to make your first four-panel comic strip

<figure><img src="/files/Xz6Fy0zgCmdXCn19Fdqx" alt=""><figcaption><p>ReadKidz Getting Started Tutorial</p></figcaption></figure>

What is a <mark style="color:purple;">four-frame comic strip</mark>?

Four-panel comics are short comics consisting of four panels, arranged vertically and compactly, with themes of daily life and humor. Famous works include "Snoopy", "Garfield", "Hetalia", "Lucky☆Star", etc. This comic form is simple and direct, especially suitable for online dissemination and fragmented reading, and is deeply loved by readers.&#x20;

<figure><img src="/files/5uXgQj5M0E0Mig0WHLCK" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

So how do you use the four-frame comic function to create an interesting and creative comic?

**Step 1: Create a project**

① Enter the Readkidz homepage. Click on "<mark style="color:purple;">Caricature</mark>" in the left navigation bar or click on "<mark style="color:purple;">Four-panel comic</mark>" under "<mark style="color:purple;">Choosing Picture Books by Age</mark>" on the right page to enter the creation page!

<figure><img src="/files/gzX1vv993mHxMRrpNB1X" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

② Choose the <mark style="color:purple;">age group and protagonist type</mark> of the story according to your ideas!&#x20;

<figure><img src="/files/rxXkY4GfbyqWnFz5jFEc" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

**Step 2: Choose a subject**

After entering the subject selection page, you can <mark style="color:purple;">choose the comic subject</mark> according to your own ideas!

Currently, the themes are divided into six categories: <mark style="color:purple;">Daily Life、Comedy and Humor、Workplace Diversity、Campus Fun、Special Holidays Category、Fantasy Adventure Category</mark>! Each major category has a corresponding theme category! (<mark style="color:red;">Note: For ages 6 - 8, there are currently only three categories: Daily Life, Comedy and Humor, and Fantasy Adventure Category!</mark>)

<figure><img src="/files/JKCgknHVi8XSQ1t0Y8T1" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

**Step 3: Refine the character**

Enter the story creation page. The story on the left shows the comic title, subtitles of each frame and the plot. <mark style="color:purple;">Click the title to modify the title of the comic</mark>!&#x20;

<figure><img src="/files/w3NWuGcaPApuk0QzIr5L" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

<figure><img src="/files/hKBbhfp238CWbNpNII7c" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

**Step 4: Choose a style**

After confirming the character, we need to choose the style. Currently, the platform contains more than <mark style="color:purple;">100 styles</mark>! Simply select a style for your comic and then click "<mark style="color:purple;">Next</mark>"!

<figure><img src="/files/kGe66m5JIPBn7AwH8xp3" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

**Step 5: Character Portrait**

After confirming the style, we need to create the character portrait!

① <mark style="color:purple;">Review whether there are any missing characters in the character list on the left! Check the character information panel on the right!</mark>

<figure><img src="/files/ZHluyR9lXeZ8N6tdit9W" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

② If you are not satisfied with the currently selected style, you can click to <mark style="color:purple;">enter the style selection page and reselect the style</mark>! After confirming the style, please make sure that the character portraits of all characters are of the same style! And make sure that each character has a character portrait before you can proceed to the next step! (<mark style="color:red;">Please note that after clicking to enter the next step, you cannot regenerate the character portrait!</mark>)

<figure><img src="/files/NbFjavRMZ3V70hKsVMxc" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

<figure><img src="/files/YPcy20jbGAckRcMiyXMj" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

③ Click "<mark style="color:purple;">Generate</mark>" to create a character portrait. If you are not satisfied with the generated image, you can click "<mark style="color:purple;">Generate</mark>" to regenerate it!

<figure><img src="/files/ZY6az6yFiaKqSD66VzJ7" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

④Four pictures will be generated at once. Select the one you want and click "<mark style="color:purple;">confirm</mark>"! (<mark style="color:red;">Note: The first picture is selected by default. If you want to change it, be sure to click "confirm" to select the picture!</mark>)

<figure><img src="/files/VcDp4LgagCZCoCkgdayv" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

**Step 6: Storyboard Page**

&#x20;① Click "<mark style="color:purple;">Edit</mark>" in the upper right corner of the subtitle on the canvas page to enter the prompt word editing page!

<figure><img src="/files/TfrkH1XJZp1NeI8tgbad" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

② Check whether the content of the prompt words corresponds to the <mark style="color:purple;">story subtitles</mark>, and whether <mark style="color:purple;">the number of characters</mark> described in the prompt words corresponds to <mark style="color:purple;">the character portraits!</mark>

<figure><img src="/files/yU9IGuCmsRvXbdWFtGmt" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

(Note: In addition to the official prompts, you can also click on "<mark style="color:purple;">My Prompt</mark>" to write your own prompts and then generate images!)

<figure><img src="/files/XApZ56EJBcd042nqudR2" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

③ You can <mark style="color:purple;">directly modify</mark> the descriptive words. If you add <mark style="color:purple;">new descriptive words</mark>, please be sure to press the <mark style="color:purple;">"Enter" key</mark> and add the descriptive words within the <mark style="color:purple;">specified number of characters</mark>, otherwise it will not take effect! After the modification is completed, please remember to click <mark style="color:purple;">"confirm"</mark> to save!

<figure><img src="/files/KpuHrslGKanW1mXO2IYU" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

④ After the review is completed, click "<mark style="color:purple;">Generate</mark>" to generate the screen image. If you are not satisfied with the original image, you can enter the prompt word editing page to adjust the drawing prompt words and click "<mark style="color:purple;">Generate</mark>" to regenerate!

<figure><img src="/files/I9t85gcnMVxbrxe648I5" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

⑤ Four pictures will be generated at once. Select the one you want and click "<mark style="color:purple;">confirm</mark>"! (<mark style="color:red;">Note: The first picture is selected by default. If you want to change it, be sure to click "confirm" after selecting the picture!</mark>)

<figure><img src="/files/FniVO4p1hXkllYAZhuSe" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

⑥ You can also change the picture on the storyboard page. Click "<mark style="color:purple;">confirm</mark>" to select a picture! Click to proceed to the next step!

<figure><img src="/files/9l2H2KVOehkLfd1busDZ" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

**Step 7: Image Editing**

① Enter the picture editing page, and the four pictures will be <mark style="color:purple;">arranged into a four-frame comic by default</mark>!

<figure><img src="/files/0D2RnujfrDs3SmGNP7CZ" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

② Click on the picture, and click on the green dot in the green border of the picture to <mark style="color:purple;">rotate, zoom in and out</mark> the selected picture!

<figure><img src="/files/JOH1JyEBtS0MbhiunTz2" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

③ Select the picture and right-click it. You can use the toolbar to <mark style="color:purple;">Undo, Lock, Flip horizontally or vertically the selected picture</mark>.

<figure><img src="/files/yG3XfCI1pKAywefFccAy" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

④ The material library on the right contains <mark style="color:purple;">various types of stickers, bubble frames and other image materials.</mark> Click to enter and select materials that match the style of the picture book to make the picture more interesting! (<mark style="color:red;">When the overall composition of the generated picture is good but there are slight flaws, stickers can also be used to cover up the unsatisfactory parts!</mark>)

<figure><img src="/files/2VrjFxCYAoVTnc1WJOJw" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

<figure><img src="/files/0hQuOEQK7c5aB50Ubr88" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

If you don’t like the initial bubble frame, you can also click to enter the material library on the right, <mark style="color:purple;">find the bubble type sticker material</mark>, select the appropriate bubble, and <mark style="color:purple;">put it in the appropriate position</mark> to make your picture look more creative!

<figure><img src="/files/R8q3Ozap7hhF6RA9tsXm" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

**Step 8: Text Editing**

After you finish editing the picture, you can start the layout design of the subtitles. Click on the subtitles and the corresponding font settings will appear above! <mark style="color:purple;">Choose the appropriate font style, adjust the appropriate size,</mark> and then put it in the appropriate position to make the whole picture look more harmonious!

<figure><img src="/files/dWh7TCE1R2DVZkz1bunQ" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

<figure><img src="/files/b0GlV6pr4ZbvhkktqM5R" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

If you want to <mark style="color:purple;">add new subtitles</mark>, you can click the <mark style="color:purple;">text library</mark> in the right toolbar to add new subtitles. The text library contains a variety of font effects, and you can choose according to your needs! (<mark style="color:red;">Please note: In order to make the entire picture book look more consistent, it is recommended to set the subtitles to a unified font effect!</mark>)

<figure><img src="/files/6EpQleulTrcEyPasqtqV" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

<figure><img src="/files/cNwlJ5RTIBaxpsGOHkly" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

**Step 9: Download and share**

When you have finished editing your four-frame comic, click <mark style="color:purple;">Save</mark> and then click the "<mark style="color:purple;">Present</mark>" button to preview the entire comic effect!

<figure><img src="/files/8qsmfUhIBbWf8zYbLvOa" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

<figure><img src="/files/YdA4xiQJ4pjHji9O5zIW" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

Click the download icon in the upper right corner of the canvas to <mark style="color:purple;">download your four-panel comic</mark>！

<figure><img src="/files/nOERvMxljpqSbaIco8Ql" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

After confirming that everything is correct, you can click the "<mark style="color:purple;">Share</mark>" button in the lower right corner to share your work!

<figure><img src="/files/nJ7poYN4hd1e4LbeM4dR" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>

<mark style="color:purple;">Click Share and select the platform you want to share on,</mark> and you will be redirected to the corresponding platform and share with one click! <mark style="color:red;">You can also get points for sharing a four-frame comic on social media for the first time</mark>!

<figure><img src="/files/FbOZ00eKEjSB7xsjH3JX" alt=""><figcaption></figcaption></figure>

<p align="center"><sup><sub>ReadKidz Getting Started Tutorial</sub></sup></p>