前端高效開發之“一鍵切圖”


作為一名‘切圖’工作者,首先得把圖切好切快,不能把大把的時間浪費在切圖上。

剛到新公司不久,見有同事使用切片工具切圖。此法為了將圖切好需將圖片放大n倍而不見得能切得准確,同時產生一大堆無用圖片產物,總之好麻煩!

對此我倍感幸運,慶幸自己從第一次切圖的時候就被一位牛逼設計師好友傳授了‘一鍵切圖’的技巧——選中圖片之后只需輕輕一按F2,圖片便乖乖進到碗里來!

這里提供一個思路:將您復雜的操作流程記錄為一個簡單的photoshop‘動作’。

快捷通道

【下載】您只需要溫柔滴點擊下載‘一鍵切圖動作’,並在你的ps中載入動作便可輕松搞定。

如果你知道如何載入動作,則可在自己的ps中直接運用,也便不必往下看了。

演示

一:載入動作

下面演示的是在photoshop cs6導入動作

【步驟】菜單欄—>窗口—>動作

按照此步驟打開動作面板,點擊面板右上角(見圖中紅框),出現下拉菜單,選擇‘載入動作’,然后將剛才下載的‘一鍵切圖動作’載入。ok!

二:一鍵切圖效果演示

成功載入‘一鍵切圖動作’之后,就可以嘗試使用F2,一鍵切出你想切的圖片了!

打開任一psd,演示如下

【目標】將圖中的’愛心‘切出來。

【步驟】

1.如圖中左上角,在‘移動工具’下,將‘自動選擇’勾選並選擇‘圖層’。

2.點擊’愛心‘小圖標,在圖層面板中我們可以看到愛心對應的圖層已經被定位到。

3.點擊圖層前面的小眼睛,觀察’愛心‘是否被隱藏,以此判斷我們是否真的選中了愛心。

4.接着就是見證奇跡的時刻:點擊F2,愛心小圖標就到碗里來了,如下圖。

最后用你習慣的方式將其‘存儲為web所用格式’,你可以從菜單欄中找到這項。我習慣的方式是ctrl+shift+alt+s四個鍵一起按,操作起來好像很牛逼的樣子。當然,你也可以用本文提供的這種思路,將這個簡單的操作保存為動作,然后一個快捷鍵搞定一切。

【結語】從此,媽媽再也不用擔心我的切圖。理想狀態下,希望本文能夠給你提供一個思路或是啟發:將復雜的ps操作記錄為一個簡單的動作快捷鍵。

【附件】提供兩個動作給大家選擇。

1.一鍵切圖(只包含‘一鍵切圖’動作)

2.敏捷開發(包括‘一鍵切圖’動作和‘一鍵保存為web所用格式’動作)

原創文章,轉載請注明來自:讓周飛[http://www.cnblogs.com/rangzf/]
本文地址:http://www.cnblogs.com/rangzf/p/3279848.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM