# How to use the ReadKidz image editor to create an exciting illustrated picture book

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

How can we use the ReadKidz image editor to create an exciting illustrated picture book?

**Step 1 : Image editing**

After entering the image editing page, we can right-click on the image, select "<mark style="color:purple;">**Image is suitable for background**</mark>", so that the image covers the canvas, which is more convenient for creation!

<figure><img src="/files/rC3YjgLMIhU5iS38nDt7" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

Of course, you can also create by using other features of the image editing, such as: zoom in and out, rotate, etc!

<figure><img src="/files/GOXfGZwI0zOwEJxsqRqN" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

If you think the layout of the image is still not creative enough, you can use the cropping tool in the editor! The cropping tool contains different masks, and you can <mark style="color:purple;">**choose different shaped cropping masks according to your needs to adjust the illustration shape**</mark>, making your picture book more creative!

<figure><img src="/files/9pZyRn2lp0WWP7OF2D2o" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

The cropping area can be rotated, <mark style="color:purple;">**adjusting the rotation angle can change the shape of the crop**</mark>, making your illustration's shape more creative! (<mark style="color:red;">**Please note: After the crop is completed, please remember to click "confirm", otherwise the crop is invalid!**</mark>)

<figure><img src="/files/sXOAcxtL5LM8qGrnngyH" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

After cropping, <mark style="color:purple;">**adjust the position of the cropped image**</mark> to make the scene more harmonious!

<figure><img src="/files/vAKxm6ovIyNiOI0UsTKD" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

The editor also supports <mark style="color:purple;">**the image upload feature**</mark>, just click "<mark style="color:purple;">**upload image**</mark>" on the right side of the editing page to upload the image you need!

<figure><img src="/files/tUZbMAb0CscmXznmhjrZ" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

**Image editing tips :**

If the generated image is not conducive to subtitle layout, we can <mark style="color:purple;">**move the image**</mark> to a reasonable position according to the composition of the picture, then <mark style="color:purple;">**copy the image**</mark> and <mark style="color:purple;">**align the edges**</mark> of the two images, make the two images more matched by <mark style="color:purple;">**flipping the image**</mark>, and then <mark style="color:purple;">**adjust the subtitles**</mark> to a suitable position, which can better carry out picture book layout design!

<figure><img src="/files/kkV7AB4CMcnSi5WpXncI" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

**Step 2 : Adjust subtitles**

After editing the image, you can proceed with subtitle layout design. Click on the subtitle, and the corresponding font settings will appear at the top! <mark style="color:purple;">**Choose a suitable font style**</mark>, <mark style="color:purple;">**adjust the appropriate size**</mark>, and then <mark style="color:purple;">**place it in the right position**</mark> to make the entire scene look more harmonious!

<figure><img src="/files/HrhezXg1wSCRJritil0p" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

If you want to <mark style="color:purple;">**add new subtitles**</mark>, you can <mark style="color:purple;">**click on the text library**</mark> in the below toolbar, add subtitles, and the text library contains various styles of font effects, which you can choose according to your needs! (<mark style="color:red;">**Please note: To make the whole picture book look more consistent, it is recommended to set the subtitles to a unified font effect!**</mark>)

<figure><img src="/files/Q3ab6B5abGxCcSusbLqF" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

**Subtitle Tips :**

After designing the font style for a subtitle, right-click the subtitle and select "<mark style="color:purple;">**Copy Style**</mark>" to unify the styles of all subtitles, but this will not unify the positions of all subtitles, and manual <mark style="color:purple;">**adjustment of each page's subtitle position**</mark> is still needed! (<mark style="color:red;">**Note: This operation does not apply to the font styles of the cover and end pages.**</mark>)

<figure><img src="/files/jymdkUZXcGcNKhQsOQCx" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

If you think the font on the picture is too monotonous, you can also open the material library in the below toolbar, <mark style="color:purple;">**select a suitable bubble**</mark>, and make your picture look more creative!

<figure><img src="/files/ddbWhGUA6YcxnprSziuo" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

When using bubbles, pay attention to <mark style="color:purple;">**the layer position of the bubble and text**</mark>. Remember to right-click the text or right-click the bubble to <mark style="color:purple;">**place the text on top of the bubble**</mark>!

<figure><img src="/files/isMMgL1WprHUlahVs1qg" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

Of course, when using the material library, you can also <mark style="color:purple;">**select appropriate stickers**</mark> according to categories and add them to the canvas to make the entire picture more harmonious and interesting!

<figure><img src="/files/A4qGSgAqIzpcKejZfUdc" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

**Sticker tips :**

When the overall composition of the generated image is good but slightly flawed, stickers can be used to <mark style="color:purple;">**cover up parts that are not satisfactory**</mark>!

<figure><img src="/files/pcjf1Rxsy8XsQ9TD7Ozw" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

**Step 3 : Voiceover**

After we complete the layout design of all pages of the picture book, we can proceed with the voiceover for the subtitles!

Click on the voice library in the elow toolbar, click the "<mark style="color:purple;">change voice actor</mark>" button to enter the voice library, listen to the voice actors' voices, <mark style="color:purple;">**choose your favorite voice actor to voice your story**</mark>, and different subtitles can also choose different voice actors.

<figure><img src="/files/tW4aFNO2rePRalsCBDQl" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

<figure><img src="/files/DwaDOAgfzPXFfNO4Xxrq" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

**Voice acting tips :**

① You can click "<mark style="color:purple;">**change voice actor**</mark>" without checking the subtitles to directly enter the voice actor list, confirm the voice actor, and then you can <mark style="color:purple;">**unify all subtitles to use that voice actor**</mark>!

<figure><img src="/files/cVHPT3ZMooSupdEciRNI" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

② You can also check the subtitle, enter the voiceover list, and <mark style="color:purple;">**voiceover the subtitle separately**</mark>!

<figure><img src="/files/9LkkJWsMu7FgkaR1DLrI" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

③ Subtitle addition can also be voice narrated, and you can <mark style="color:purple;">**drag the subtitle order in the voice narration list to adjust the reading order of subtitles on the page**</mark>!

<figure><img src="/files/aiZDzoLWue1o6gp1x4RY" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

**Step 4: Background Music**

After we have dubbed all the subtitles, we can add interesting background music. The background music library contains various types of music. <mark style="color:purple;">**Click the + button to add background music**</mark>! <mark style="color:purple;">**Click the play icon to pause or play the music**</mark>! Choose the appropriate background music according to the story content to make the whole picture book story more vivid and interesting!

<figure><img src="/files/P1jWKrAYRwNNwtwaKYOT" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>

**Step 5: Background wall**

The final step in making picture books is to <mark style="color:purple;">**add a suitable background wall**</mark>. We can click on the background wall library in the below toolbar and select the background image that best matches the illustration style of the picture book, making the preview of the picture book more visually appealing!

<figure><img src="/files/FsLes5iBOWiyeHACzDQg" alt=""><figcaption><p>Readkidz editing page</p></figcaption></figure>


---

# 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-advanced-tutorial/how-to-use-the-readkidz-image-editor-to-create-an-exciting-illustrated-picture-book.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.
