Importing resources (Smart Importer)

Import contents into each scene in the solution using the Smart Importer, which uses AI to analyze Photoshop files to detect, suggest, and create controls for the Scene Composer solution. This step describes the operation of assigning appropriate controls to images on a resource using the Smart Importer.

Gauge Control

1. From the menu bar, select "Import" and then "Smart Importer > From Local File..." and, select the resource to be imported.
   imported
   • A file selection dialog will appear.be
     opened
   .
   

2. If your solution contains unsaved changes you have not saved the solution yet, a dialog will appearbe prompting youprompted to save theyour filesolution first.

before importing. Clicking In this tutorial, "Car_Cluster.psd" saved[OK] in the followingprompt folderwill issave used.your solution.
Resource to be Imported Path Filename \cgi_studio_content\2D\PSDPSD\ Car_Cluster.psd


In the Smart Importer file selection dialog choose the resource to be imported as specified in the table below, then click [Open]. 

• The Smart Importer dialog box appears.
  will
  be
• opened.

  For more information on the Smart Importer dialog box, click click here.

TheBefore clicking the [ OK ]OK] button at the bottom of the Smart Importer dialog boxbox, isfollow pressedthe whenconfiguration allinstructions settingsin arethe completesteps and performing import.below.

Expand "Cluster" in the Layer tree ofIn the Smart Importer dialogdialog's Layer tree expand "Cluster" by clicking on the white triangle on its left and select "Gauge Left".

• A control list appears on the right side of the dialog, listing the available controls.
  
• The number displayed to the right of each control indicates the AI's detection rateconfidence byfor thethat AI.specific item.
  
  
  
  
  

PressIn the Control list press the [ Apply ]Apply] button foron the right side of the Gauge control from Control list.control.

• The Gauge control is assigned to "Gauge Left"left" onwill thebe layerdisplayed treein ("Gaugea Left"different text color changeswith toa blue).different icon. This indicates a successful assignment of a Scene Composer control.
• The Appearance tab will be automatically selectselected on the right side of the dialog.
  
  

SetConfigure the following settings inunder [ Appearance ]Appearance] and [ Basic PropertiesProperties] ]sections of "Gauge Left".

• For the specifications and specific operation for [ Appearance ]Appearance] and [ Basic Properties ]Properties], please refer to here.
• Note

  If that ifno "BackgroundImage" is not set for layer mapping, the standarddefault background of the Gauge control iswill be used instead of the image onfrom the Photoshop file.
  

  Gauge left
  Target Tab	Target Item	Setting Value
  Appearance
  SelectTo configure the image properties, select [Select layers] from the pull-drop-down menumenu. andThis setwill asopen follows.a dialog where the appropriate ImageLayers can be selected. After selecting the image, check [Pivot Point].
  	BackgroundImage	Scala kmh Gauge Background
  	NeedleImage	NeedleImage
  Basic Properties
  	Name InputMax RotationMax	SpeedGauge 240 225

ApplyIn the Smart Importer dialog's Layer tree select the Text "000" which can be found directly below "Speed Gauge". In the Control List apply the control "Text Value" and configure its properties according to the Texttable in the "Gauge Left" and set the following.
below.

Gauge left
Target Tab	Target Item	Setting Value
Basic properties
	Name	SpeedValue

Perform the step 2 through step 6 above for theConfigure "Gauge Right" asin well.the same manner by following the instructions from step 3 through step 7. Apply the settings provided in the table below.

• The settingsconfiguration forof the Gauge and Text Value controls areis shownnow in the table below.
  complete.

  Gauge Control
  Target Tab	Target Item	Setting Value
  Appearance
  SelectTo configure the image properties, select [Select layers] from the pull-drop-down menumenu. andThis setwill asopen follows.a dialog where the appropriate ImageLayers can be selected. After selecting the image, check [Pivot Point].
  	BackgroundImage	Scala rpm Gauge Background
  	NeedleImage	NeedleImage
  Basic Properties
  	Name InputMax	RPMGauge 8000
  Text Value control
  Basic Properties
  	Name	RPMValue

  
  

Duplicate and setConfigure up scenesScenes

Transitions between scenes are made using State Machine Editor function described below. In this section, duplicate the "Car_Cluster"Smart Importer's Layer Tree expand the Cluster > Middle group. There you can see that the photoshop file to whichbe imported provides 3 scenarios for the controlsmiddle havepart: been

applied

upCar toCar theStatus previousIncoming sectionCall. and create a separate scene.

The following operations are performed on the right sidegoal of the Smartfollowing Importersteps dialogis box,to [create Importseparate Settingsscenes ]for tab.each of the 3 scenarios.

 

1. SelectIn the Smart Importer's "Import Settings" section under "Scenes" right-click on the Car_Cluster inscene [ Scene Name ] and choose [ Duplicate Scene... ] from the context menu.
   • The [ Clone Scene... ] dialog appears.will be opened.
     
     
     
     
2. Enter "Car_Status" asIn the name"Clone ofScene..." dialog enter the scene toname beas duplicated andspecified pressin the table below, then click [ OK ] button.OK].
   • A new scene namedconfiguration has been created.
3. In the "Import Settings" tab the new "Car_Status" isscene createdwill be displayed and displayedactively inselected.

The Preview window displays the Car_Status scene. The Layer Treetree anddisplays Preview.
the Car_Status scene's layers. Clone Scenes... Property Value Name Car_Status
With the "Car_Status" scene selected,selected in the "Import Settings" tab under "Scenes", expand "Cluster" > "Middle" fromin the Layer Tree. 

• The checkThere is a checked checkbox in placefront on theof "Car". The checkboxes of "Car Status" and "Incoming Call" are unchecked.
  
  

UncheckIn "Car"the Layer Tree uncheck and checkuncheck "Carthe Status".
checkboxes as specified in the image and table below.

• The centerSmart ofImporter's Preview window will be updated accordingly, displaying the imagechecked displayedand inhiding the Previewunchecked section changes.
  layers.
  
  Scene "Car_Status": Cluster > Middle Layer Checkbox Car unchecked Car Status checked Incoming Call unchecked
  
  

Repeat operations 1 through 4 above, this time addingchecking anand "Incomingunchecking Call"the scene.Layers as provided in the table below.

• InThere stepare 4,3 checkscenes in the "Import Settings" tab's Scenes section: Car_Cluster, Car_Status and Incoming_Call.

The import configuration is completed. Clone Scenes... Property Value Name Incoming Call"Calls checkbox. Scene "Incoming_Call": Cluster > Middle Layer Checkbox Car unchecked Car Status unchecked Incoming Call checked In

Thethe resourceScene's preparationsection workof isthe completed.Import ClickSettings tab select each scene and verify its content in the Preview. Once all of the scenes have been reviewed, click the [ OK ]OK] button in the Smart Importer dialog box to performinitiate the import.