【 設計教學 】幫你提高效率的自動填充神器插件Craft | PS筆刷工廠-

幫你提高效率的自動填充神器插件Craft

這一次的教學是屬於攝影作品領域中的其他資訊的相關教學。

文章出處是來自優設的攝影作品類文章，寫教學的作者是米田miten，感謝米田miten提供其他資訊的實作教學。

教學大綱:

如果你使用Photoshop和Sketch做界面設計時，肯定會碰到一個問題，那就是需要填充很多真實的圖片到界面里。這個過程非常浪費時間，有沒有能節省時間的辦法呢？當然是有的，那就是Craft。

其他資訊教學開始

如果你使用Photoshop和Sketch做界面設計時，肯定會碰到一個問題，那就是需要填充很多真實的圖片到界面里。這個過程非常浪費時間，有沒有能節省時間的辦法呢？當然是有的，那就是Craft。

下載地址：

Craft官網（輸入郵箱，點擊“get it free”）：http://labs.invisionapp.com
網盤鏈接：http://pan.baidu.com/s/1eQPDSS6

Craft有什麼牛逼的功能？

因為米田用的Sketch為主，所以內容也是以此為主。Photoshop的功能是完全一致的，就不再重複演示了。

文本自動填充

簡單一句話，能填充很多英文類字符串。包括姓名，大標題，文章，日期，電郵，城市，地址，國家，貨幣等等都可以。不過這塊因為不是英文，還是顯得有點雞肋。

那怎麼辦？

還有記得那個標籤欄有個”web”的選項么？點一下它，輸入你認為可能能找到對應東西的網站。具體如下圖，只要框選的內容就會被自動填充了。
這個功能太實用了，淚流滿面。終於不用來回切換程序了。

具體動畫演示，請看下圖：

圖片自動填充

我們可以從Dropbox的，電腦文件夾或網絡導入真實不重複的照片，到設計的界面里。

craft插件可以將真實圖像快速添加到界面。並且提供足夠多的添加選擇方式。

1）從Unsplash隨機添加圖像。

2）從自己的文件夾，甚至是圖像中抓取的圖像。

3）從任何網站添加圖像，方式和文本填充方式一致。（注意圖像使用版權）

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

▲ Cratf圖像填充演示——從任一網頁填充

重複元素自動變化填充

這是Craft插件最吸引人的地方，真正的方便和節省時間的功能。以往我們要複製元素，還要考慮份數和間距等等問題，最簡單的方式也只是“Alt +拖動”，當然有部分插件能實現快速複製。

但是Craft的複製功能的最大好處是，它會自動完成上述所有的功能外，還自動替換圖像和文本。完全不需要手動處理，就能實現完全的高保真界面。 真的太酷了！

下面就是見證奇迹的時刻。

Craft的安裝步驟：

1）下載安裝包，解壓縮

根據自己是Win或Mac系統點擊對應的文件（如下圖）。如果你用的是Sketch就點擊Sketch，如果是Photoshop也是同理。當然兩個都點擊都可以。

2）打開Sketch或Photoshop，看看是否安裝成功

打開Sketch，會發現出現新的面板，表示已經成功安裝插件。

打開Photoshop，在窗口>擴展功能>Duplicate/Photo/Type出現，表示已經成功安裝插件。

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

— —

文章永久連結為: 幫你提高效率的自動填充神器插件Craft