> 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

Welcome to ReadKidz!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FkjBHSIRxhzosqDvLw30c%2Fimage.png?alt=media&amp;token=8c5c3e51-04b0-4196-a14a-f5c319d9cebb" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FQ4fuBR36MYaCgLgVaSgs%2Fimage.png?alt=media&amp;token=23201822-1bd7-424b-b489-eff91d9c1a36" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FaNpZKmcj8LakrVmZcIQd%2Fimage.png?alt=media&amp;token=4c1ebddd-632b-448c-8752-4e0b3f8881ca" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FP7f2UgZPTXUf6uMSwvt7%2Fimage.png?alt=media&amp;token=3aaf3a73-d2d3-4f30-a74c-67b665f42a92" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FvP3SMn0ATLd8AUQpKIEb%2Fimage.png?alt=media&amp;token=19bcb105-05f1-4764-b48d-42760f3cac80" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2F28un8edaL7XQE8X6zzLb%2Fimage.png?alt=media&amp;token=e30771ef-e9ba-4481-a141-c18dd0914462" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FpQA250bpBpJNMY55E2nE%2Fimage.png?alt=media&amp;token=191afd90-5abf-4239-be7c-66ce57946403" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FCqVqIkQUsBbUIb25jDFt%2Fimage.png?alt=media&amp;token=949bc973-dfce-475a-b3f4-0fcdbf043d04" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FeweGkvjIYtbvBIuHCMCG%2Fimage.png?alt=media&amp;token=fa50e3f4-d6f4-4805-b998-8d302d89e3b2" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FNM5GLt55pezjjngH1iy5%2Fimage.png?alt=media&amp;token=c84becc2-194f-48c5-9d81-dd3ddf6782bb" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FZJmY11VKyUjnxIHHlvTa%2Fimage.png?alt=media&amp;token=b4cb07d6-b622-45e3-a0b6-41aaeabf8b91" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FIJQ2raKB5FMs1UXglRYY%2Fimage.png?alt=media&amp;token=6cf6e339-b7d5-4700-b8d8-f7fdd56fa54e" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FlBDauXmmmah4qgVro9Qp%2Fimage.png?alt=media&amp;token=2c484b4b-9cf3-4238-927d-a21aa4f0930a" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FfwjMELhxl35E9kTrTDJS%2Fimage.png?alt=media&amp;token=a7631d30-5e78-47ec-a3ef-338b0fe2c9e2" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FDJhFBQ0rltRhnD2EkVdm%2Fimage.png?alt=media&amp;token=6dd8bd56-830d-4b6d-b851-dda397216b8a" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FDeyhgmsc7Ijt4nhF0cLW%2Fimage.png?alt=media&amp;token=5bbbf746-07d5-4e2a-b535-e86907c2ecdb" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FzO0EKRMUU6AZkfsd09g4%2Fimage.png?alt=media&amp;token=8632747a-7329-4f23-8696-98236ccb69e0" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FpSg9XFPK5nmTUfaG9hPi%2Fimage.png?alt=media&amp;token=7dfbbff4-ee89-4544-97ca-7f925aaf8bfb" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2Fl1Xa0BWqMpe3wIcFFb2c%2Fimage.png?alt=media&amp;token=810d57c0-d3e2-4b83-8a44-de7f5828e74c" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FnXmpczEqj7UBGeKHvikM%2Fimage.png?alt=media&amp;token=012787b3-d418-4034-9c37-b08765aae3fc" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FW7YI1oJ336PfTeDLBiq8%2Fimage.png?alt=media&amp;token=c5ff295f-a3c3-43db-b9b1-cd9ab69b7b32" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FLKaLwtkRmGgZKp7NII1C%2Fimage.png?alt=media&amp;token=b3fb47b8-abb8-46ef-af01-e862e4ab587c" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FRP81N6D9h79CnykYPcNv%2Fimage.png?alt=media&amp;token=b8621bfa-e299-4e82-9691-5cbf24cf1a9a" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FfjoxYmVsD7jS7lsedg04%2Fimage.png?alt=media&amp;token=a9615820-8e7c-4126-abc3-b6013ee890bd" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FCankuxlUEU0Iy8Vr93xG%2Fimage.png?alt=media&amp;token=acef50ea-9dd1-442c-9f1f-60dc590d52ef" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FcWgJwz4RCjxACfPBaYNX%2Fimage.png?alt=media&amp;token=40d94426-0da6-4899-b9ec-9250a127465c" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FvnRkkh88fQ2D7krWQOOb%2Fimage.png?alt=media&amp;token=e4a4dd16-c465-4cb8-9fea-5673f29787b3" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FJurwfz3tZ1FH1KTv4la5%2Fimage.png?alt=media&amp;token=84e35eae-d467-4ad6-9654-cf5d41fb6e86" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FYsVKdjglvSxvcHkRDof5%2Fimage.png?alt=media&amp;token=7394f929-16d7-442a-9f68-68cf3c5e0f66" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FPqYvh7FnIP4kUX393Hmq%2Fimage.png?alt=media&amp;token=dd703920-95b1-49dd-8422-97941c837835" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2Fkirg4bntkM7OFZQJ6a9W%2Fimage.png?alt=media&amp;token=77d3c0e6-64e5-44cf-8446-9f85bbd1f6dd" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FP38bPlEq2puV81diaWaO%2Fimage.png?alt=media&amp;token=1742a73e-1494-4b61-8d49-0f1759b87caa" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2F1MlmGRrN1fOsgIICRJj7%2Fimage.png?alt=media&amp;token=a2c8d067-63a7-4328-96fd-6fa44774b011" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FiBU0W0cyoqy0635uc0Qj%2Fimage.png?alt=media&amp;token=b02da6ab-df00-454a-b4a6-db71563620d9" 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="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FtxFdkZQFP9h1nCL5ZnZC%2Fimage.png?alt=media&amp;token=397d9964-7da2-4f4e-a1c7-3c15be850722" alt=""><figcaption></figcaption></figure>

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