# How to create your first illustrated story

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2F4sPLyjxHorPuwrLZv1O1%2Fimage.png?alt=media&#x26;token=85cadcf4-e1d6-475d-8ef8-486594f578ff" alt=""><figcaption></figcaption></figure>

<mark style="color:purple;">ReadKidz</mark> platform has been upgraded! We have specially launched the Illustrated story feature, which allows you to easily create beautiful illustrated stories. So, how do you start your first illustrated story?

**Step 1 : Create a project**

Method 1: Enter the Readkidz homepage, find "<mark style="color:purple;">Illustrated Story</mark>" in the left navigation bar, and enter the illustrated story creation page!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FT3dpr8DQBtCseoNNXWZ1%2Fimage.png?alt=media&#x26;token=05088851-3173-41f3-808a-77811d88fa80" alt=""><figcaption></figcaption></figure>

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

Method 2: Click on "<mark style="color:purple;">Illustrated stories</mark>" under "<mark style="color:purple;">Choosing Picture Books by Age</mark>" on the right panel, and enter the page to create!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2F4iKUxTTbv10yxGMkrj2l%2Fimage.png?alt=media&#x26;token=3c77a6ee-9fb8-44b4-b1c1-8c88ba14a5c6" alt=""><figcaption></figcaption></figure>

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

Choose the <mark style="color:purple;">age group, topic type and emotional tone</mark> of the story according to your ideas, and click <mark style="color:purple;">Get Started</mark> to start creating！

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2Fb6cUYojHuWqs9UgN9Wom%2Fimage.png?alt=media&#x26;token=f5eae655-be12-448c-afb4-91044fb35a1b" alt=""><figcaption></figcaption></figure>

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

**Step 2 : Review and refine roles**

① Enter the story creation page, where the story title and the original story text are displayed. Click to edit and modify! （<mark style="color:red;">Please pay attention to the word limit!</mark>）

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FB9CVWHyjFBuqA5DfQgIB%2Fimage.png?alt=media&#x26;token=6a9b34d1-5418-408b-a9d5-a1ae5bb29fd1" alt=""><figcaption></figcaption></figure>

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

② After confirming the story, click <mark style="color:purple;">Extract Roles</mark> to extract the character information in the story!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2Ft5n83CRUALVSzz40W3oS%2Fimage.png?alt=media&#x26;token=2172e3e1-92ad-429f-8744-f3743cd0fa09" alt=""><figcaption></figcaption></figure>

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

**Step 3 : Choose a style**

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

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FeYKpRHy5BPJlung8KyAH%2Fimage.png?alt=media&#x26;token=3697dd6d-6f55-4721-b57d-d10746abab06" alt=""><figcaption></figcaption></figure>

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

**Step 4 : Character Portrait**

After confirming the style, we need to <mark style="color:purple;">create the character portrait</mark>!

① Review whether there are any missing characters in the left character list! Check the right character information panel!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FlvZlYRDo1uHyMO6PMqjF%2Fimage.png?alt=media&#x26;token=6cbd58f1-ffc6-42e1-adf6-f1268d31c0a1" alt=""><figcaption></figcaption></figure>

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

② Click "<mark style="color:purple;">edit character</mark>" at the bottom of the character information panel on the right or the "<mark style="color:purple;">small pencil</mark>" in the upper right corner of the character panel on the left to enter the character editing page!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FksgRXx3z6bcbFPDc6olu%2Fimage.png?alt=media&#x26;token=3794bd68-fa00-45ed-90e8-2ac59913cf6f" alt=""><figcaption></figcaption></figure>

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

③ On the character information editing page, there will be corresponding <mark style="color:purple;">character information</mark> according to the character type. Please edit the character information according to whether it is a required item! (<mark style="color:red;">Please note: If there is any information about the clothing of non - anthropomorphic animal characters on the information editing page, it is recommended to delete all clothing - related information!</mark>)

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2F09K0wIWoscvNZJOnoa3j%2Fimage.png?alt=media&#x26;token=e40486f1-7b1d-4e6f-81de-438cfffd9cf9" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FAiH2qvrhzBeLR66o9eJ0%2Fimage.png?alt=media&#x26;token=d3fe4a05-614d-4ff6-b2ea-88e59cf1f14a" 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 <mark style="color:purple;">click to 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 <mark style="color:purple;">same style</mark>! And make sure that <mark style="color:purple;">each character has a character portrait</mark> before you can proceed to the next step! (<mark style="color:red;">Please note that after clicking to enter the next step, the character portrait cannot be regenerated!</mark>)

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FsfH5TgGSlB1zCP2M0tCL%2Fimage.png?alt=media&#x26;token=6eef6ac8-bdb2-4d27-b0c7-3598972ae3c3" 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%2FZbTw2TVHEKbjpGet2xG9%2Fimage.png?alt=media&#x26;token=924c7a8e-c71e-4f4d-bde6-c3fc040ed977" alt=""><figcaption></figcaption></figure>

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

