Zi 字媒體

幫你提高效率的自動填充神器插件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 精華推薦 【 設計教學 】23款WEB設計師必備的英文字體下載 【 PS創意設計 】Photoshop設計藍色質感的網頁下載按鈕 【 PS創意設計 】Photoshop製作文藝女裝淘寶全屏海報教程 【 PS創意設計 】Photoshop設計創意的產品宣傳海報教程 【 PS創意設計 】Photoshop設計藍色風格的酷狗軟件圖標教程 【 PS創意設計 】Photoshop設計時尚的照相機軟件圖標教程 【 PS創意設計 】Photoshop設計頹廢風格的軟件APP圖標 【 PS創意設計 】Photoshop設計奶酪和盤子組成的APP軟件圖標