PS+SKETCH提高效率的自动填充神器插件CRAFT

2016-04-05 17:39 544 1 收藏

下面是个简单易学的PS+SKETCH提高效率的自动填充神器插件CRAFT教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - PS 】

PS+SKETCH提高效率的自动填充神器插件CRAFT

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

  下载地址:

  Craft官网(输入邮箱,点击get it free):http://labs.invisionapp.com

  网盘链接:http://pan.baidu.com/s/1eQPDSS6

PS+SKETCH提高效率的自动填充神器插件CRAFT 图老师

  Craft有什么牛逼的功能?

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

  文本自动填充

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
5mt20160212

  那怎么办?

  还有记得那个标签栏有个web的选项么?点一下它,输入你认为可能能找到对应东西的网站。具体如下图,只要框选的内容就会被自动填充了。

  这个功能太实用了,泪流满面。终于不用来回切换程序了。

4mt20160212

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

9mt20160212

  图片自动填充

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

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

  1)从Unsplash随机添加图像。

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

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

7mt20160212

  ▲ Cratf图像填充演示Unsplash填充

8mt20160212

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

  重复元素自动变化填充

  这是Craft插件最吸引tulaoshi.com人的地方,真正的方便和节省时间的功能。以往我们要复制元素,还要考虑份数和间距等等问题,最简单的方式也只是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平台:

  Content Generator

  Unsplash It

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

来源:http://www.tulaoshi.com/n/20160405/2127307.html

延伸阅读
标签: 黄金
经常感觉情绪低靡并且效率极低么(好像我经常陷入这种困境)?那么这里有五条可以帮助设计师在实际工作中提高效率的小提示。 1.任务管理 学会任务管理对于每个自由职业者都是必要的。它能够帮助你把一周的任务变得更有条理,更易于操作并且形成一个简短而清晰的计划列表。这是一个非常好的方式以确保所有任务都能在预定截稿时间内完成,而...
标签: PS PS基础
我们都知道使用快捷键可以迅速提高工作效率。今天我在这里分享一下我多年经验积累的30个Photoshop的秘密快捷键。这里之所以用秘密二字,是因为你在菜单中根本找不到这些快捷键。坚持读完,你会发现这些快捷键能给你的工作效率带来质的飞跃。我敢打赌其中有很多你都不知道。 小贴士: 这篇文章都是使用Mac系统,如果你使用的PC,那么Cmd = Ctr...
标签: 电脑入门
一个成功的PowerPoint演示,除了内容要精彩之外,漂亮的页面设计也很重要,这样就能在第一时间吸引观众,带给他们好感。下面的这9条小技巧,可提高你在设计PowerPoint幻灯片时的效率,助你一臂之力。 妙招1:幻灯片快速一分为二 如果文字太多,一张幻灯片放不下,可以快速将幻灯片一分为二,变成两张幻灯片。 Step1 点击菜单视图→工具...
我们都知道使用快捷键可以迅速提高工作效率。今天我在这里分享一下我多年经验积累的30个Photoshop的秘密快捷键。这里之所以用“秘密”二字,是因为你在菜单中根本找不到这些快捷键。坚持读完,你会发现这些快捷键能给你的工作效率带来质的飞跃。我敢打赌其中有很多你都不知道。 小贴士: 这篇文章都是使用Mac系统,如果你使用的PC,那么Cmd =...
这里的写法,可以避免使用 for 循环,减少栈空间内存的使用和减少运行时的计算开销! #include < iostream     #include < string     using   namespace  std;        void  print_char( char * array[]); //函数原形声明 &nbs...

经验教程

50

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部