PS+Sketch通用!帮你提高效率的自动填充神器插件Craft - 优设-UISDC

PS+Sketch通用!帮你提高效率的自动填充神器插件Craft

2016/02/12 59900评论区

photoshop-sketch-craft-plugin-1

@米田miten :如果你使用Photoshop和Sketch做界面设计时,肯定会碰到一个问题,那就是需要填充很多真实的图片到界面里。这个过程非常浪费时间,有没有能节省时间的办法呢?当然是有的,那就是Craft。

下载地址:

Craft官网(输入邮箱,点击“get it free”):http://labs.invisionapp.com
网盘链接:http://pan.baidu.com/s/1eQPDSS6

6mt20160212

Craft有什么牛逼的功能?

因为米田用的Sketch为主,所以内容也是以此为主。Photoshop的功能是完全一致的,就不再重复演示了。

文本自动填充

简单一句话,能填充很多英文类字符串。包括姓名,大标题,文章,日期,电邮,城市,地址,国家,货币等等都可以。不过这块因为不是英文,还是显得有点鸡肋。

5mt20160212

那怎么办?

还有记得那个标签栏有个”web”的选项么?点一下它,输入你认为可能能找到对应东西的网站。具体如下图,只要框选的内容就会被自动填充了。
这个功能太实用了,泪流满面。终于不用来回切换程序了。

4mt20160212

具体动画演示,请看下图:

9mt20160212

图片自动填充

我们可以从Dropbox的,电脑文件夹或网络导入真实不重复的照片,到设计的界面里。

craft插件可以将真实图像快速添加到界面。并且提供足够多的添加选择方式。

1)从Unsplash随机添加图像。

2)从自己的文件夹,甚至是图像中抓取的图像。

3)从任何网站添加图像,方式和文本填充方式一致。(注意图像使用版权)

7mt20160212

▲ Cratf图像填充演示——Unsplash填充

8mt20160212

▲ Cratf图像填充演示——从任一网页填充

重复元素自动变化填充

这是Craft插件最吸引人的地方,真正的方便和节省时间的功能。以往我们要复制元素,还要考虑份数和间距等等问题,最简单的方式也只是“Alt +拖动”,当然有部分插件能实现快速复制。

但是Craft的复制功能的最大好处是,它会自动完成上述所有的功能外,还自动替换图像和文本。完全不需要手动处理,就能实现完全的高保真界面。 真的太酷了!

下面就是见证奇迹的时刻。

10mt20160212

Craft的安装步骤:

1)下载安装包,解压缩

根据自己是Win或Mac系统点击对应的文件(如下图)。如果你用的是Sketch就点击Sketch,如果是Photoshop也是同理。当然两个都点击都可以。

3mt20160212

2)打开Sketch或Photoshop,看看是否安装成功

打开Sketch,会发现出现新的面板,表示已经成功安装插件。

2mt20160212

打开Photoshop,在窗口>扩展功能>Duplicate/Photo/Type出现,表示已经成功安装插件。

1mt20160212

Craft的快捷键

它最大的用处就是填充照片,文本虽然也可以填充,但是基本是英文的文本,用处不是特别大。

  • 神功能A:插入文件夹的图品(最牛逼的功能): Shift + Ctrl +1
  • 神功能B:随机从Unsplash插入图片(Unsplash是质量很好的壁纸库) Shift + Ctrl + 3
  • 神功能C:从Drapbox插入图片(因为国内被墙,用处没有那么大了) Shift + Ctrl + 2

类似插件:

Photoshop平台:uberfaces

Shetch平台:

参考资料:Sketch.app & Craft: A Match Made in Real Data Heaven

「有哪些看上去很高大上,实际很简单的PS技巧?」

  1. 《有哪些看上去很高大上,但实际很简单的PS技巧?》
  2. 《有哪些看上去很高大上,但实际很简单的PS技巧?(入门篇)》
  3. 《有哪些看上去很高大上,但实际很简单的PS技巧?(酷炫火焰篇)》
  4. 《有哪些看上去很高大上,但实际很简单的PS技巧?(人像篇)》
  5. 《有哪些看上去很高大上,但实际很简单的PS技巧?(渐变色篇)》
  6. 《有哪些看上去很高大上,但实际很简单的PS技巧?(二次元篇)》

作者:@米田miten

uisdc-hao

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-sketch-craft-plugin

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 产品设计 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里