Posts in Category "Photoshop Scripting"

Save for Web in Photoshop CC 2015

S4WIn Photoshop CC 2015, we made some minor changes to a very popular and beloved feature: Save for Web. This feature is used for many purposes, from preparing assets for a website to optimizing high-res photos to creating animated GIFs. Because Save for Web is built on the former ImageReady product (now discontinued), the code is too antiquated to maintain and develop new features.

“Save for Web will not be removed without replacing its capabilities in a new and improved workflow.” see the FAQ below.

Adobe Generator is a new, modern, and more efficient platform for exporting image assets from Photoshop. We have been building new capabilities on top of this platform for the past two years, including the new Export As and Device Preview features. The Generator platform allows us to build new, streamlined workflows and incorporate more efficient compression algorithms like PNGQuant into Photoshop.

The new Export As workflows are a complete redesign of how you export assets out of Photoshop. Export As has new capabilities like adding padding to an image and exporting shapes and paths to SVG. We also introduced the Quick Export option, which allows you to export an entire document or selected layers very quickly with no dialog.

Going forward, we will no longer develop new features in Save for Web, which is why it now is labeled as “Legacy”. Don’t worry; no features have been removed from it and we know there are critical workflows that still require Save for Web. However, Save for Web does not support, for example, new Artboard documents.

We would love to hear your feedback as we continue to build out the future of Export workflows in Photoshop. The best place to leave feedback is on feedback.photoshop.com , where you can see other people’s suggestions, vote them up, and participate in a conversation with Photoshop engineers and designers.

Thank you for your continued feedback!

Stephen Nielson
Sr. Product Manager – Adobe Photoshop

FAQ

Was Save for Web removed from Photoshop CC 2015?

No, Save for Web is still available under File > Export menu.

I use Save for Web every day. Won’t the redesigned menu system slow down my workflow?

You can skip the menu entirely by using the existing keyboard shortcut: ctrl + alt + shift + s (win) and cmd + opt + shift + s (Mac). You can also customize the shortcut by going to Edit > Keyboard Shortcuts…

Or install the “Export Helper” panel extension which gives you fast access to all export options including Save for Web:

Export Helper

Note: For extensions to load make sure that:

Were any features removed from Save for Web?

No, Save for Web was completely untouched except for moving it to the Export menu and adding the term “legacy”.

Does “legacy” mean that you are going to remove Save for Web in the future?

Perhaps. But rest assured that we will not remove Save for Web without providing those capabilities in a new and improved workflow. For example, we know many people still need the 2up view, target file size, Convert to sRGB, metadata options, and animated GIF capabilities. Save for Web will not be removed without replacing these capabilities in a new and improved workflow.

If there are still workflows missing, isn’t it too early to mark it ‘Legacy’?

Save for Web does not properly support Artboards and we have no plans to update it. The Legacy modifier is meant to communicate that Save for Web is still available, but no longer updated.

Will this change break my action or script?

No, this change does not impact your actions or scripts. They will continue working as they always have.

Photoshop CC 2014/HTML5 Compatible Extension Panels

kulerAs mentioned in my Photoshop: Spring Cleaning post, panels created using Flash are no longer supported in CC 2014 or later. We’ve worked closely with developers to migrate their panels to our new SDK (Software Developer Kit) which use HTML5.

Here are some HTML5 panels that are currently available for Photoshop 2014:

If you are a developer and don’t see your panel here, or you want help getting your panels on Adobe Add-Ons, just let me know.

