前端開發人員也要會的切圖技巧(二)
之前介紹了傳統的切圖技巧,主要用於切多張圖片的時候,但很多時候我們可能只需要切一兩張圖示,如果還用傳統的方法就會很繁瑣,所以這次分享一種匯出單個圖示的方法。
沒有psd檔案的,我這裡準備了一份,需要的可以去下載
psd練習檔案 (和之前的一樣)
http://pan.baidu.com/s/1pL2dwL1
工具:一、二是用photoshop cs6演示的,三是用photoshop cc 2015演示的,一二中的方法兩個版本的軟體都可以實現,三中的方法cc才能實現,所以建議大家下載photoshop cc 2015
沒有photoshop,這裡準備了photoshop cc 2015的安裝包和破解工具,具體安裝和破解方法可以百度一下
http://pan.baidu.com/s/1gfJUEzT
切單個圖示的方法
1.還是之前的檔案,這次我們就切一個圖示
2.選擇移動工具,並在選項中選中“自動選擇”和“圖層”
3.點選我們要切的圖示,這裡是點選中間的筆,然後右邊的圖層皮膚就會自動聚焦到對應的圖層,通過點選左邊的小眼睛來確定是不是我們想要的圖層。
4.這裡我們找到了我們需要的圖示有兩部分組成,裡面的筆和外面的圓,兩個圖層被放在了一個組裡面
5.在icon檔案上右鍵,選擇“轉換為智慧物件”
6.然後,我們會發現,兩個圖層合併為了一個圖層,這個就是我們需要的圖示
7.在icon圖層上右鍵,選擇“編輯內容”,出現提示框的話直接點選“確定”即可
8.然後,我們的圖示就被單獨提取出來了
9.選擇“檔案”=》“儲存為”,將我們的圖示儲存為PNG格式就大功告成了!
photoshop cc之後新增了很多高階的切圖方法,下一節給大家分享幾個和前端相關的自動化切圖方式
相關文章
- 前端開發人員也要會的切圖技巧(一)前端
- 前端開發人員也要會的切圖技巧(三)前端
- 圖解:前端和後端開發人員的大PK圖解前端後端
- 前端要會的一些ps切圖和和ps技巧!前端
- 前端技巧之如何切圖前端
- 大前端開發人員必知必會的HTTP知識前端HTTP
- 前端開發,難道只是“切圖”?前端
- 前端開發人員必須瞭解的七大技能圖譜前端
- 神器:前端開發人員必備的5款開發工具前端
- JavaScript 開發人員需要知道的簡寫技巧JavaScript
- 前端開發人員需要了解的CSS原理前端CSS
- 前端開發人員都在關注的 GitHub 資源前端Github
- 前端切圖的通俗解釋(說人話)前端
- IE8開發人員工具教程(二)
- 當設計師遇上前端開發人員前端
- [譯] 優秀 JavaScript 開發人員應掌握的 9 個技巧JavaScript
- 為JavaScript開發人員準備的 21 個小技巧(一)JavaScript
- 開發人員 vs 測試人員
- 前端技術人員的發展之路前端
- 開發人員建立圖示工具:AssetsGen for MacMac
- 開發人員愛開發
- 每個開發人員都需要了解的一個SQL技巧SQL
- 獨立開發人員劃分工作和生活界限的小技巧
- 前端開發人員快速建立本地伺服器前端伺服器
- 前端開發人員為什麼應該拿高薪前端高薪
- 90%的Java開發人員都會犯的5個錯誤Java
- 開發人員怎麼看實施人員
- 【專題】測試人員 VS 開發人員
- 面向前端開發人員的VSCode自動化外掛前端VSCode
- 十款讓Web 前端開發人員愛不釋手的工具!Web前端
- 面向Java開發人員的Flex開發指南JavaFlex
- 敏捷開發人員的責任敏捷
- 面試開發人員的有效方法面試
- 招聘.net開發人員
- 招聘SAP開發人員
- 前端開發也要學點兒 Linux 基礎命令前端Linux
- 2019年成為優秀的Java開發人員的10個技巧Java
- 為什麼說web前端開發人員的薪資高、待遇好Web前端