ps小圖標(biāo)教程課件

小圖標(biāo)系列教程一Nice丶無為制作2016/10/281小圖標(biāo)系列教程一Nice丶無為制作2016/10/281課前建議作為一個設(shè)計師，一定要思路清晰。Ps中要養(yǎng)成圖層管理，命名的習(xí)慣（這對以后作圖很有幫助）。經(jīng)常收集一些好的素材，關(guān)注一下自己方向上的最新產(chǎn)品設(shè)計。關(guān)注一些設(shè)計網(wǎng)站，提高自己的審美，以及了解最新的動態(tài)。平時要多練，不要讓手生了。Nice丶無為制作2016/10/282課前建議作為一個設(shè)計師，一定要思路清晰。Ps中要養(yǎng)成圖層管理1.圖標(biāo)分析一般拿到一個圖標(biāo)，不管是自己獨創(chuàng)，還是臨摹，都要想先從什么做起，這樣才不會讓自己那么的凌亂。這個圖標(biāo)可以分為上，中，下三個部分，（我的作圖思路：中>上>下）思路這個東西每個人都有自己的想法，多嘗試。Nice丶無為制作2016/10/2831.圖標(biāo)分析一般拿到一個圖標(biāo)，不管是自己獨創(chuàng)，還是臨摹，都要2016/10/28Nice丶無為制作4圖標(biāo)分解為上+中+下+背景上中下2016/10/28Nice丶無為制作4圖標(biāo)分解為上+中+下Nice丶無為制作2016/10/285中分解圖Nice丶無為制作2016/10/285中分解圖1.首先新建一個圖層，大小自己設(shè)置。新建快捷鍵：Ctrl+NNice丶無為制作2016/10/2861.首先新建一個圖層，大小自己設(shè)置。新建快捷鍵：Ctrl+N2.新建150px*150px弧度25px的圓角矩形，命名圖層為圓角矩形1.Nice丶無為制作2016/10/2872.新建150px*150px弧度25px的圓角矩形，命名圖ed7272為圓角矩形1添加混合模式（內(nèi)陰影，投影）內(nèi)陰影Nice丶無為制作2016/10/288ed7272為圓角矩形1添加混合模式（內(nèi)陰影，投影）內(nèi)陰影Nf17b7b投影效果圖Nice丶無為制作2016/10/289f17b7b投影效果圖Nice丶無為制作2016/10/282016/10/28Nice丶無為制作10拷貝圓角矩形1，通過自由變換，調(diào)整位置，然后添加混合選項。8e8e8e2016/10/28Nice丶無為制作10拷貝圓角矩形1，通2016/10/28Nice丶無為制作11效果圖#0000002016/10/28Nice丶無為制作11效果圖#00000新建圓角矩形，命名圖層為圓角矩形2。選擇直接選擇工具為圓角矩形除去右下角。在圓角矩形2的右邊和下邊合適的位置添加兩個錨點。通過選擇刪除右下角的兩個圓弧點。從而達(dá)到下圖效果。拷貝一份圓角矩形2，命名圖層為圓角矩形3。拷貝快捷鍵：Ctrl+jNice丶無為制作2016/10/2812新建圓角矩形，命名圖層為圓角矩形2。選擇直接選擇工具為8e8e8e為圓角矩形2添加混合模式（內(nèi)陰影，投影）內(nèi)陰影Nice丶無為制作2016/10/28138e8e8e為圓角矩形2添加混合模式（內(nèi)陰影，投影）內(nèi)陰影N投影000000效果圖Nice丶無為制作2016/10/2814投影000000效果圖Nice丶無為制作2016/10/28點擊圓角矩形3圖層，更改圖層顏色為：#e7e7e7。編輯中點擊自由變換?？旖萱I：Ctrl+T調(diào)節(jié)圓角矩形3的大小，并且添加圖層樣式（混合選項）描邊與漸變疊加。描邊c2bcb8Nice丶無為制作2016/10/2815點擊圓角矩形3圖層，更改圖層顏色為：#e7e7e7。調(diào)節(jié)圓角漸變疊加#000000#ffffff效果圖Nice丶無為制作2016/10/2816漸變疊加#000000#ffffff效果圖Nice丶無為制作新建圓角矩形4，命名圖層為：右下角三角。選擇這個錨點然后刪除用直接選擇工具使斜邊上的卷起來拷貝圖層右下角三角，命名為：右下角三角2Nice丶無為制作2016/10/2817新建圓角矩形4，命名圖層為：右下角三角。選擇這個用直接選擇工為右下角三角添加圖層樣式：內(nèi)陰影效果圖Nice丶無為制作2016/10/2818為右下角三角添加圖層樣式：內(nèi)陰影效果圖Nice丶無為制作20#000000#ffffff60%為右下角三角2添加圖層樣式：漸變疊加效果圖Nice丶無為制作2016/10/2819#000000#ffffff60%為右下角三角2添加圖層樣式Nice丶無為制作2016/10/2820制作模糊陰影畫出一個合適大小的橢圓選區(qū)新建圖層命名為：陰影一。使用漸變工具填充鼠標(biāo)右鍵，選擇羽化，半徑：5px取消選區(qū)Ctrl+D效果圖Ctrl+T調(diào)整位置和大小。Nice丶無為制作2016/10/2820制作模糊陰影畫出一2016/10/28Nice丶無為制作21問題1：下圖是如何制作的。2016/10/28Nice丶無為制作21問題1：下圖是如何2016/10/28Nice丶無為制作22答案:方法較多方法一：拷貝圓角矩形4，填充顏色，然后用選區(qū)工具刪去不需要的部分。方法二；拷貝圓角矩形4兩次，用布爾運算進(jìn)行制作，然后填充顏色。方法三：偷懶方法，拷貝圓角矩形4，用橡皮檫工具檫除不想要的部分。方法四：鋼筆工具自己勾畫。方法…….2016/10/28Nice丶無為制作22答案:方法較多2016/10/28Nice丶無為制作23通過矢量工具中的布爾運算進(jìn)行拼合，制作完成后添加圖層樣式#b32954#f961a12016/10/28Nice丶無為制作23通過矢量工具中的布2016/10/28Nice丶無為制作24#ffffff2016/10/28Nice丶無為制作24#ffffff2016/10/28Nice丶無為制作252016/10/28Nice丶無為制作252016/10/28Nice丶無為制作26000000底部制作首先新建正圓角矩形弧度25px在新建一個和上一個同寬不同高的圓角矩形。000000#1818182016/10/28Nice丶無為制作26000000底部制2016/10/28Nice丶無為制作27添加圖層蒙版選擇畫筆在圖層蒙版涂較上，左右三個邊2016/10/28Nice丶無為制作27添加圖層蒙版選擇畫2016/10/28Nice丶無為制作28方法：漸變制作通過遮掩，使下部體現(xiàn)出立體感白色描邊為區(qū)分，顏色加深部分為遮掩。其余白色為高光。高光的制作方法很多。例如：用漸變做高光；