⑥ Click "<mark style="color:purple;">Generate</mark>" to <mark style="color:purple;">generate a character portrait</mark>. If you are not satisfied with the original picture, you can click "<mark style="color:purple;">Generate</mark>" to <mark style="color:purple;">regenerate it,</mark> or enter the prompt word editing page to <mark style="color:purple;">adjust the drawing prompt words</mark>, and then click "<mark style="color:purple;">Generate</mark>" again to regenerate!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FmBTdU5M2krugSWyAa180%2Fimage.png?alt=media&#x26;token=8fced133-dc4b-430e-a3b8-cd360f59dc84" alt=""><figcaption></figcaption></figure>

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

⑦ <mark style="color:purple;">Four pictures will be generated at once.</mark> Select the one you want! (<mark style="color:red;">Note: By default, the first picture is selected after generation!</mark>)

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2F5wZTzDYdWZozoM3CZf3W%2Fimage.png?alt=media&#x26;token=ae042786-4c68-484e-9c56-6d2b9304601e" alt=""><figcaption></figcaption></figure>

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

**Step 5 : Graphics and text editing**

Enter the picture and text editing page, <mark style="color:purple;">the text and pictures have been automatically laid out into picture and text illustrations</mark>, you can edit and modify them!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FlZ8ftHonkP07qPoBJzcN%2Fimage.png?alt=media&#x26;token=1a0ed717-3b5e-4606-84c5-02de0118198e" alt=""><figcaption></figcaption></figure>

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

① Text editing : Select the text content that needs to be modified. We can <mark style="color:purple;">click the text effect toolbar at the top to operate, or use the function of the floating toolbar</mark> to perform the corresponding text editing.

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2Fiy0S3rdWWOfj6GO56Qas%2Fimage.png?alt=media&#x26;token=65cf1d5d-1c2d-49f1-8870-d7fce4a82aa3" alt=""><figcaption></figcaption></figure>

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

② Illustration generation : You can first <mark style="color:purple;">click the small brush</mark> in the upper right corner of the subtitle on the canvas page to enter the prompt word editing page to view the illustration! On the prompt word editing page, <mark style="color:purple;">check</mark> whether the <mark style="color:purple;">prompt word content</mark> corresponds to the <mark style="color:purple;">story paragraph</mark>, and whether the <mark style="color:purple;">character portrait</mark> corresponds to the <mark style="color:purple;">story paragraph</mark>!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FPPwbgycCilos11V4BMjV%2Fimage.png?alt=media&#x26;token=b4b12c3f-9d98-4a9c-be1a-55ed212ce77d" alt=""><figcaption></figcaption></figure>

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

Review whether the content of the prompt words corresponds to the story subtitles, and whether the number of characters described in the official prompt words corresponds to the character portraits!&#x20;

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FfE4Ldry7z7izF4DzDmZJ%2Fimage.png?alt=media&#x26;token=6b68af65-8341-4d9a-afbf-4861d8334522" alt=""><figcaption></figcaption></figure>

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

Modifications can be made directly on the descriptive words. If you <mark style="color:purple;">add new descriptive words</mark>, be sure to press the "<mark style="color:purple;">Enter</mark>" key and add the descriptive words within the specified number of characters, otherwise it will not take effect! After the modification is completed, 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%2FkXf9Qt3wkN639ti0nBAM%2Fimage.png?alt=media&#x26;token=7eaacf29-d32d-4096-b5cd-8a3343278736" 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 <mark style="color:purple;">adjust the drawing prompt words</mark> and click <mark style="color:purple;">"Generate" to regenerate</mark>!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FtZfjlNxLgO23yw6Rd7F3%2Fimage.png?alt=media&#x26;token=ec0cda14-9a57-4b17-bbf2-0505e3e56049" 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 after generation. Please click "confirm" for the selected picture!</mark>)

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FfxajHrzlXzduk7hhEsta%2Fimage.png?alt=media&#x26;token=ceb1b180-1454-4ce9-a7b0-1de572965a66" 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%2FkGtBSIYo7MT3VUMmlbwi%2Fimage.png?alt=media&#x26;token=939caec2-b2da-4859-8c92-2bcc3bb9d7cf" alt=""><figcaption></figcaption></figure>

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

After creating the illustrated story, you can click "<mark style="color:purple;">Preview</mark>" in the upper right corner of the page to preview!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FBHoy6KU4z7VR5uD4NTR1%2Fimage.png?alt=media&#x26;token=02706492-0800-48a2-a067-dbe7fd44f6ec" 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%2FrdMcrqkC2IwM2Bskgm7U%2Fimage.png?alt=media&#x26;token=91482530-1595-4515-bddf-2949c8ba58f8" alt=""><figcaption></figcaption></figure>

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

After we have created a beautiful illustration story, you can <mark style="color:purple;">share it to the platform you want (Facebook, Twitter, LinkdIn, WhatsApp)</mark>, and complete the sharing with one click!

<figure><img src="https://3477754308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzsZfoBvZYXkMl9uNhUAM%2Fuploads%2FBR8c0IYxIL8V4MoZwgyK%2Fimage.png?alt=media&#x26;token=2671f2d7-01ed-43f9-8ac5-d0ef4165b125" 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%2F61vMYtP0lMGfEsvbYMst%2Fimage.png?alt=media&#x26;token=5cef8e74-5d5d-4ba5-b888-6f69cb897184" alt=""><figcaption></figcaption></figure>

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