# Basic Editor Tutorial

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

ReadKidz Picture Editor has basic editing functions. If you master the tools, you can also create a wonderful children's picture book! So how to use the editor to create a wonderful children's picture book?

<mark style="color:red;">**Please note: If you want to make a physical book, make sure to enable bleed lines and don't let the text content extend beyond those lines!**</mark>

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

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

**Image generation**

Check whether the number of <mark style="color:purple;">**slide pages**</mark> on the left reaches the number of pages specified by the subtitle!

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

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

Check whether there are corresponding portraits for the characters that appear in the subtitles!

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

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

Check the prompt editing section on the right!

<figure><img src="/files/61H9jEj2sUwn8L6uPHv7" alt=""><figcaption></figcaption></figure>

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

Click on "<mark style="color:purple;">**AI images**</mark>" in the upper right corner of the subtitle on the canvas page to enter the prompt editing page!

<figure><img src="/files/GH1T0cIFM0Kdeur0yNSv" 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 prompt words corresponds to the character portraits!

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

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

Click "<mark style="color:purple;">**My Prompt**</mark>", and you can also write your own prompt words! <mark style="color:purple;">**Enter a description for the image you want to generate, suggested format: \[Background description] \[Character action description] \[Character clothing description], \[Hair color description] \[Camera description]**</mark>

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

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

When writing "<mark style="color:purple;">**My Prompt**</mark>", "<mark style="color:purple;">**Portrait reference**</mark>" can be deleted or modified!

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

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

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

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

<figure><img src="/files/QE9iCaH2lJ5pxCOthseq" 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 picture of the scene. If you are not satisfied with the generated picture, you can click "<mark style="color:purple;">**Generate**</mark>" to regenerate it, or enter the prompt editing page to adjust the drawing prompt! (<mark style="color:red;">**Please note: When there is no prompt, clicking the generate button will take you to the prompt page!**</mark>)

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

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

You can also click "<mark style="color:purple;">**Double-page spread**</mark>" in the upper left corner to enable the two-page spread design!

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

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

<mark style="color:red;">**(Note: To ensure the reading experience of the picture book, the spread function only supports picture book ratios of 1:1 and 3:4! The spread design on the right - hand page can only be enabled after the spread design on the left - hand page is opened!)**</mark>

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

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

The generated images will be displayed on the right side of the canvas. Users can select one of them. <mark style="color:purple;">**If no image is selected, the first image will be selected by default**</mark>**!** (<mark style="color:red;">**Note: Due to platform optimization and upgrading, the 4-in-1 images in your historical image generation data that have not been retrieved cannot be queried!**</mark>)

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

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

Click "<mark style="color:purple;">**Apply to the canvas**</mark>" to add the drawing to the canvas!

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

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

If the number of characters in the subtitles exceeds the character limit, a plain text page will be generated specifically for placing the subtitles. A "<mark style="color:purple;">**Text only**</mark>" mark will appear in the upper right corner of the plain text page! (<mark style="color:red;">**Note: The plain text page cannot generate images!**</mark>)

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

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

If you don't need the plain text page, you can select this page and click "<mark style="color:purple;">**delete**</mark>" to remove it, including the subtitles. (<mark style="color:red;">**If you need to retrieve the deleted page, you can click on the "Trash" in the upper - level page to restore the deleted page!**</mark>)

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

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

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

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

**Image Editing**

When editing a picture book, you can choose artistic fonts for the cover copy! (<mark style="color:red;">**Note: This feature currently only supports English picture books. Artistic fonts for other languages will be gradually improved later. Stay tuned!**</mark>)

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

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

New "<mark style="color:purple;">**Chat PS**</mark>" feature in the image editing page.

<mark style="color:purple;">**Usage Examples:**</mark>

<mark style="color:purple;">**Modify image details with spoken descriptions:**</mark> You can directly describe the changes you want, and the system will quickly understand and make the corresponding modifications.

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

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

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

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

<mark style="color:purple;">**Add characters to images using spoken descriptions:**</mark> Simply tell the system how you want to introduce a character into the scene, and it will help you achieve it effortlessly.

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

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

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

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

<mark style="color:purple;">**Optimize text display effects through spoken descriptions:**</mark> Allow your text to blend beautifully with the images, enhancing the storytelling!（<mark style="color:red;">**Note: Currently, only English copy can be added. Other languages will be supported in subsequent versions!**</mark>）

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

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

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

Click the image to display a green selection box that lets you <mark style="color:purple;">**resize or rotate the image**</mark>.

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

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

The toolbar provides other functions after right-clicking the image:

<mark style="color:purple;">**Undo**</mark> : Undo the last step

<mark style="color:purple;">**Copy**</mark> : Copy the image

<mark style="color:purple;">**Paste**</mark> : Paste the copied image

<mark style="color:purple;">**Generating images**</mark> : AI rendering pages

<mark style="color:purple;">**Replace**</mark> : Replace the image

<mark style="color:purple;">**Delete**</mark> : Delete the image

<mark style="color:purple;">**Lock**</mark> : Lock the image

<mark style="color:purple;">**Layer**</mark> : Move Layer

<mark style="color:purple;">**Flip horizontally**</mark> : Flip the image left and right

<mark style="color:purple;">**Flip vertically**</mark> : flip the image upside down

<mark style="color:purple;">**Set the image as background**</mark> : Set the image as background

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

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

Click the three dots in the upper left corner of the canvas to <mark style="color:purple;">**download the current image**</mark>.

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

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

**Text Editing**

Clicking on the text will display a green selection box that will allow you to <mark style="color:purple;">**resize or rotate the text**</mark>. Double-click on the text to edit it directly!

Click on the subtitles, and the corresponding font settings will appear above! You can choose the appropriate font style, <mark style="color:purple;">**adjust the font size and color**</mark>, etc.

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

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

