Table of Contents

Introduction
Who Should Read This?
How Does It Work?
Download(s)
System and Software Requirements
Adobe Photoshop Reserved Words

Tutorials
Overview

1. Starting a Flex Project
2. Hello World Panel
3. Placing the CSXS Library


4. Shortcut Buttons Panel
   1. JavaScript
   2. Design the Panel
   3. ActionScript
   4. Photoshop Persistent
   5. CSXS Logger AIR Debugger (Optional)


5. Setting Up Script Listener


6. Color Picker Panel
1. JavaScript
2. Design the Panel
3. Find Character ID Code to Register Events
4. ActionScript
5. Create Custom Icons


7. Flickr Search Panel
1. Design the Panel
2. Create a Flickr Service
3. Design a Custom Module
4. Modify Panel's Properties
5. Connect on Preferences


8. Per Layer Metadata Panel
1. View Metadata
2. JavaScript
3. Find Character ID Code to Register Events
4. Designing the Panel
5. ActionScript
6. Using Photomerge

Other Samples
Best Practices
Frequently Asked Questions
Acronyms and Definitions
Links

Adobe^® Photoshop^® Panel Developer's Guide

---

Color Picker Panel

The Color Picker Panel tutorial will highlight the bi-directional communication of a SWF file and Adobe Photoshop through a JavaScript file. The process to create the Color Picker Panel is to first program functions through JavaScript, design the Adobe Photoshop Panel using Adobe Flex Builder, finding the character ID code of developer's events, program functions through ActionScript, and creating custom icons for the Adobe Photoshop Panel when it is minimized. The result is an Adobe Photoshop Panel containing a foreground color picker and a background color picker that resembles the same color pickers currently displayed in the Adobe Photoshop tool palette.

The Color Picker Panel tutorial is separated into smaller parts:

1. JavaScript Programming
2. Designing the Adobe Photoshop Panel using Adobe Flex Builder
3. Finding Character ID Code to Register or Unregister Events
4. ActionScript Programming
5. Creating Custom Icons

Continue to JavaScript