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

點贊
收藏 10

發表評論 已發布 7

還可以輸入 800 個字
 
 
載入中....
相關推薦
7 收藏