The toolbar also provides corresponding functions after right-clicking the subtitle:

<mark style="color:purple;">**Copy styles**</mark> : unify the text effect of the main text (<mark style="color:red;">**except for the cover and the end**</mark>)

<mark style="color:purple;">**Switch selected text mark：**</mark>Change text style

<mark style="color:purple;">**Undo**</mark> : Undo the last step

<mark style="color:purple;">**Copy**</mark> : Copy the text

<mark style="color:purple;">**Paste**</mark> : Paste the copied text

<mark style="color:purple;">**Delete**</mark> : Delete text

<mark style="color:purple;">**Lock**</mark> : Lock the text

<mark style="color:purple;">**Layer：**</mark> Move Layer

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

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

If you want to add new subtitles, you can click the text library in the toolbar below to <mark style="color:purple;">**add subtitles**</mark>. 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/7ihsplOWqdOQcsaNhHLb" alt=""><figcaption></figcaption></figure>

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

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

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

Click the "<mark style="color:purple;">**Translate**</mark>" button.

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

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

Select the target <mark style="color:purple;">**language**</mark>.

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

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

Click the <mark style="color:purple;">**translation**</mark> button, and the system will quickly generate the translated result.

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

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

Click the <mark style="color:purple;">**copy**</mark> button to quickly copy the translation result to the clipboard.

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

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

<mark style="color:purple;">**Paste**</mark> the translation result.

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

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

**Dubbing**

After completing the picture layout design of the picture book, we can <mark style="color:purple;">**dub each subtitle**</mark>. Click the dubbing icon in the toolbar below to enter!

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

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

Click the "<mark style="color:purple;">**Change Voice Actor**</mark>" button to enter the voice library, <mark style="color:purple;">**listen to the voices of voice actors**</mark>, <mark style="color:purple;">**choose your favorite voice actor**</mark> to voice your story, and you can also choose different voice actors for different subtitles.

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

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

There are multiple voice actors for you to choose from!

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

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

You can directly enter the voice actor list by clicking "<mark style="color:purple;">Change Voice Actor</mark>" without checking the subtitles. After determining the voice actor, all subtitles can be dubbed using this actor!

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

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

You can also check the subtitle, enter the dubbing list, and select a voice actor to dub the current subtitle. <mark style="color:purple;">**Different subtitles can use different voice actors**</mark>!

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

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

<mark style="color:red;">Please note: New subtitles can also be dubbed. You can drag the subtitles in the dubbing list to adjust the reading order!</mark>

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

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

**Sticker**\
ReadKidz supports a diverse material library including <mark style="color:purple;">**stickers of various styles**</mark>, bubble frames, etc. Click the material library icon in the toolbar below to enter the material library and select materials that match the style of the picture book to make the picture more interesting!

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

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

**Background Music**\
After the dubbing is completed, you can click on the background music library on the below and <mark style="color:purple;">**select appropriate background music**</mark> according to the content of the picture book story. You can listen to it by pressing the play button and click "<mark style="color:purple;">+</mark>" to add background music!

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

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

**Background wall**\
After adding background music, you can click the background wall library in the toolbar below and <mark style="color:purple;">**select a background picture**</mark> that matches the style of the picture book, which can make the picture book preview more vivid and interesting!

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

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

**New and hidden pages**\
If you need to add a new canvas, you can click "<mark style="color:purple;">**+ Add pages**</mark>" below the slide. The new canvas will only be added under the specified canvas, so be sure to pay attention!

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

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

On the newly added blank page, click the "<mark style="color:purple;">**Generate**</mark>" icon to enter the AI ​​drawing page and write the prompt words to generate the picture! You can also click "<mark style="color:purple;">**Upload**</mark>" to upload the picture. Of course, you can also use the upload function on the toolbar below to upload pictures!

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

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

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

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

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

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

If you are not satisfied with a certain page, you can use the <mark style="color:purple;">delete function</mark>. Click on the three dots in the upper left corner of the page, and then click the <mark style="color:purple;">delete icon</mark> to delete the current page!

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

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

If you want to cancel the deletion, click the "<mark style="color:purple;">Trash Can</mark>" button in the upper right corner of the page, and then enter the page and click "<mark style="color:purple;">Recovery</mark>" to restore it! (<mark style="color:red;">Note: Newly added blank pages cannot be restored after deletion!</mark>)

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

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

**Preview and Download**

The preview is divided into two types : <mark style="color:purple;">**double-page preview**</mark> and <mark style="color:purple;">**picture book preview**</mark>!

① <mark style="color:purple;">**Double-page preview**</mark> : After we finish editing a page, click the double-page preview icon in the upper left corner to view the double-page effect for better design and layout!

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

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

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

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

② <mark style="color:purple;">**Picture book preview**</mark> : After completing all the steps, save the work. Then click on the preview icon in the upper right corner, and you can preview the effect of the entire picture book!

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

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

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

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

After you finish your picture book, you can download it. Click the three dots in the upper right corner and <mark style="color:purple;">**select the format you want to download**</mark>!

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

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

If you need to convert the album into a video, click "<mark style="color:purple;">**Generate video**</mark>" in the upper right corner to generate the video!

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

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

It should be noted that the generation of picture book videos needs to <mark style="color:purple;">**meet the following requirements**</mark>:

<mark style="color:red;">1. This book has at least 12 pages.</mark>

<mark style="color:red;">2. Each page must contain illustrations, voice-over and title text (except the back cover).</mark>

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

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

After the video is generated, you can also click the three small dots in the upper right corner and select "<mark style="color:purple;">**Download Video**</mark>"!

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://readkidz.gitbook.io/readkidz/readkidz-getting-started-tutorial/basic-editor-tutorial.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.