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

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

畫(huà)筆點(diǎn)綴，

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