畫筆點綴，

圖形點綴等。2016/10/28Nice丶無為制作28方法：漸變制作通過2016/10/28Nice丶無為制作29最后用布爾運算做出高光區(qū)域。然后調(diào)節(jié)顏色。最后添加背景。2016/10/28Nice丶無為制作29最后用布爾運算做出2016/10/28Nice丶無為制作30素材2016/10/28Nice丶無為制作30素材2016/10/28Nice丶無為制作31素材2016/10/28Nice丶無為制作31素材小圖標(biāo)系列教程一Nice丶無為制作2016/10/2832小圖標(biāo)系列教程一Nice丶無為制作2016/10/281課前建議作為一個設(shè)計師，一定要思路清晰。Ps中要養(yǎng)成圖層管理，命名的習(xí)慣（這對以后作圖很有幫助）。經(jīng)常收集一些好的素材，關(guān)注一下自己方向上的最新產(chǎn)品設(shè)計。關(guān)注一些設(shè)計網(wǎng)站，提高自己的審美，以及了解最新的動態(tài)。平時要多練，不要讓手生了。Nice丶無為制作2016/10/2833課前建議作為一個設(shè)計師，一定要思路清晰。Ps中要養(yǎng)成圖層管理1.圖標(biāo)分析一般拿到一個圖標(biāo)，不管是自己獨創(chuàng)，還是臨摹，都要想先從什么做起，這樣才不會讓自己那么的凌亂。這個圖標(biāo)可以分為上，中，下三個部分，（我的作圖思路：中>上>下）思路這個東西每個人都有自己的想法，多嘗試。Nice丶無為制作2016/10/28341.圖標(biāo)分析一般拿到一個圖標(biāo)，不管是自己獨創(chuàng)，還是臨摹，都要2016/10/28Nice丶無為制作35圖標(biāo)分解為上+中+下+背景上中下2016/10/28Nice丶無為制作4圖標(biāo)分解為上+中+下Nice丶無為制作2016/10/2836中分解圖Nice丶無為制作2016/10/285中分解圖1.首先新建一個圖層，大小自己設(shè)置。新建快捷鍵：Ctrl+NNice丶無為制作2016/10/28371.首先新建一個圖層，大小自己設(shè)置。新建快捷鍵：Ctrl+N2.新建150px*150px弧度25px的圓角矩形，命名圖層為圓角矩形1.Nice丶無為制作2016/10/28382.新建150px*150px弧度25px的圓角矩形，命名圖ed7272為圓角矩形1添加混合模式（內(nèi)陰影，投影）內(nèi)陰影Nice丶無為制作2016/10/2839ed7272為圓角矩形1添加混合模式（內(nèi)陰影，投影）內(nèi)陰影Nf17b7b投影效果圖Nice丶無為制作2016/10/2840f17b7b投影效果圖Nice丶無為制作2016/10/282016/10/28Nice丶無為制作41拷貝圓角矩形1，通過自由變換，調(diào)整位置，然后添加混合選項。8e8e8e2016/10/28Nice丶無為制作10拷貝圓角矩形1，通2016/10/28Nice丶無為制作42效果圖#0000002016/10/28Nice丶無為制作11效果圖#00000新建圓角矩形，命名圖層為圓角矩形2。選擇直接選擇工具為圓角矩形除去右下角。在圓角矩形2的右邊和下邊合適的位置添加兩個錨點。通過選擇刪除右下角的兩個圓弧點。從而達(dá)到下圖效果。拷貝一份圓角矩形2，命名圖層為圓角矩形3?？截惪旖萱I：Ctrl+jNice丶無為制作2016/10/2843新建圓角矩形，命名圖層為圓角矩形2。選擇直接選擇工具為8e8e8e為圓角矩形2添加混合模式（內(nèi)陰影，投影）內(nèi)陰影Nice丶無為制作2016/10/28448e8e8e為圓角矩形2添加混合模式（內(nèi)陰影，投影）內(nèi)陰影N投影000000效果圖Nice丶無為制作2016/10/2845投影000000效果圖Nice丶無為制作2016/10/28點擊圓角矩形3圖層，更改圖層顏色為：#e7e7e7。編輯中點擊自由變換?？旖萱I：Ctrl+T調(diào)節(jié)圓角矩形3的大小，并且添加圖層樣式（混合選項）描邊與漸變疊加。描邊c2bcb8Nice丶無為制作2016/10/2846點擊圓角矩形3圖層，更改圖層顏色為：#e7e7e7。調(diào)節(jié)圓角漸變疊加#000000#ffffff效果圖Nice丶無為制作2016/10/2847漸變疊加#000000#ffffff效果圖Nice丶無為制作新建圓角矩形4，命名圖層為：右下角三角。選擇這個錨點然后刪除用直接選擇工具使斜邊上的卷起來拷貝圖層右下角三角，命名為：右下角三角2Nice丶無為制作2016/10/2848新建圓角矩形4，命名圖層為：右下角三角。選擇這個用直接選擇工為右下角三角添加圖層樣式：內(nèi)陰影效果圖Nice丶無為制作2016/10/2849為右下角三角添加圖層樣式：內(nèi)陰影效果圖Nice丶無為制作20#000000#ffffff60%為右下角三角2添加圖層樣式：漸變疊加效果圖Nice丶無為制作2016/10/2850#000000#ffffff60%為右下角三角2添加圖層樣式Nice丶無為制作2016/10/2851制作模糊陰影畫出一個合適大小的橢圓選區(qū)新建圖層命名為：陰影一。使用漸變工具填充鼠標(biāo)右鍵，選擇羽化，半徑：5px取消選區(qū)Ctrl+D效果圖Ctrl+T調(diào)整位置和大小。Nice丶無為制作2016/10/2820制作模糊陰影畫出一2016/10/28Nice丶無為制作52問題1：下圖是如何制作的。2016/10/28Nice丶無為制作21問題1：下圖是如何2016/10/28Nice丶無為制作53答案:方法較多方法一：拷貝圓角矩形4，填充顏色，然后用選區(qū)工具刪去不需要的部分。方法二；拷貝圓角矩形4兩次，用布爾運算進(jìn)行制作，然后填充顏色。方法三：偷懶方法，拷貝圓角矩形4，用橡皮檫工具檫除不想要的部分。方法四：鋼筆工具自己勾畫。方法…….2016/10/28Nice丶無為制作22答案:方法較多2016/10/28Nice丶無為制作54通過矢量工具中的布爾運算進(jìn)行拼合，制作完成后添加圖層樣式#b32954#f961a12016/10/28Nice丶無為制作23通過矢量工具中的布2016/10/28Nice丶無為制作55#ffffff2016/10