本帖最后由 笙歌已沫 于 2015-8-12 18:14 编辑
很高兴能和大家分享几个我平常整理的一些常用ps插件。
PART1 PS长投影插件
自ios7发布后,扁平化风格被演绎的如火如荼,长投影风格也很快加入到这个行列中。长投影效果在网页设计、UI元素以及图标等设计上得到了大量的运用,这些长投影有着特征性的水平斜向45度角以及在靠近背景阴影处应用渐变。扁平化长投影风格简洁的形式受到广大设计爱好者的热捧。Long Shadow Generator长投影插件除了支持4个方向的长投影,还支持设定投影长度等,相对“一键制作长投影动作版”要给力一些。
Long Shadow Generator插件安装说明Long Shadow Generator安装版为zxp格式,需要用Adobe Extension Manager 来安装插件(如果你已经按照Extension Manager ,双击zxp文件即可实现自动安装)。
如果你不曾安装Adobe Extension Manager ,那么你可以下载本站提供的Long Shadow Generator绿色版,把相应的版本文件复制放到“X:\Adobe\Adobe Photoshop CSX\Plug-ins\Panels”目录下即可。
然后打开PS在 windows(窗口) > extensions(扩展) 下面即可看见Long Shadow Generator插件了。
Long Shadow Generator长投影插件有支持CS6和CC的版本区分,请视你安装的版本选择使用。
另外,如果不适应插件的童鞋可以去下载长投影动作,也很好用的。你只要轻轻一点,他就可以自动生成了,也很方便。
这个插件比较简单,就说这么多吧。。。
PART2 PS切图神器 Cut&Slice me
如下图点击下载的绿色按钮
下载后,你会发现他是一个.zxp的文件,这时你需要把后缀名改成.zip的。然后用解压工具解压。
将解压的CutAndSliceMe文件夹放入到你的ps插件路径中:
D:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Adobe Photoshop CS6 (64 Bit)\Plug-ins\Panels
重启下ps,然后在窗口->扩展功能 下勾选CutAndSliceMe就可以看到介个插件了。
注意,一定要放对文件夹,然后重启啊,不然你是找不到的。喵~ ~
关于怎么使用:
打开插件,你可以看到顶部横排的3个按钮,你可以选择IOS\ANDROID\普通设备三种方式,例如你做的界面是IPAD的(Retina屏分辨率2048×1536,普通屏1024X768 )导出切片的时候会按照2X和普通两种格式替你导出;同样,选择ANDROID也会通过H、M、L三种格式进行导出。
再看竖排的3个按钮,第一个是就是一键导出- -,只要你的图层命名按照他的规范来,只要一键,就可以导出该PSD的所有切片元素X3X。。。第二个是按组导出,不怎么用。。。第3个就是指哪儿导哪儿,你点在哪个分组或图层上就给你导哪个。
接着只要按照下面的规范,进行规范的图层命名,就可以通过插件一键导出了~~
a.成组的组织你的元素,就例如一个按钮就是一个组,一个输入框也是一个组一样
b.如果你要输出的元素没有一个规范的命名,或者你不想按照规范来。你可以在你想要输出图层或者组名称的最后加@,就能够以PNG透明图层格式导出
c. 如果想要你的图层分组成为一个自定义的尺寸, 新建一个自定义的矩形矢量图层作为第一层放在该分组的第一层上然后命名#,切片就会按照之前自定义的矩形大小导出
d. 下面是一键导出按钮分组的命名规范,-normal -hover -clicked / pressed -selected -disabled ,把你的按钮图层分组按照这个来命名,一键导出的时候,插件就会对这些命名进行识别,一键导出爽歪歪~~~
PART3 GuideGuide辅助线插件
guideguide 插件的安装
安装位置:1:找到自己 ps 的安装文件位置(不记得的话可以直接右键单击 ps 图标然后点击“属性”》“快捷方式”》“打开文件位置”)2:接着在文件位置里,点击 Plug-ins 文件夹,再点击 Panels 文件夹,这个 panels 就是目标啦!
[img=756,289]http://img.zcool.cn/community/024854556d69320000016b623ea632.jpg@800w_1l" border="0" alt="" />[img=1,1]http://img.zcool.cn/community/024854556d69320000016b623ea632.jpg@800w_1l" border="0" alt="" />
2.请粗暴地直接把 guideguide 插件的后缀 .zxp 改为 .zip 。如图已经变成压缩文件了。
[img=754,301]http://img.zcool.cn/community/02f12e556d69360000016b62e67972.jpg@800w_1l" border="0" alt="" />
3.请瞄准上面的 guideguide-2.1.4.zip 右键解压。解压过后打开 guideguide-2.1.4 如下图,证明已离成功不远啦!(再次提醒要放在 Panels 目录当中哟~)
[img=774,360]http://img.zcool.cn/community/028a42556d69320000016b6244c5d3.jpg@800w_1l" border="0" alt="" />
4.打开 Ps ,点击 “编辑”》“首选项”》“增效工具”》“载入扩展面板”》“确定”。
[img=760,235]http://img.zcool.cn/community/02d65b556d69340000016b629ee456.jpg@800w_1l" border="0" alt="" />
5.在菜单栏中点击 “窗口”》“扩展功能”。要扩展功能右方看到 guideguide 就表示成功啦。
参考线插件GuideGuide这款工具非常好用,可以让人方便快捷地创建参考线,免去计算辅助线的痛苦。
工具界面示意图:
[img=1,1]http://img.zcool.cn/community/023f37557f99150000011ce789f32b.jpg" border="0" alt="" />![]()
使用方法:
1、划分页面,页面需要分几列或几行,且要等间距。
2、找到水平中点或垂直中点,左对齐、右对齐、上对齐和下对齐的方法同样。
3、分栏与分列,确定边距。
4、确定列的宽度或行的宽度。
比如要做出3个分列,且每个分列宽度为100px。
5、确定行间距或列间距。
比如你给某杂志页面排版,需要5个30px行高的行,且行间距为8px。
6、当你要将一定宽度的区域划分为N等分的分栏的时候,先用选区工具生成选区,再进行划分。
比如导航栏需要划分成5个分栏
怎么样,学会怎么使用了吧。该给偶点个赞了吧??!
全部评论(
)还没人评论,赶紧抢占沙发