Panels available from Adobe Add-ons

  • Adobe Emailer – By Russell Brown – Prepping images and attaching them to an email just got a lot easier with the Adobe Emailer panel. This panel takes advantage of new technology in Photoshop to resize, save, sharpen, and email your photos all in one go
  • Adobe Paper Textures Pro – By Russell Brown – Add textures to your images with this great new panel for Adobe Photoshop CC and CC 2014. Included with this panel is a wonderful sampler set of textures from Fly Paper Textures. You can also add your own custom textures for even more creative possibilities
  • Kuler Panel PS CC 2014 – By Adobe – Create color themes in a fresh new way with Kuler. Capture colors anywhere with a snap of your iPhone camera, customize themes any way you choose, and use them instantly in Photoshop to enrich your designs
  • Generator Config – Simple panel to configure Adobe Generator
  • PS Tools – By Davide Barranca – Configurator-like replacement as a Tools panel for Photoshop CC 2014
  • Floating AdjBy Davide Barranca – This free extension will allow you to Create and Modify all kinds of Adjustment Layer in Photoshop (Curves, Hue/Saturation, Color Lookup, etc) from a big, floating window
  • Theme Switcher – By Davide Barranca – Change the four Photoshop GUI theme colors (Original, LightGray, MiddleGray, DarkGray) from a handy extension with a minimal interface
  • Advanced Local Contrast Enhancer (ALCE)  – By Davide Barranca – An easy-to-use and powerful Photoshop tool to effectively improve and finely tune the Local Contrast of an image, by means of a smart algorithm which avoids the clipping issues typical of other methods. The user interface is simple and clean, with just one slider and an opacity value, allowing the user to customize the effect in a straightforward way
  • Fixel Detailizer 2 PS – By Fixel Algorithms
    Detailizer decomposes the image into 5 different details scales (Multi “Frequency Separation” at once) to allow a complete control of the contrast level of each detail scale level. Detailizer benefits from an innovative Wavelets based algorithm. Using Detailizer, controlling and enhancing the details and contrast level at each scale is just as easy as using Hi-Fi Equalizer
  • WebZapBy UI Parade – WebZap is a plugin that provides Photoshop with additional tools and functionalities that are designed to assist web developers with their mockup and ui design workflow
  • DevRocket – By UI Parade – If you are an iOS ui designer, then you’re going to love DevRocket. It’s packed with must have features and tools that are specifically designed to make your iOS Photoshop workflow more efficient
  • JetPack – By UI Parade – JetPack is a powerful Photoshop extension that’s been developed with icon designers in mind. It features 4 exceptionally useful workflow tools that will not only save you heaps of precious design time but also enhance the entire icon design experience in Photoshop
  • Glifo – By UI Parade – Export your PSD’s vector icons as an icon web font, with a single click
  • The Animator’s Toolbar CC – By Photoshop Animation – The Animator’s Toolbar provides access to the Timeline Panel functions and a basic layer labeling function with the click of a button. The Animator’s Toolbar is designed to dock directly above Photoshop’s Timeline Panel but can now also be used as a tool-strip or a regular panel
  • TimeTracker Pro CC – By CreativeWorx – TimeTracker Pro automatically and privately captures your activity and produces a timesheet on demand
  • LiveShare PS – by InVision – With LiveShare PS you can now broadcast any Photoshop document to as many people as you want through an instant LiveShare meeting. If you make a change to your Photoshop document, they’ll instantly see your changes in the LiveShare meeting—you don’t even have to hit the save button
  • Dodge and Burn 2 – By André M. Hünseler – An extension panel for professional retouchers that use non-destructive dodge and burn techniques
  • Webbsy – By Stay Designers Inc. – Webbsy takes a Photoshop image and creates a web page coded using best practices that works in all major browsers and is ready for you to easily tweak to perfection
  • BrowserBee – by The-Orange-Box.com – Present your website layout as a browser view or just use BrowserBee as a Browser Preview. The Photoshop plugin will help you to put your website layout in one of six browser variants with only one click
  • ShopMyApp Exporter – By Invasion Design – ShopMyApp Prototyper is a a mobile app prototyping service that allows you to export Photoshop wireframes and designs as interactive prototypes with zero coding
  • Space Equal – By Chuck Uebele – This HTML extension panel will distribute layers with equal spacing
  • Move Layers – By Chuck Uebele – This extension panel allows you to move or duplicate one or more layers within the same file or to a different file without having to drag them
  • Edge FX pro – By Sebastien Piconnier – Edge FX pro lets you add arty edges to your images, quickly and easily
  • MyColorPicker – By Yannick le Restif – MyColorPicker is a color picker that is simple & compact
  • Swatchy – By Konstantin Gorodinskiy – Swatches manager panel for Photoshop
  • Retro Mini – By Юрий Поддубный – Create retro photo effects with this panel
  • Chroma Key Extract – By Юрий Поддубный – Cut chroma key two ways, fine tuning, cut chroma key from video
  • Get Localization for PS – By Get Localization – Export all the text content from a Photoshop file for translation. Then easily import the translated text back into your Photoshop file for image export
  • Long Shadow Generator 2 – By RayPS – A Photoshop extension to create long shadows with one click
  • Photoshop Color Wheel – By ColorWheelPS.com – An advanced color picker plugin panel
  • Photoshop Art Packer – By Layerhero Software –  Copy used fonts, collect Linked Smart Objects, and create package reports directly within Photoshop
  • Photoshop PNG Exporter – By Layerhero Software – PNG Hero exports your PSD layers & groups to PNG & JPEG files within seconds
  • Photoshop SVG Export – By Layerhero Software – Select the shape layers you want, click the Export button and your SVG images are ready to publish on your website

