Skip to main content
johnt53984649
johnt53984649
Inspiring
August 27, 2017
Answered

Sample HTML Panel Code

  • August 27, 2017
  • 2 replies
  • 3566 views

I would like to create an HTML panel for Adobe Photoshop CC 2017 that can take information in from the user and then transmit it to a javascript .jsx file which is then used to modify the active document in Photoshop.  Unfortunately, I have no idea where to start, but if you could point me to some sample code that has already been created and is ready to immediately interface with Photoshop, I would really appreciate it.  Then I could modify it to actually get an idea of how this whole process works.

This topic has been closed for replies.
Correct answer Tomas Sinkunas

Honestly, CEP development information is rather scattered all over the place. However, few resources stand out:

1. Official Adobe's CEP-Resource Github page GitHub - Adobe-CEP/CEP-Resources: Getting Started with Adobe CC 2014 Extension SDK that contains all necessary info to develop HTML panels. Unfortunately, it's rather hard to follow if you are new to CEP development. Best way is to download their example scripts and take them apart GitHub - Adobe-CEP/Samples: Samples for Adobe Common Extensibility Platform (CEP)

2. All hands down - best down-to-earth info you can find on Davide_Barranca's blog https://www.davidebarranca.com/ - David host few neat tricks to work with CEP. Also his book Photoshop HTML Panels is like a bible - so far I find he's resources being a must-have.

3. This forum / Google search are your best friend in this case.

However, if you are new to scripting, I'd recommend you looking into ScriptUI panel for photoshop - learn building your tool in it, and then expand it to HTML panel. Because HTML panel is nothing more but a nice-lookiing-interface in photoshop. Fo ScriptUI help check out Peter Kahrel's pdf file ScriptUI For Dummies https://indd.adobe.com/view/a0207571-ff5b-4bbf-a540-07079bd21d75

Other then that - google, forum search, pray, google, forum search, repeat.

2 replies

Tomas Sinkunas
Tomas SinkunasCorrect answer
Legend
August 27, 2017

Honestly, CEP development information is rather scattered all over the place. However, few resources stand out:

1. Official Adobe's CEP-Resource Github page GitHub - Adobe-CEP/CEP-Resources: Getting Started with Adobe CC 2014 Extension SDK that contains all necessary info to develop HTML panels. Unfortunately, it's rather hard to follow if you are new to CEP development. Best way is to download their example scripts and take them apart GitHub - Adobe-CEP/Samples: Samples for Adobe Common Extensibility Platform (CEP)

2. All hands down - best down-to-earth info you can find on Davide_Barranca's blog https://www.davidebarranca.com/ - David host few neat tricks to work with CEP. Also his book Photoshop HTML Panels is like a bible - so far I find he's resources being a must-have.

3. This forum / Google search are your best friend in this case.

However, if you are new to scripting, I'd recommend you looking into ScriptUI panel for photoshop - learn building your tool in it, and then expand it to HTML panel. Because HTML panel is nothing more but a nice-lookiing-interface in photoshop. Fo ScriptUI help check out Peter Kahrel's pdf file ScriptUI For Dummies https://indd.adobe.com/view/a0207571-ff5b-4bbf-a540-07079bd21d75

Other then that - google, forum search, pray, google, forum search, repeat.

    Geppetto Luis
    Geppetto Luis
    Legend
    August 27, 2017

    You could start from here

    https://forums.adobe.com/thread/1401396

    Barranca also wrote a book

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices