# Work Creation-Create a New Project

There is no particular difference between the way projects are created in "Template Content Creation" and "Blank Canvas".

## 1.Template Content Creation

### STEP1 Choose from a wide selection of templates <a href="#px2ai" id="px2ai"></a>

* Method 1: You can quickly find suitable templates based on Method, Industry, or Template Type.&#x20;
* Method 2: You can also enter keywords in the search bar to quickly search for relevant templates.

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

### STEP2 Select a template

* After selecting a template, the following interface will appear. You can preview the template's effects to see if it meets your expectations. You can also use your phone to scan the QR code for a preview.&#x20;
* The template will also come with two preset skins, allowing advertisers to create playable ads that align with their product style more efficiently.

<div align="left"><figure><img src="/files/CFqxwurN4D4VH1JetyMA" alt=""><figcaption></figcaption></figure></div>

### STEP3 Select the creation method&#x20;

Click on "Content Creation" to confirm the selection of the production method.

<div align="left"><figure><img src="/files/nkFcp9PuSNePEaM4tki2" alt=""><figcaption></figcaption></figure></div>

### STEP4 Enter the project name

After selecting the production method, enter the project name and click "Confirm" to proceed to the project editing page.&#x20;

**Please note:** The project name should only contain numbers, letters, underscores, and be within 50 characters.

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

## 2.Blank Canvas

### STEP1 Create Blank Canvas project

* Enter the playable project page - Content editor area&#x20;
* Create Project - Blank Canvas

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

### STEP2 Enter the project name&#x20;

**Please note:**&#x54;he project name should only contain numbers, letters, underscores, and be within 50 characters.

<div align="left"><figure><img src="/files/JHcGApQxcjFt8UUGm4zN" alt=""><figcaption></figcaption></figure></div>

### STEP3 Select the adaptation direction

* Supports three types of screen adaptation: **Horizontal & Vertical screen**, **Landscape**, and **Portrait**.&#x20;
* Once the project is created, the adaptation orientation cannot be modified.
* &#x20;If you made an incorrect selection initially, it is recommended to duplicate the project and then choose and edit again.

<div align="left"><figure><img src="/files/odakzNVu8MzOJtHn0dyE" alt=""><figcaption></figcaption></figure></div>

#### **1)** Horizontal & Vertical screen

* It is necessary to complete both horizontal and vertical screen scene production in one work.
* During display, the appropriate direction will be automatically selected for the creative according to the current display direction of the app (e.g. when the app is vertically displayed, the vertical screen design of the work will be displayed; when the app is horizontally displayed, the horizontal screen design of the work will be displayed)
* The actual adaptation is as follows:

| ![](/files/1Kk9KbflQkCbIOIRMwq6) | ![](/files/GdeG04mO1kIWaE0JWr6L) |
| -------------------------------- | -------------------------------- |
| Vertical screen                  | Horizontal screen                |

#### **2) Portrait**

* In one work, only the vertical screen production is needed to be completed.
* When displaying, no matter what the display direction of the current App is, only the vertical screen design is displayed,and the spare area will be filled with black by default.
* The actual adaptation is as follows:

| ![](/files/HpkopMiKVicCtPtYGy3p)                    | ![](/files/Ui7J2Zt1CguNm6APQFYm)                                              |
| --------------------------------------------------- | ----------------------------------------------------------------------------- |
| <p>Vertical screen</p><p>(vertical design only)</p> | <p>Horizontal screen</p><p>(spare areas are filled with black by default)</p> |

#### **(3) Landscape**

* In one work, only the horizontal scene production is needed to be completed.
* When displaying, no matter what the display direction of the current App is,  only the horizontal screen design is displayed,and the spare area will be filled with black by default.
* The actual adaptation is as follows:

<table data-header-hidden><thead><tr><th width="375"></th><th></th></tr></thead><tbody><tr><td><img src="/files/osXiFAHkUtcxGR42yIQo" alt=""></td><td><img src="/files/GFtumTMQUDJhA8XjhRig" alt=""></td></tr><tr><td><p>Horizontal screen</p><p>(horizontal design only)</p></td><td><p>Vertical screen</p><p>(spare areas are filled with black by default)</p></td></tr></tbody></table>

Once the creation is complete, you can enter the project and start editing 👉 [Content Editor-User Guide](/playable-tools-content-editor/content-editor-user-guide.md)


---

# 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://doc.playturbo.com/playable-tools-content-editor/work-creation-create-a-new-project.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.