Panels available from 3rd Party Developers

  • GuideGuide By Cameron McEfee – GuideGuide makes dealing with guides in Photoshop painless
  • MagicPicker LiteBy Anastasiy – A special version of MagicPicker for Illustrator and Photoshop CC 2014
  • DOCOBy Creative Do – DOCO lets you view all your open documents in Adobe Photoshop and can quickly switch between them. No more trying to figure out which Photoshop document tab is the one you want. With real time preview, this is the panel you always wanted
  • AD Artbox 2 – by Circografico – AD Artbox 2 provides more than sixty high quality tools for illustrators.

Plug-ins available from Adobe Add-ons

  • Double USMBy Davide Barranca – No matter whether you use Sharpening to boost your images’ detail or as a creative tool to enhance the local contrast (HiRaLoAm sharpening, as Dan Margulis used to call it), so far it was impractical to control both strength (Amount) and Radius of Dark and Light halo’s components of the UnSharpMask Filter at the same time
  • Vitamin BWBy Davide Barranca – Vitamin BW gives a fresh breath to your Black & White conversion, featuring: Smart Contrast Enhancement; Toning; Good Old Times BW Color Filters (Yellow, Orange, Red, Green, Blue)

Additional Information:

My book “Power, Speed & Automation with Adobe Photoshop” is now available

My first book “Power, Speed and Automation with Adobe Photoshop” on Focal Press is now available for purchase. It’s part of a series of books called “The Digital Imaging Masters Series” edited by Katrin Eismann.

 About the Book

“This book is for the serious Photoshop user. Power, Speed & Automation explores how to customize and automate Photoshop to increase your speed and productivity.  With numerous step-by-step instructions, walk you through the steps to best tailor Photoshop’s interface to your personal workflow; write and apply Actions; and use batching and scripts to process large numbers of images quickly and automatically.  You will learn how to build your own dialogs and panels to improve your production workflows in Photoshop, the secrets of changing keyboard shortcuts and menus, and ways to tune your system for optimal performance. Learn how to get more work done- more easily and quickly- with this essential guide.”

“This is not a book for beginners to either Photoshop or their own computer. There are plenty of good books on both subjects. You should know the basics about using Photoshop. It is admittedly a very deep and wide application. Many people using Photoshop daily admit that they know only about 15 to 25 percent of the power available to them. The fact is that many people use different parts of the application. That’s okay. As long as you can use the tools, find the menus, understand what a selection is and might be used for, know what an adjustment layer does, and have played with filters, you’ll be fine.”

“You also do not need to know how to write code. This book teaches you that and not all at once to overload you. You learn the basics of how to create a script and communicate with the computer. If you already know how, then those parts are easy to skip over, so you can learn just how to communicate with Photoshop itself. You do not need to be a code monkey to do the work in this book.”

Continue reading…

Connecting to Photoshop with Flash, Flex, and AIR

Introduction

Guest Author

This is a guest post by Daniel Koestler, an Adobe applications developer. This post will explain how to connect your Flash, Flex, and AIR apps to Photoshop using the Photoshop Touch SDK. The author created the Photoshop Touch SDK for AS3 with help from Renaun Erickson, an Adobe developer evangelist. This part of the SDK is a SWC distributed in the freely available download.

This article will tell you how to create a new project, connect to Photoshop, and send simple commands back and forth. There are additional resources at the end of the article, which will guide you through more advanced steps.

What is the Photoshop Touch SDK?

Adobe Nav uses the Photoshop Touch SDK

Adobe Nav uses the Photoshop Touch SDK

The Photoshop Touch SDK is a collection of APIs that allow virtually any device to connect to and control Photoshop, using any Internet or WiFi connection. For the first time, you can interface with Photoshop directly, and use this to create mobile, desktop, or web applications that are tailored to the needs of creative professionals or casual-creative users.

The Photoshop Touch SDK is available for free from Adobe, and works with Photoshop CS5 12.0.4 and above. It also includes a SWC library, which contain the APIs that this article covers. This SWC library, called the Photoshop Touch SDK for AS3, allows you to write very simple ActionScript 3 code in any Flash, AIR, or Flex application, and saves you from doing tedious socket-level work. As you’ll hopefully discover, these AS3 APIs are flexible and easy-to-use, and will allow you to leverage the portability of Flash, versatility of Flex, and power of ActionScript 3 to help you realize your vision for designing creative apps.

Sample Code

As you follow along, you may want to refer to the sample code, which contains a project that’s been created by following this blog post. See the Additional Resources section for information about an upcoming ADC article, which will also cover more advanced topics.

Continue reading…

Creating Custom Panels for Creative Suite applications using CS Extension Builder

