background image

 

Several operations are supported in Panel Editor:  

 

Select objects 

o

 

     !

o

 

     !

o

 

 $" #$"# !

o

 

 $$" #$$"# 

!

o

 

      !

Summary of Contents for CONFIGURATOR 1

Page 1: ...ADOBE CONFIGURATOR 1 0 USER GUIDE...

Page 2: ...soft Corporation in the United States and other countries All other trademarks are the property of their respective owners The information in this document is furnished for informational use only is s...

Page 3: ...2 5 Drag objects into the panel 2 6 Save the panel 2 7 Export the panel 2 8 Run the panel in Photoshop CS4 3 Workbench 3 1 Menus and shortcuts 3 2 Toolbars 3 3 Object palette 3 4 Panel Editor 3 5 Insp...

Page 4: ...4 7 Export or deploy a panel on Windows Vista 5 Information for developers 5 1 Flash panels in Photoshop 5 2 Extended JavaScript Appendix A Figures and tables B Resources...

Page 5: ...anel Chapter 5 provides information for panel developers 1 2 Conventions in this guide Code and specific language samples appear in Courier font alert hello world 1 3 System requirements Mac OS PowerP...

Page 6: ...a 512MB of RAM 1GB recommended 10MB of available hard disk space for installation additional free space required for installation cannot install on flash based storage devices 1 024x768 display 1 280x...

Page 7: ...ustom designed panel a panel that is designed by the user and executed in Photoshop Objects the predefined components that can be added to custom designed panels GPC the file extension for saved panel...

Page 8: ...AIR 1 1 before running the Configurator installer AIR can be downloaded from the Adobe website at http get adobe com air Configurator can be downloaded from the Adobe website at http labs adobe com t...

Page 9: ...2 2 Start Configurator On Mac go to the Applications folder and double click Adobe Configurator On Windows go to the Start menu open the Adobe folder and click Adobe Configurator...

Page 10: ...2 3 Create a panel Click the Create New Panel button on the Welcome page or choose File New Panel...

Page 11: ...t the name height and width of the panel 2 5 Drag objects into the panel Drag objects from the Object palette onto the new panel or double click an object to add it to the panel Click on the triangle...

Page 12: ...Drag a text widget to the panel and then modify the text in the Inspector palette...

Page 13: ...command generates the required runtime assets for Photoshop CS4 Choose File Export Panel and in the dialog box choose the following location Applications Adobe Photoshop CS4 Plug ins Panels Mac OS C P...

Page 14: ...name NOTE You must name the panel in Configurator in order for it to appear in the Photoshop CS4 Window Extensions submenu Otherwise it appears as Untitled...

Page 15: ...3 Workbench 3 1 Menus and shortcuts File Edit 3 2 Toolbars Align...

Page 16: ...s are selected and they only apply to the selected objects Auto Layout NOTE Auto Layout tool lays out all objects in the panel automatically not just selected objects 3 3 Object palette Tools The Tool...

Page 17: ...ds area of the Objects palette contains Photoshop menu commands Search box The Search box at the top of the Object palette helps you find features quickly Type text in the Search box and it displays a...

Page 18: ...o add a command from the search results to the panel Buttons There are three types of buttons The Action button executes a recorded Photoshop action The Action and Action Set properties are assigned i...

Page 19: ...spector to open a text editor to enter code such as alert hello my first script button The Script File button executes an Extended JavaScript file in Photoshop The file URL can be an absolute or relat...

Page 20: ...dgets There are four kinds of widgets Simple Text widget The Simple Text widget creates a rectangular box that can contain a text message Click the Editor button in the Inspector to open the Text Edit...

Page 21: ...age widget loads a GIF JPEG PNG or SWF file into the panel The URL field accepts any of the following forms URL http somesite com picture png Absolute path User user test jpg Relative path test gif or...

Page 22: ...plays Flash video FLV files in the panel The URL field for the Movie Player widget accepts the same forms as the SWF Image widget Feature Search widget The Feature Search widget searches Photoshop fe...

Page 23: ...Multiple panels can be opened at same time Click a tab to switch panels An asterisk means the panel has been modified but not saved Position the cursor over the tab and it displays the full path of th...

Page 24: ...Several operations are supported in Panel Editor Select objects o o o o o...

Page 25: ...Move objects o o o NOTE Configurator does not let you move objects past the panel s edge Resize objects...

Page 26: ...NOTE Configurator does not let you resize objects past the panel s edge Align or distribute selected objects Auto Layout all objects Resize a panel...

Page 27: ...the right side of Configurator The upper area specifies Panel attributes the lower area specifies Object attributes The Panel area lists the attributes of the current panel 1 0 1 The Object area list...

Page 28: ...ector to modify the attributes of multiple objects If multiple objects are selected the Inspector displays the attributes shared among the objects If an attribute varies among the selected objects the...

Page 29: ...e X and Y coordinates to the same value makes selected objects overlap Press Ctrl Z Windows or Command Z to undo mistakes or use the Auto Layout button to automatically lay out all objects 3 6 Prefere...

Page 30: ...Export Lets you generate related assets upon exporting a panel For more information about the Export preferences options see Chapter 4...

Page 31: ...and in Photoshop Configurator resolves the relative path based on the parent folder of the panel GPC file NOTE If the current panel isn t saved Configurator cannot resolve the relative path Position t...

Page 32: ...is opened in Photoshop Photoshop resolves the relative path based on the parent folder of the GPC file In our example that s the Applications Adobe Photoshop CS4 Plug ins Panels Untitled 1 folder In a...

Page 33: ...ions to open the custom panel If Photoshop CS4 is not installed on same computer that s running Configurator or you need to run the panel on a different computer export the panel to any folder and see...

Page 34: ...n export that can be recognized by Extension Manager CS4 When a panel is exported to a folder the file structure looks like this Double click the file Untitled 1 mxi to open Extension Manager CS4 and...

Page 35: ...To upgrade to 2 1 install the patch located at http www adobe com exchange em_download index html NOTE Panels exported as CSXS extensions can contain only alpha characters and numbers in their names...

Page 36: ...swf will not be loaded When you decide to go online you must re open the panel to load the movie NOTE To work offline in Photoshop choose Window Extensions Connections Then choose Offline Options fro...

Page 37: ...eploy a panel on Windows Vista On Windows Vista Configurator and Adobe Extension Manager should be run in Administrator mode or with the system UAC User Account Control disabled in order to export and...

Page 38: ...es for Windows and Mac http www adobe com devnet photoshop 5 2 Extended JavaScript The Script button can embed Extended JavaScript code in your custom panel This script code can call the Photoshop DOM...

Page 39: ...ndix A Figures and tables 0 5 1 7 2 8 3 0 4 0 5 00 6 00 7 01 8 01 0 02 00 03 01 05 02 06 03 07 04 10 05 13 06 14 07 15 08 15 1 16 10 16 11 18 12 2 13 2 14 20 15 21 16 22 17 23 18 3 24 2 9 9 25 20 25 2...

Page 40: ...B Resources...

Reviews: