Photoshop插件-晕影动态-选区-脚本开发-PS插件

boyanx2周前技术教程3

PS是一款栅格图像编辑软件,模块众多。提供了脚本,动态连接库等多种扩展机制,本文演示如何通过脚本实现晕影动态和选区相关功能,展示从互联网收集而来的一个小插件,供大家学习交流,请勿用于商业用途。

1.插件界面

本文界面是一系列功能的一部分,将逐步展示,但是功能界面是共同的,如下图所示:



2.关键代码

2.1 选区

大家可通过源代码阅读,来掌握相关技巧,源代码如下:

var idslct = charIDToTypeID("slct");
var desc18 = new ActionDescriptor();
var idnull = charIDToTypeID("null");
var ref15 = new ActionReference();
var idmarqueeEllipTool = stringIDToTypeID("marqueeEllipTool");
ref15.putClass(idmarqueeEllipTool);
desc18.putReference(idnull, ref15);
var iddontRecord = stringIDToTypeID("dontRecord");
desc18.putBoolean(iddontRecord, true);
var idforceNotify = stringIDToTypeID("forceNotify");
desc18.putBoolean(idforceNotify, true);
executeAction(idslct, desc18, DialogModes.NO);

2.2 动态晕影

大家可通过源代码阅读,来掌握相关技巧,源代码如下:

win = new Window("dialog", "动态不透明度");
win.orientation = "column";
leftGr = win.add("group");
baton10 = leftGr.add("group");
leftGr.orientation = "column";
sliderGroup26 = leftGr.add("group");
sliderGroup26.orientation = "row";
sliderGroup26.alignChildren = ["fill", "fill"];
slTxt = sliderGroup26.add("staticText", undefined, "0");
slider6 = sliderGroup26.add("slider", undefined, 50, 0, 100);
slider6.preferredSize.width = 240;
sliderValue6 = sliderGroup26.add("statictext", undefined, " 50 ");
slider6.onChanging = function() {
    sliderValue6.text = Math.round(this.value);
};
slider6.onChange = function() {
    foo66 = Math.round(this.value);
    var idslct = charIDToTypeID("slct");
    var desc37 = new ActionDescriptor();
    var idnull = charIDToTypeID("null");
    var ref16 = new ActionReference();
    var idLyr = charIDToTypeID("Lyr ");
    ref16.putName(idLyr, "Vignette");
    desc37.putReference(idnull, ref16);
    var idMkVs = charIDToTypeID("MkVs");
    desc37.putBoolean(idMkVs, false);
    executeAction(idslct, desc37, DialogModes.NO);
    var idsetd = charIDToTypeID("setd");
    var desc18 = new ActionDescriptor();
    var idnull = charIDToTypeID("null");
    var ref10 = new ActionReference();
    var idLyr = charIDToTypeID("Lyr ");
    var idOrdn = charIDToTypeID("Ordn");
    var idTrgt = charIDToTypeID("Trgt");
    ref10.putEnumerated(idLyr, idOrdn, idTrgt);
    desc18.putReference(idnull, ref10);
    var idT = charIDToTypeID("T   ");
    var desc19 = new ActionDescriptor();
    var idOpct = charIDToTypeID("Opct");
    var idPrc = charIDToTypeID("#Prc");
    desc19.putUnitDouble(idOpct, idPrc, foo66);
    var idLyr = charIDToTypeID("Lyr ");
    desc18.putObject(idT, idLyr, desc19);
    executeAction(idsetd, desc18, DialogModes.NO);
    app.refresh();
};
closeBtn = leftGr.add("button", undefined, "关闭");
closeBtn.preferredSize.width = 270;
close = false;
closeBtn.onClick = function() {
    close = true;
    win.close();
};
win.onClose = function() {
    close = true;
};
win.show();
while (close === false) {
    app.refresh();
}

3.代码转执行

使用记事本或者notepad++等文本编辑器,将代码拷贝至文本文件,然后修改后缀名为js或者jsx,最后再PS软件菜单文件》脚本》浏览,点执行即可,也可以将脚本放在预设文件夹内,会显示再脚本下的二级子菜单。如下图所示:

4.作者答疑


文章引用至 作者联系方式

文章引用至 插件开发流程 - 知乎

标签: slider.js

相关文章

Python与数据可视化:Dash框架入门

Dash 是一个用于创建交互式 Web 应用程序的 Python 框架,它非常适合用于数据分析和可视化的项目。Dash 基于 Flask、Plotly.js 和 React.js 构建,因此可以轻松地...

只需5分钟!教你快速上手Weex(只需5分钟!莲都进入换证高峰,赶快试一下这个)

关于Weex的介绍已经毋须多言,今天,我们带给大家的是如何快速上手Weex。我们以实例的方式呈现给大家,使用Weex编写一个简单的列表,这样的列表经常能在电商类移动应用中见到。开始我们先编写一个列表项...

就算你不会 Web 开发,也能让数据“动”起来的开源项目

本文面向有 Python 基础的小伙伴,有 Web 基础的更好作者:HelloGitHub-吱吱这里是 HelloGitHub 推出的《讲解开源项目》系列,今天要向小伙伴们介绍的是一个能够快速地把数据...

基于vue实现可视化拖拽编辑器,页面生成工具,提升前端开发效率

项目介绍基于vue实现的可视化拖拽编辑器,实现页面生成工具,提升前端开发效率。可以基层到移动端项目作为自定义json直接生成UI页面。项目特点功能特点页面管理页面设置组件管理组件设置数据导入导出预览重...

微信小程序入门1(微信小程序入门指南)

第一天-------运行第一个小程序一、前言从今天开始小编将带大家一起来学习微信小程序的开发,作为依托于微信的产品,微信小程序的热度的确是不容忽视的,而且推广的话也会有很多优势,毕竟不用像app一样要...

快速搭建页面:一款开源可视化拖拽工具

简介基于vue可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。安装教程npm install:安装 node_modules 模块npm...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。