Creative Suite SDK

SDK

The Adobe® Creative Suite SDK is a set of ActionScript libraries that make it possible to build custom panels for Creative Suite 5 applications. Developers can include these libraries in their projects in order to create cross-application panels that use the Adobe Flex framework and AIR 2.0 API, and access the document object model (scripting DOM) of Creative Suite applications through ActionScript objects.

Continue reading…

Creative Suite Scripting Survey

Please take this Scripting Survey to help us understand how you use ExtendScript, JavaScript, ActionScript, AppleScript, VBScript and other scripting languages with Photoshop and the Adobe Creative Suite.

New Photoshop Scripting Goodness

Trevor Morris, of Morris-Photographics, has posted two great articles on scripting Photoshop:

Scripting Photoshop, Part 1 — An Introduction

Scripting Photoshop, Part 2 — A Practical Example

Trevor also writes custom scripts for hire.

Tom Ruark and I presented at Photoshop World Orlando last week. The new class files are located here.

Dr. Brown’s Services has been updated to 1.9.4.

Not related to scripting: Be sure to check out Adobe TV. Russell Brown and Julianne Kost already have videos posted. Let us know what kinds of things you’d like to see there from the Photoshop team.

Awesome Scripts for Photoshop CS3 and Bridge: Dr. Brown’s Services 1.9.2

Russell Brown has produced a great collection of FREE workflow scripts for Photoshop CS3 & CS3 Extended in Dr. Brown’s Services 1.9.2 which he announced at Photoshop World, Las Vegas earlier this month.

"Background Remover," "Interpret Video," "Fit Video to Audio," and "Slide Show" scripts all take advantage of Photoshop CS3 Extended’s spanking new video capabilities. Fit Video to Audio and Slide Show are especially nice for allowing photographers to easily make video slideshows with music.

"Stack-A-Matic" is another script to take advantage of CS3 Extended and it’s new Smart Object Stack Modes. If you haven’t checked out Stack Modes, check out the tutorial video Russell has provided, and Martin Evening’s tutorial over at Photoshopnews.com and open yourself up to new way of shooting and manipulating images.

If you want to save time on your next Photoshop project, do yourself a favor and head over to russellbrown.com and download Dr. Brown’s Services 1.9.2!

For all you scripters out there, there’s a wealth of code to learn from in Dr. Brown’s Services, everything from manipulating the Animation (Timeline) palette to working with Smart Objects.

I’ll also point out that Photoshop ships with a folder of simple sample scripts in the "Scripting Guide" folder in the Photoshop application folder. However, some of the best example code, showing you how to tie it all together, can be found in the scripts that are increasingly becoming part of Photoshop – Image Processor, Merge to HDR, Photomerge, Export Layers to Files, and any of the Layer Comps workflow scripts. You can find these scripts in the Presets>Scripts folder inside the Photoshop CS3 application folder.


Photoshop Scripting Sessions @ Photoshop World Las Vegas

The class schedule for Photoshop World Las Vegas, September 6-8, 2007 has been posted. I’m happy to announce that there are not one, but two, Photoshop Scripting Classes this time around:

Thursday, September 06

01:00p-02:45p – Photoshop Scripting (Beginners) – with Jeff Tranberry:
“Do you think Scripting is just for geeks? Photoshop offers a world of new possibilities to those who are familiar with writing scripts to automate and extend Photoshop. In this session you’ll learn the basics of scripting in Photoshop CS3 using Javascript and examine some real world examples of how you can make use of these basics to push Photoshop even further.”

03:00p-05:45p – Photoshop Scripting (Intermediate, Hands-on Workshop) – with Tom Ruark:
“In this session you’ll learn the how to write and debug more complex scripts using the Adobe ExtendScript Toolkit. You are encouraged to bring your own laptop to participate in the class workshop, where you can put your skills to work writing your own scripts with the help of the instructors. Class participants can then share their creation during a final show-and-tell discussion.”

We did a Beginners session at Photoshop World Boston back in April. This time Tom Ruark, a Computer Scientist at Adobe, who is responsible for the SDK, plug-in API, and scripting API for Photoshop, will show some more advanced stuff during the intermediate session. Tom and I will be on hand for both sessions, so come by and check it out.

Photoshop Batch processor: XBatch

xbytor and Uwe Steinmueller have released XBatch, a Photoshop batch processor that maintains the folder hierarchy of the original images for the processed images.

xbytor is a script junkie that doles out useful Photoshop scripting advice over at PS-Scripts.com. Check out his Introduction to Photoshop Scripting. Uwe Steinmueller runs outbackphoto.com.