PS拉框助手是一款基于photoshop的插件,它能够快速的生成折线图、柱状图、饼图、雷达图、全国各省市的地图、以及按钮、按钮组、窗口、输入框、下拉框、单选、多选、提示、表格、树等常用的UI元素!
软件特色
节约时间
一般来说,使用PS绘制真实数据的图表是一个非常耗时的过程
简单方便
拉个框,填写颜色值,点击确定就可以轻松获得你想要的图表效果
自动化
自动化绘制的视觉元素将准确地表示数字、尺寸、间距,实现结果真实可靠。
容易实现
拉框助手生成的界面,开发小哥使用Echarts一定能够实现,实现效果能与设计图一致
安装方法
1、下载安装程序后,把文件解压到桌面上,您会看到下面这些文件:
2、打开PS,点击“文件”》“脚本”》“浏览"然后选择install.jsx这个文件。
3、系统会弹出安装成功的提示文字,重启photoshop就可以了
使用说明
折线图图文教程
如何利用拉框助手绘制漂亮的折线图
说明
设计折线图的时候,我主要是参考了百度的Echarts,用拉框助手绘制的折线图,使用Echarts开发,实现还原度将会非常高。如果您对JSON数据有一定的了解,您还可以使用 "导入JSON" 来直接绘制各类图表。
折线图绘制步骤
1、使用PS的矩形选框工具拉一个框
2、勾选你需要绘制的内容,包括图表的横线、竖线、文字、线条、面积图、每个点绘制一个小圆圈等等
3、选择您是要绘制随机数据还是固定点的数据,如果是随机数据,则填写随机数据的范围,主要这个范围不要超过Y轴的整个范围。如果是固定数据,则要求填写每个点的值,使用英文逗号分隔开
4、您也可以在图表上绘制多条线,点击增加一组数据按钮,填写第二组数据相应的参数,则会绘制第二条线。以此类推,可以绘制多条折线
5、点击确定按钮,PS拉框助手则会自动给你绘制好你所需要的图形
各项参数解释