Difference between revisions of "Content Dev:CTA Dynamic Composite Prop"

From Reallusion Wiki!
Jump to: navigation, search
m (Related Tools)
m (Step 5)
 
(29 intermediate revisions by 2 users not shown)
Line 30: Line 30:
 
|-
 
|-
 
|Adobe Illustrator
 
|Adobe Illustrator
|Animate CC
+
|CC+
|CTA3
+
|-
+
|CC and up
+
|
+
|3.2 and up
+
|-
+
 
|Drawing source images.
 
|Drawing source images.
 +
|-
 +
|Animate CC
 +
|~
 
|Turning the source images into (*swf) files.
 
|Turning the source images into (*swf) files.
 +
|-
 +
|CrazyTalk Animator 3
 +
|3.2+
 
|Creation of Dynamic Composite Props and setting of Accessory attachment points.
 
|Creation of Dynamic Composite Props and setting of Accessory attachment points.
 
|}
 
|}
  
=== Provided Files ===
+
=== Useful Examples ===
 +
 
 +
The following files are provided for your preparation.<br>
 +
You can also download the hair (*ctProp) sample files [[:File:Hair_Sample_ctProp_Files.zip|here]].
 +
 
 +
{|class="wikitable"
 +
|{{#ev:youtube|https://www.youtube.com/watch?v=rR6gKazsguY|300|left|Simple tutorial on motion creation.}}
 +
|{{#ev:youtube|https://www.youtube.com/watch?time_continue=2&v=KTIfILOJ3O8|300|left|Hat top as parent.}}
 +
|{{#ev:youtube|https://www.youtube.com/watch?v=T_yWAtKAfQ0|300|left|Using transparent PNG as the Dummy.}}
 +
|}
 +
 
 +
<br>
  
 
== Source Image Production ==
 
== Source Image Production ==
  
 
=== Drawing Precautions ===
 
=== Drawing Precautions ===
 +
 +
#Before drawing make sure that the final assembly is both feasible and flexible.
 +
#Think about the feasibility of applying motion to the final assembly.
 +
#Before drawing designate a style and color pallet for the entire assembly.
  
 
=== Assembly Parts ===
 
=== Assembly Parts ===
 +
 +
After CTA 3.2, one can create dynamic composite prop with every component carrying it's own '''Action Menu'''.
 +
The composite '''Action Menu''' for the assembled product will tie together motions with the same name, letting them fire off simultaneously.
 +
The specification for the motion naming structure is as follows:
 +
 +
{{Text_Block|
 +
#Linked motions should carry the same name.
 +
#Linked motions size should be the same.
 +
#Linked motions should have the same length, otherwise there will be gaps in the animation.
 +
#Unlinked motions will be listed in the bottom rows which can fire off individually.|320px}}
 +
 +
{| class="wikitable"
 +
!colspan="4"|Reallusion Power Tools 4 & 5 Motion Specification
 +
|-
 +
! Motion Name || Frames || Motion Name || Frames
 +
|-
 +
| Walking || 19 || Breeze || 20
 +
|-
 +
| Running || 20 || Frustration_Start || 16
 +
|-
 +
| StrongWind_Start || 10 || Frustration_End || 16
 +
|-
 +
| StrongWind_Loop || 10 || Exclamation_Start || 14
 +
|-
 +
| StrongWind_End || 10 || Exclamation_End || 12
 +
|}
  
 
=== Assembled Product ===
 
=== Assembled Product ===
  
 +
For the final assembly, designate a parent for the components to attach to.
 +
#Check if it is feasible to apply motion.
 +
#Check if the composite '''Action Menu''' is working as expected.
  
 
== Production Workflow ==
 
== Production Workflow ==
 +
 +
The procedure for creating the components for the assembled product is the same as for creating the prop, see [[Content_Dev:CTA_Prop|CTA Prop]].
 +
 +
=== Parts Assembly Workflow ===
 +
 +
==== Simple Workflow Summary ====
 +
 +
#Design the component structure.
 +
#Draw the component parts.
 +
#Bring the drawings into Flash and export them in (*.swf) format.
 +
#Bring the (*.swf) files into CTA and save them as Props.
 +
#Create motions for the props based on your needs.
 +
#Save the animations into the '''Action Menu'''.
 +
#Save the animated props and apply thumbnail images.
 +
 +
==== Component Structure Example ====
 +
 +
You have the freedom to create your system for accessories, houses, automobiles, etc.  The following is an example of the hat and belt systems for [https://www.reallusion.com/ContentStore/CTA/Pack/G3_Occupation_Combo/default.html|'''CTA G3 Power Tool 4 & 5'''].
 +
 +
{{Duo_Illustration
 +
|CTA_DCP_01.png|Hat system.|
 +
|CTA_DCP_02.png|Belt system.|
 +
}}
 +
 +
==== Important Considerations for Component Animations ====
 +
 +
{{Text_Block|
 +
#Currently, the size of object do not affect the scale of its motion.  Therefore it's best to avoid the use of '''Translate''', otherwise sizing the object can affect motion in unexpected ways.  Use '''Deform''' instead to size and rotate the object.
 +
#Examine the feasibility of composing the parts together.  Make sure the motion around the connection points are not too exaggerated otherwise the components might separate during animation.
 +
#There is currently no mirroring ability in the '''Composer''' mode.  Therefore, symmetrical objects must be made separately.
 +
#Motions that need to fire off at the same time must share the same names.
 +
#Motions that need to fire off at the same time are recommended to have the same frame lengths.|350px}}
 +
 +
{{Single_Illustration|CTA_DCP_03.png|'''Action Menu''' for dynamic composite prop.}}
 +
 +
=== Assembled Product Workflow ===
 +
 +
==== Step 1 ====
 +
 +
{{Text_Block|
 +
Drag a prop component onto the '''Stage''' to become the parent object.  Or use a transparent PNG as a Dummy object.  The parenting method must be carefully selected for subsequent editing.
 +
}}
 +
 +
{{Single_Illustration|CTA_DCP_04.png}}
 +
 +
==== Step 2 ====
 +
 +
{{Text_Block|
 +
Enter the '''Prop Composer''', add all of the composer parts, adjust the sizes, and layer the components properly (depth sorting).
 +
}}
 +
 +
{{Single_Illustration|CTA_DCP_05.png}}
 +
 +
==== Step 3 ====
 +
 +
{{Text_Block|
 +
Return to the '''Stage''' and check if the '''Action Menu''' is behaving correctly.
 +
}}
 +
 +
{{Single_Illustration|CTA_DCP_06.png}}
 +
 +
==== Step 4 ====
 +
 +
{{Text_Block|
 +
Select each and every motion to check if the composited result is behaving normally.
 +
}}
 +
 +
{{Single_Illustration|CTA_DCP_07.gif}}
 +
 +
==== Step 5 ====
 +
 +
{{Text_Block|
 +
Use '''Content Manager > Prop''' to save the file.
 +
 +
If the prop is an Accessory:
 +
#Enter the '''Actor Composer''' and drag the prop onto the character. 
 +
#Adjust the location and size in proportion to the character.
 +
#Save the file under '''Content Manager > Actor > Accessory''' to create an affixed accessory.
 +
}}
 +
 +
{{Single_Illustration|CTA_DCP_08.gif}}
 +
 +
<!-- Hidden at the request of Luke Pan
 +
 +
{{Duo_Illustration
 +
|CTA_DCP_09.png|You can use '''Composer > Vector Grouping Tool''' to set '''Color IDs'''.|
 +
|CTA_DCP_10.png|Then you use '''Render Style''' to adjust the coloring.|
 +
}}
 +
 +
-->
 +
 +
== Submission and Verification ==
 +
 +
 +
==== Standard File Formats ====
 +
 +
Asset creators need to save files in the following formats to expedite future modifications and facilitate file backup.
 +
 +
{|class="wikitable"
 +
!Saved Project||Description||File Format
 +
|-
 +
|Source Artwork||The final work file for the artwork.||*.ai
 +
|-
 +
|Flash File||The Flash file used to export the artwork in (*.swf) format.||*.fla
 +
|-
 +
|Artwork File||The final verified and exported artwork.||*.swf
 +
|-
 +
|Motion prop||The file used to create the motion -containing animation keys.||*.ctProject
 +
|-
 +
|Motion Clip||Motion clip file for every single animation.||*.ctAnim
 +
|-
 +
|Component Prop||The final component prop file(s).||*ctProp
 +
|-
 +
|Dynamic Composite Prop||The final assembled product.||*ctProp
 +
|}
 +
 +
==== Verification Items and Process ====
 +
 +
The verification process is broken down into two stages, the artwork and motion.  The verification checklist is as follows:
 +
 +
{{Text_Block|
 +
#Is the style and color pallet for the entire composition consistent?
 +
#Is the rhythm and quality of the motion up to standards?
 +
#Are the motions still normal when the component parts are put together?
 +
#Is the composite '''Action Menu''' working correctly?
 +
#Does the dynamic prop still contain animation keys?
 +
#Do the items of the '''Action Menu''' start with capital letters?
 +
#Are the names for the Accessory the '''Stage''' the same for the '''Scene Manager'''?
 +
#Is the placement at (0,0,0) and scale set to 100?|600px}}
 +
 +
{{Single_Illustration|CTA_DCP_11.gif}}

Latest revision as of 19:39, 18 March 2018

Main article: CTA Asset Creation.

Introduction

In the past, compound props can be composed of several images but any animation acted upon the whole. Now in CTA 3.2, dynamic compound props are allowed wherefore, separate animated props can be put together. Therefore, the production objectives are separated into two distinct phases:

  1. The production of dynamic assembly parts.
  2. The combination of the assembly parts into the assembled product.

Simple Production Summary

Steps:

  1. Assembly structure design.
  2. Prepare the assembly part images and saving them as (*.swf) files.
  3. Create animations for the assembly parts and save them as Motion Clips.
  4. Save the Motion Clips into the assembly parts Action Menu.
  5. Save the assembly parts as (*.ctProp).
  6. Save the assembled product as (*.ctProp).
  7. If the assembled product is an accessory, set the anchor point and save it as (*.ctAcc) instead.

Production Tools

Related Tools

Software Version Range of Usage
Adobe Illustrator CC+ Drawing source images.
Animate CC ~ Turning the source images into (*swf) files.
CrazyTalk Animator 3 3.2+ Creation of Dynamic Composite Props and setting of Accessory attachment points.

Useful Examples

The following files are provided for your preparation.
You can also download the hair (*ctProp) sample files here.

Simple tutorial on motion creation.
Hat top as parent.
Using transparent PNG as the Dummy.


Source Image Production

Drawing Precautions

  1. Before drawing make sure that the final assembly is both feasible and flexible.
  2. Think about the feasibility of applying motion to the final assembly.
  3. Before drawing designate a style and color pallet for the entire assembly.

Assembly Parts

After CTA 3.2, one can create dynamic composite prop with every component carrying it's own Action Menu. The composite Action Menu for the assembled product will tie together motions with the same name, letting them fire off simultaneously. The specification for the motion naming structure is as follows:

  1. Linked motions should carry the same name.
  2. Linked motions size should be the same.
  3. Linked motions should have the same length, otherwise there will be gaps in the animation.
  4. Unlinked motions will be listed in the bottom rows which can fire off individually.
Reallusion Power Tools 4 & 5 Motion Specification
Motion Name Frames Motion Name Frames
Walking 19 Breeze 20
Running 20 Frustration_Start 16
StrongWind_Start 10 Frustration_End 16
StrongWind_Loop 10 Exclamation_Start 14
StrongWind_End 10 Exclamation_End 12

Assembled Product

For the final assembly, designate a parent for the components to attach to.

  1. Check if it is feasible to apply motion.
  2. Check if the composite Action Menu is working as expected.

Production Workflow

The procedure for creating the components for the assembled product is the same as for creating the prop, see CTA Prop.

Parts Assembly Workflow

Simple Workflow Summary

  1. Design the component structure.
  2. Draw the component parts.
  3. Bring the drawings into Flash and export them in (*.swf) format.
  4. Bring the (*.swf) files into CTA and save them as Props.
  5. Create motions for the props based on your needs.
  6. Save the animations into the Action Menu.
  7. Save the animated props and apply thumbnail images.

Component Structure Example

You have the freedom to create your system for accessories, houses, automobiles, etc. The following is an example of the hat and belt systems for CTA G3 Power Tool 4 & 5.

  • Hat system.
  • Belt system.

Important Considerations for Component Animations

  1. Currently, the size of object do not affect the scale of its motion. Therefore it's best to avoid the use of Translate, otherwise sizing the object can affect motion in unexpected ways. Use Deform instead to size and rotate the object.
  2. Examine the feasibility of composing the parts together. Make sure the motion around the connection points are not too exaggerated otherwise the components might separate during animation.
  3. There is currently no mirroring ability in the Composer mode. Therefore, symmetrical objects must be made separately.
  4. Motions that need to fire off at the same time must share the same names.
  5. Motions that need to fire off at the same time are recommended to have the same frame lengths.
Action Menu for dynamic composite prop.

Assembled Product Workflow

Step 1

Drag a prop component onto the Stage to become the parent object. Or use a transparent PNG as a Dummy object. The parenting method must be carefully selected for subsequent editing.

CTA DCP 04.png

Step 2

Enter the Prop Composer, add all of the composer parts, adjust the sizes, and layer the components properly (depth sorting).

CTA DCP 05.png

Step 3

Return to the Stage and check if the Action Menu is behaving correctly.

CTA DCP 06.png

Step 4

Select each and every motion to check if the composited result is behaving normally.

CTA DCP 07.gif

Step 5

Use Content Manager > Prop to save the file.

If the prop is an Accessory:

  1. Enter the Actor Composer and drag the prop onto the character.
  2. Adjust the location and size in proportion to the character.
  3. Save the file under Content Manager > Actor > Accessory to create an affixed accessory.
CTA DCP 08.gif


Submission and Verification

Standard File Formats

Asset creators need to save files in the following formats to expedite future modifications and facilitate file backup.

Saved Project Description File Format
Source Artwork The final work file for the artwork. *.ai
Flash File The Flash file used to export the artwork in (*.swf) format. *.fla
Artwork File The final verified and exported artwork. *.swf
Motion prop The file used to create the motion -containing animation keys. *.ctProject
Motion Clip Motion clip file for every single animation. *.ctAnim
Component Prop The final component prop file(s). *ctProp
Dynamic Composite Prop The final assembled product. *ctProp

Verification Items and Process

The verification process is broken down into two stages, the artwork and motion. The verification checklist is as follows:

  1. Is the style and color pallet for the entire composition consistent?
  2. Is the rhythm and quality of the motion up to standards?
  3. Are the motions still normal when the component parts are put together?
  4. Is the composite Action Menu working correctly?
  5. Does the dynamic prop still contain animation keys?
  6. Do the items of the Action Menu start with capital letters?
  7. Are the names for the Accessory the Stage the same for the Scene Manager?
  8. Is the placement at (0,0,0) and scale set to 100?
CTA DCP 11.gif