Content Dev:PSD to CTA Scene Conversion

From Reallusion Wiki!
Revision as of 22:57, 24 October 2019 by Chuck (RL) (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Main article: CTA Asset.

Introduction

PSD to Scene functionality allows you to create a layered data inside CTA by importing a *.psd file right into CTA. Once imported the Scene Manger will maintain the original layers and groups of the PSD file making it convenient to perform subsequent editing in CTA, such as animation production and 3D camera adjustments.

The following sections will describe the PSD to Scene workflow and explain how the PSD data structure is interpreted inside CTA.

PSD to CTA Scene Workflow

There are two ways to import a CTA file (ex: Farm.psd)

Method 1: You can drag the PSD file directly into the stage.

Cta psd to scene 01.png

Method 2: Open the PSD file by clicking on the Create Media button and select the Scene type.

Cta psd to scene 02.png

Once the file is imported then the elements of the PSD file are deployed into the stage.

Cta psd to scene 03.png

Correspondence between CTA Object and PSD Data Structure

Use any PSD tool to open the Farm.psd example file and examine the structure in the layer panel to the right. The types that make up different structures can be divided into four categories: Scene Root, Single Layer, Compound Prop, and Compound Prop with Pivot. The following sections will compare the format conversions of these four structures corresponding to CTA.

Cta psd to scene 04.png

Main Folder

A standard structure of the Scene PSD file must have a Group: RL_Scene, all objects to be entered into the CTA must be built under this group level.

Cta psd to scene 05.png

  • Open CTA's Scene Manager.
  • Import type will be automatically designated to scene because we have been defined the PSD file’s root as RL_Scene.

Cta psd to scene 06.png

Individual Objects for Animation

  • CTA will convert all the layers under the RL_Scene single layer (without folder) into individual objects.
  • Since this type of object does not define a pivot, the pivot point will be set to the center of the image by default.

Cta psd to scene 07.png

Compound Objects with Multiple Sprites

  • Expand “House” folder in Photoshop and compare with “House” Object in CTA’s Stage.
  • CTA will collect the folder under the RL_Scene as an object.

Cta psd to scene 08.png

From the PSD layer, there are three objects in the House group; We can enter Composer to find these three objects.

Cta psd to scene 09.png

Turning on the Scene Manager in Composer, one can be observe that CTA still has a layered object structure under the folder. Therefore, you can define the size and position of individual objects in Composer if needed.

Cta psd to scene 10.png

Compound Prop with Pivot

CTA Scene Template provides a definition of a Compound Prop with Pivot in PSD.

Cta psd to scene 11.png

  • Expand RL_Pivot and RL_Image Group.
  • RL_Pivot is the center point location of the object, so the name in RL_Image is the same as the one in RL_Pivot.

Cta psd to scene 12.png

  • A hierarchical relationship can be established on the RL_Pivot Layer, with the same rules as Free Bone (see Chapter 8.2)
  • Select the Windmill and enter the Composer mode.

Cta psd to scene 13.png

In Composer, rotate the Vane and Tower and observe how they move differently. This is due to different pivot positioning causing the rotation axis to differ.

Cta psd to scene 15.png

  • Vane can be observed under the Tower hierarchy in the Scene Manager in the Composer.
  • Since Vane is built below the Tower's hierarchy, rotating or scaling the Tower reveals that Vane will be driven by the rotation and scaling of the Tower.

Cta psd to scene 16.png

Expand the Vane folder of the PSD file to see that there are two different types of blades, one of which is hidden.

Cta psd to scene 14.png

  • Open the Sprite Editor in the CTA Composer and see the two images placed under the RL_Image.
  • Click on the Element in the Sprite Editor to switch between different blades

Cta psd to scene 17.png

The picture below illustrates the relationship between the Photoshop hierarchy and the corresponding CTA objects.

Cta psd to scene 18.png