Photoshop制作透明磨砂風格的圖標教程

效果圖

Photoshop制作透明磨砂風格的圖標教程



教程步驟
在開始制作之前 , 我們可以先整體的觀察一下毛玻璃作品的特征 。
Photoshop制作透明磨砂風格的圖標教程



Step 01 繪制草稿
1.1 根據以上分析結果 , 我將這次案例定為手機應用圖標 。 先進行簡單的草稿繪制 。
Step 02 繪制形狀
2.1 畫稿畫好之后 , 然后用AI開始畫圖形 。
2.2 圖形繪制期間 , 如果發現造型可優化的地方 , 也可以立即修改 。
(1)信息圖標
Photoshop制作透明磨砂風格的圖標教程



(2)文檔圖標
Photoshop制作透明磨砂風格的圖標教程



(3)郵件圖標
Photoshop制作透明磨砂風格的圖標教程



Photoshop制作透明磨砂風格的圖標教程



(4)天氣圖標
Photoshop制作透明磨砂風格的圖標教程



2.3 所有圖層畫好之后 , 可以將圖形放在一起 , 并且調整好大小位置 , 使圖標看著整體更協調 。
Photoshop制作透明磨砂風格的圖標教程



Step 03 安裝插件
3.1 下載本教程提供的插件腳本并解壓 。 然后點擊文件-腳本-其它腳本 。
Photoshop制作透明磨砂風格的圖標教程



3.2 選中腳本的文件 , 點擊打開 。
Photoshop制作透明磨砂風格的圖標教程



3.3 出現下面提示 , 點確定 。
Photoshop制作透明磨砂風格的圖標教程



3.4 然后跳出導出面板 , 選擇為psd格式并設置好路徑導出 。
Photoshop制作透明磨砂風格的圖標教程



Step 04 打開PSD文件
4.1 將剛才導出的psd文件打開 。
Photoshop制作透明磨砂風格的圖標教程



4.2 然后點圖層篩選器的形狀 , 并且按shift選中所有圖層 , 將透明度改為100 , 并Ctrl G編組 。
Photoshop制作透明磨砂風格的圖標教程



4.3 然后關掉篩選器 , 將形狀以外的所有圖層刪除 。 并且按圖標含義編組 。
Photoshop制作透明磨砂風格的圖標教程



Step 05 制作文件夾圖標
5.1 圖像-模式 , 將模式改為RGB 。
Photoshop制作透明磨砂風格的圖標教程



5.2 粉色形狀顏色填充改為dab8f8 。
Photoshop制作透明磨砂風格的圖標教程



5.3 為第一個圖標 , 【文件面】圖層添加圖層樣式 。
Photoshop制作透明磨砂風格的圖標教程



Photoshop制作透明磨砂風格的圖標教程



Photoshop制作透明磨砂風格的圖標教程



5.4 修改【文件底】的顏色填充 , 并對【文件面】右鍵-拷貝圖層樣式 , 對【文件底】右鍵-粘貼圖層樣式 。
Photoshop制作透明磨砂風格的圖標教程



Photoshop制作透明磨砂風格的圖標教程



5.5 選中【文件紙】圖層 , 添加漸變疊加 。

推薦閱讀