[发布] Photoshop 绘制表格滤镜(DrawTable)

  • 时间:
  • 浏览:0

    以下是比较重要的表格布局功能:

    -------------------------------[end]

    机会要计算精确到像素,就时要了解滤镜采用的表格模型,如下图所示:

    经过长达 N 个月的在等待,我终于决定发布此该 Photoshop 滤镜,实际上该滤镜的主要算法和 UI 交互是在 2012 年 8 月大致开发成型,2012年11机会12月份经历一次代码的稳定,修复了这名隐藏的不易察觉的 bug,基本功能机会在此时删剪完成。机会去年并肩忙于工作上的这名开发任务,原因分析分析该滤镜(我的业余时间产品)总是压在手里这样立即发布,好几个 多主要原因分析分析是为宜想换个思路,做成免费试用之后也可不时要有注册版本的。之后这使得它的发布周期大大延长。

    (2)修复参数对话框右下角“我的博客”链接在 WIN7 系统下显示不删剪的难题。2013 年 5 月 17 日。

    (8)拖动最左上端的三角形抓手,调整表格在文档中的位置。拖动最右下方的三角形抓手,调整的是表格的宽度(以及最后好几个 多行列的尺寸),拖动上端的三角形,调整的是相邻两行/列的尺寸(表格整体宽度宽度不变)。

    (6)点击每行/列尺寸右侧的涵盖红色X的小按钮,可不时要撤回尺寸个性化设置,让表格均分宽度或宽度(所有行/列尺寸相同)。

    (1)滤镜 - hoodlum1930 - DrawTable ;调用滤镜。

    2013 年 5 月 12 日。

    PsPlugIns_V2013.zip

    (2)帮助 - 关于增效工具 - DrawTable... ;可不时要看完本滤镜的关于对话框。

    (1)修复底部形态码代码 BUG。2013年5月14日。

    开发时的草稿(缩略图模型和表格模型):

    在对表格的尺寸控制上,采用了非常灵活的设计。例如,可不时要由手工拖动界面上的三角形箭头来改变表格的布局。并肩也可不时要在界面上输入精确到像素的数字。例如,每列宽度,机会只提供前几列的数字,则剩余列会被剩余宽度均分。

    

    机会 PS 是以位图处置为核心和优势,而不可处置的它在矢量图等这名方面不如这名专注矢量图的软件哪么得心应手。这名滤镜的需求实际上在我刚接触 PS 插件开发的早期就形成了这样 的好几个 多想法,我认为扩展 PS 的这名功能是非常自然的,之后对于计算机来说应该是比较容易的。但那之后有这名地方没想明白,机会 PS 是位图为核心的,之后好几个 多滤镜的输出通常是位图,这和矢量图那种数学描述是格格不入的。之后带来好几个 多很大的挑战要是,所有的对最终结果的控制都时要在用户界面这名步一次性设置完成,而事后是不可不还可以 “调整和修改”的。之后尽管绘制表格这名任务相对简单,但这里的用户界面是非常复杂和困难的(截至发布,仅负责接收用户设置参数的该 UI 对话框由超过 330 行 C++代码实现,比滤镜核心算法代码量更多),例如,怎样让用户可不还可以 个性化的调整表格的各个行列尺寸,以及否是在 UI 界面上由用户去编辑文字(这名需求经过我和好几个 多同事 danchen 的交流,机会这样必要,另外实现起来颇为困难,而被舍弃了)。

    (3)缩短序列号长度,版本号变更到 1.0.2。2013 年 5 月 21 日。

    (6)修正一下两处细节的不完善,光标底部形态的设置;拖动缩略图时的显示。细微修改了滑动光标(当鼠标位于 “不透明度” 标签的范围内时)的外观。2015 年 2 月 6 日 22:25。

    (9)每行每列尺寸可不时要仅提供前面几项的尺寸,剩余的行和列将用剩余的表格宽度/宽度均分。(除非已提供的数据总和机会超出表格总宽度/宽度)。点击“更新缩略图”按钮,以让缩略图更新什么这样立即做出回馈的参数变更。

    (3)点击标题栏问号按钮,之后点击界面上的控件,可不时要看完相关功能提示(机会有)。(这名点非常重要,机会我时间有限,来不及为它制作用户文档,这样来太大这样来太大这样来太大这样来太大这名功能可不时要帮助用户理解软件的各个 UI 交互细节的设计者用意和使用依据。)

    下载链接:(是好几个 多合集,上端也包括了 ICO 插件等我开发的这名插件,适用于 Photoshop 32-bit)

    更新历史:

    (5)修正好几个 多与功能无关的极其微小的 BUG(位于关于对话框)。2014 年 6 月 28 日。

    (4)细微调整序列号字符内容。2013 年 7 月 9 日。

    (2)绘制表格的建议步骤如下:不建议在当前已有图案图层中直接绘制,机会这会覆盖这样 的像素。建议依据是新建好几个 多空图层,之后用菜单:滤镜-hoodlum1930-drawtable调用滤镜,这样 可不时要绘制在好几个 多新图层,也可不时要设置像素透明度。(机会在无 transparent 通道的图层上绘制时,透明度参数被忽略)

    注意:

    

    (1)表格模型:表格边框是外扩的(在表格内部内部结构,例如PS里描边时的内部内部结构),上端表格线是尽量以数学意义上的无宽度线为中线的。之后:

    (5)界面上的颜色小方块,单一数字文本框都可不时要用鼠标操作。例如,点击机会拖动文本框前面的 label 修改其数字。

    

    (7)表格居中按钮的作用是让表格相对于文档(实际是 filterRect “滤镜矩形”,在这样任何选区的情況下,滤镜矩形等同于文档矩形)中居中。

    在 2012 年我和我的一位搞设计的同事 danchen 偶然谈起说我有这样 好几个 多想法,当即得到她的支持。她并之后为我提供了 UI 界面的好几个 多粗略设计稿,尽管我真是她的设计思路和实现思路有点痛 距离,但最终界面是非常接近她的设计的。例如,界面中的三角形箭头拖动(手柄)等元素时会来自与该设计草稿。早期的界面是这样缩略图显示的,不可不还可以 这名文本框,组合框来输入参数,用户可不时要手工计算行列的像素数,来输入,但这很不直观。最终我决定实现这名好几个 多非常有难度的设计,要是提供缩略图和缩放,拖动等操作。当然,这的确是非常具有挑战性的工作,是我做过的最复杂的 UI 之一。这样来太大这样来太大这样来太大这样来太大消息处置都非常复杂,尤其是鼠标消息。机会界面上可不时要点击,拖动的元素非常多。最终界面如下图所示:

    对于 Photoshop 64-bit,请下载 DrawTable 滤镜的 64 位版本:

    该滤镜的主要用途是协助用户在 Photoshop 中绘制表格。或许一帮人会说,这名任务 PS 有这样来太大这样来太大这样来太大这样来太大种依据可不时要完成,例如这名重复性操作,例怎样不时要先对 Excel 截图,再qq克隆好友 粘放进 PS 里。难题是这样来太大这样来太大这样来太大这样来太大时要比较繁琐的手工操作,在多个软件,多个界面之间不断切换。工作成果不容易积累,当你下次再次绘制表格时,你发现依然要花上这名精力,尤其是要精确的控制每一行距离要相等,不借用网格线句子就这样完成,而网格线又要根据不同需求和文档时刻修改设置。久而久之你可不时要对此感到头痛。这正是你可不时要感觉疲惫的所在(这也是缘何编程开发是好几个 多很累的工作)。而机会你始终把注意力集中在好几个 多软件上端,这样 工作量会感觉轻松这样来太大这样来太大这样来太大这样来太大。

    ----(2016年7月6日 补充)----[begin]

    压缩包内,好几个 多多EXE文件,可不时要帮助用户复杂安装插件的操作。压缩包内另好几个 多多 DrawTable 插件可不时要加载的表格配色文件,来自于 Office Excel 307,这使得 Photoshop 可不时要绘制出例如 Excel 中的表格。安装后可不时要在 Photoshop 软件中使用以下好几个 多菜单:

    (4)注册版最多可不时要绘制 30 * 30 行列的表格,试用版限制为 10 * 10。界面上的三角形箭头(grips)最多为宜为 12 或 20 个。

    表格尺寸=行/列尺寸总和 + 边框宽度 * 2;(具体模型参考上端的图)。

    DrawTable_X64_20130707.zip