ps繪制漂亮的Twitter小鳥(niǎo)圖標(biāo)(12)
最終成品:
1. 新建一個(gè)800*600px的PSD文件,分辨率72dpi,RGB顏色模式,白色背景,在圖層上畫(huà)一個(gè)圓,顏色#0099FF。按住Shift鍵,你可以繪制一個(gè)正圓。
2. 按住Alt + Shift鍵向下復(fù)制圓,以繪制鳥(niǎo)的頭和身體。這2個(gè)矢量形狀獨(dú)立于每一圖層,即頭一個(gè)圖層,身體一個(gè)圖層。
3. 現(xiàn)在我們更改下復(fù)制圓的大小。當(dāng)你按Cmd/Ctrl + T鍵時(shí),對(duì)象的控制點(diǎn)將會(huì)出現(xiàn)。
4. 使用直接選擇工具,選中圓的最上面的平滑錨點(diǎn),然后拖拉平滑錨點(diǎn)上的方向點(diǎn)到另一個(gè)圓的邊緣(圖示),以柔和地連接小鳥(niǎo)的頭和身體。
譯者:這里可以把上面的平滑錨點(diǎn)先轉(zhuǎn)換成角點(diǎn),然后再用轉(zhuǎn)換工具選中錨點(diǎn)直接拖拉,這樣兩邊方向線就同時(shí)進(jìn)行了。
5. 我們?cè)谥笤俳o圖層添加圖層樣式。我們先來(lái)畫(huà)眼睛,畫(huà)一個(gè)縱向的橢圓,然后再?gòu)?fù)制一個(gè)。
6. 我們完成了眼睛后,我們使用2個(gè)類(lèi)似的,但大小不同的矢量形狀來(lái)描繪鳥(niǎo)的毛發(fā)。
7. 現(xiàn)在畫(huà)小鳥(niǎo)尾巴上的羽毛。我們畫(huà)一個(gè)圓角矩形矢量形狀,半徑設(shè)為30px。我們使用直接選擇工具選中最上面的3個(gè)錨點(diǎn),然后按Cmd/Ctrl + T鍵顯示控制點(diǎn)。在工具欄上,我們點(diǎn)按“保持長(zhǎng)寬比”鏈接圖標(biāo),在字母“W”上單擊+拖拉,使數(shù)值縮放到原60%(譯者:可以在W框內(nèi)直接輸入60%)。
8. 復(fù)制,縮小,使它變?yōu)?個(gè)副本,以畫(huà)出小鳥(niǎo)尾巴上的一簇羽毛。
9. 選中所有的羽毛形狀,然后按住Cmd/Ctrl + T鍵縮小它們的高度。
10. 現(xiàn)在繪制一個(gè)小的橢圓,畫(huà)出小鳥(niǎo)的嘴。
11. 選中鳥(niǎo)嘴的上、下錨點(diǎn),然后將它們向上移動(dòng),以描畫(huà)出小鳥(niǎo)哀傷的表情。
12. 我們還是使用半徑為30px的圓角矩形來(lái)繪制小鳥(niǎo)的腳丫子,先畫(huà)一個(gè)小腳丫子(3個(gè)圓角矩形組成),然后再?gòu)?fù)制它。
13. 使用鋼筆工具繪制樹(shù)枝。你可以使用鼠標(biāo)單擊并且拖拉的方式來(lái)先畫(huà)出所有的平滑錨點(diǎn),然后再使用路徑選擇工具進(jìn)行調(diào)整。
14. 復(fù)制這條路徑,然后將它放大20%(在工具欄/選項(xiàng)欄上修改)。
15. 調(diào)整樹(shù)枝,增加它的厚度,使它看上去更像樹(shù)干。然后再使用鋼筆工具將2根線連接起來(lái),使它成為一個(gè)矢量形狀。
16. 現(xiàn)在我們開(kāi)始畫(huà)小鳥(niǎo)的手指頭。你可以先畫(huà)一個(gè)圓,然后再修改它。在畫(huà)帶有獨(dú)立方向線的錨點(diǎn)的時(shí)候,你可以按住Alt鍵來(lái)控制操作。你可以看到用這樣的方式繪制出來(lái)的錨點(diǎn)是帶有獨(dú)立方向線的角點(diǎn),而非平滑點(diǎn),并且它有2根獨(dú)立的方向線,你可以對(duì)它們分別進(jìn)行調(diào)整,以適合你的需要。
17. 現(xiàn)在我們來(lái)畫(huà)一只手上的3根手指頭。然后把它們放在相應(yīng)的位置上,然后你就看到疊加在一起、并且相互交錯(cuò)的手指頭。
18. 畫(huà)好一只手上的3根手指頭后,我們就按Alt + Shift鍵來(lái)復(fù)制它們,然后執(zhí)行編輯菜單>變換路徑>水平翻轉(zhuǎn)。
19. 使用鋼筆工具繪制小鳥(niǎo)的胳膊。
20. 小鳥(niǎo)的左臉上有1滴眼淚。我們可以畫(huà)一個(gè)圓,然后選中最上面的錨點(diǎn),向上拖拉。然后使用轉(zhuǎn)換錨點(diǎn)工具,單擊錨點(diǎn),將錨點(diǎn)轉(zhuǎn)換成角點(diǎn)。
21. 最后我們來(lái)添加一些圖層樣式。先隱藏小鳥(niǎo)的頭發(fā)和手臂,只顯示小鳥(niǎo)的身體,然后我們添加內(nèi)陰影,不要使用全局光,角度:-90度,陰影落在小鳥(niǎo)的身體的下半部。
22. 現(xiàn)在小鳥(niǎo)頭發(fā)的顏色看上去和身體的顏色差太多了。之前內(nèi)陰影的添加使得身體的邊緣顏色較深,這時(shí)我們可以雙擊頭發(fā)圖層的顏色縮略圖。打開(kāi)拾色器,并且用吸管吸取身體邊緣的顏色,以使小鳥(niǎo)的頭發(fā)和身體的顏色完美地過(guò)渡融合。
23. 現(xiàn)在我們來(lái)畫(huà)眼睛的那個(gè)凹凸度。我們使用徑向漸變,取消“與圖層對(duì)齊”,以使?jié)u變不會(huì)受限于形狀的邊緣。我們將大小縮放到50%,使得顏色過(guò)渡的更加自然。
24. 在漸變編輯器里(雙擊圖層),白色位置:30%。
25. 現(xiàn)在我們來(lái)添加內(nèi)陰影,我們將內(nèi)陰影所表示的光反射到眼睛的下眼瞼,而投射的光是常規(guī)光。
26. 眼睛的邊緣添加內(nèi)發(fā)光,數(shù)值如圖所示。
27. 我們?cè)谘劬λ闹芴砑右粋(gè)斜面,使用描邊和斜面浮雕。描邊我們使用和小鳥(niǎo)一樣的顏色#0099FF。
28. 現(xiàn)在我們添加斜面和浮雕,使眼睛的上面多出一些陰影(因?yàn)檫@里是不會(huì)受到光的影響的),并且下半部分看上去更加地清轍,這樣我們就得到了一個(gè)斜面的3D效果。
29. 眼睛斜面的周?chē)偬砑油獍l(fā)光,使邊緣有一種塑料的發(fā)光效果。
30. 最后添加一個(gè)柔和的投影,以使頸部這里有一些陰影。
31. 眼睛的虹膜里還有瞳孔,我們使用圖層樣式來(lái)添加。我們使用黑色的內(nèi)發(fā)光,正片疊底,選中發(fā)光:源:居中選項(xiàng),我們一般不使用邊緣選項(xiàng)。然后阻塞:100,大。10。
32. 現(xiàn)在我們使用一個(gè)線性漸變,來(lái)創(chuàng)建出虹膜里的那種深度。你可以在虹膜上添加一種亞光的感覺(jué),如果虹膜的上半部是深色的話,效果看上去可能就會(huì)更好。
33. 這里我們添加內(nèi)陰影樣式,使得光亮落在虹膜的下眼瞼上,品質(zhì):等高線使用其它的等高線,比使用默認(rèn)的效果更好,取消選中“使用全局光”。
34. 再添加投影,使得虹膜外有一層光,從而制造出眼睛嵌進(jìn)去的效果。
35. 現(xiàn)在給眼睛添加一種亞光的效果:這種效果會(huì)讓眼睛看上去更加地自然,F(xiàn)在繪制2個(gè)橢圓,然后選中最下面的錨點(diǎn)向上拖拉,以繪制出眼睛上的那種非常特別的反光效果。
36. 形狀圖層填充:0%,然后圖層添加漸變疊加,數(shù)值如下,混合模式:線性減淡。
然后當(dāng)你編輯漸變的時(shí)候,在圖像文檔窗口中單擊+拖拉,以移動(dòng)漸變的位置。
37. 現(xiàn)在我們?cè)僭谘劬Φ纳厦嫣砑恿硗庖粋(gè)光,以加強(qiáng)光源投射在眼睛上的高反光效果。
38. 我們現(xiàn)在來(lái)看下投射在小鳥(niǎo)頭發(fā)上的陰影。先調(diào)取頭發(fā)選區(qū):選擇形狀圖層,然后我們可以在路徑調(diào)板中看到矢量形狀的路徑,點(diǎn)按調(diào)板最底部的“將路徑作為選區(qū)載入”。
39. 現(xiàn)在我們新建一個(gè)圖層,然后用柔軟的筆刷畫(huà)頭發(fā)上的陰影。下圖是在選項(xiàng)欄上設(shè)置的筆刷。我們經(jīng)過(guò)多次筆刷的涂抹,然后得到了一個(gè)柔和的陰影。
40. 下圖是橡皮擦工具的設(shè)置,我們擦除不需要的地方。然后第2個(gè)頭發(fā)也是相同的操作。
41. 現(xiàn)在畫(huà)小鳥(niǎo)的嘴。先添加投影,投影在鳥(niǎo)嘴下。
42. 然后添加一個(gè)反向的內(nèi)陰影,以使鳥(niǎo)喙的下半部有陰影效果。
43. 添加內(nèi)發(fā)光,使得鳥(niǎo)喙的一圈有光的反射。
44. 畫(huà)2個(gè)圓的形狀圖層,填充:30%,然后添加投影。按照如下的數(shù)值,你可以創(chuàng)建出一種向下斜面的效果(鳥(niǎo)喙上的孔)。
45. 現(xiàn)在我們繼續(xù)眼淚的編輯。添加一個(gè)徑向漸變疊加。
46. 添加內(nèi)陰影以打造燈光效果,取消選中全局光,數(shù)值如下,此數(shù)值的設(shè)置使得這個(gè)效果變得非常的明顯,投影在上面的像是一種亞光效果。
47. 最后是打在底下的投影。
48. 我們繼續(xù)鳥(niǎo)腳的編輯。添加反向的內(nèi)陰影,光源是從90度上面打下來(lái)的。
49. 添加內(nèi)發(fā)光,但是要使它變得更深更暗,這樣的處理,使得小鳥(niǎo)的腳有了一種3D的視覺(jué)效果。
50. 讓我們繼續(xù)鳥(niǎo)尾上羽毛的編輯。添加一個(gè)漸變疊加,使得樹(shù)干的底下,羽毛的上面有一層陰影。
51. 最后,羽毛添加一個(gè)3px的描邊,顏色:比身體的顏色要深。
52. 繼續(xù)樹(shù)干的編輯。添加斜面與浮雕,使樹(shù)干看上去像是圓柱體。
53. 再添加內(nèi)陰影,以創(chuàng)建樹(shù)干底下光的反射。
54. 我們繼續(xù)編輯手臂,添加斜面和浮雕,數(shù)值如下。
55. 不要忘記勾選“圖層蒙版隱藏效果”,這個(gè)選項(xiàng)可以讓我們利用筆刷涂抹蒙版的方式來(lái)隱藏掉手臂里的一部分內(nèi)容。
56. 現(xiàn)在在手臂周?chē)鷦?chuàng)建一個(gè)選區(qū),并且把它轉(zhuǎn)化為蒙版。
57. 讓我們涂抹蒙版。使用黑色,利用蒙版隱藏掉手臂和身體銜接的地方,以使2個(gè)對(duì)象能夠完美地結(jié)合在一起。
58. 現(xiàn)在我們創(chuàng)建手臂的陰影—不要使用投影圖層樣式—因?yàn)檫@里我們需要隱藏掉陰影中的一部分內(nèi)容。選中手臂形狀圖層,把它們轉(zhuǎn)化為選區(qū)。
59. 選區(qū)刷成黑色,然后按Cmd/Ctrl + T鍵,點(diǎn)選項(xiàng)欄上的“在自由變換和變形模式之間轉(zhuǎn)換”圖標(biāo),然后扭曲陰影,使它和手臂形狀有所區(qū)別。
60. 現(xiàn)在陰影圖層執(zhí)行2px高斯模糊。
61. 陰影添加蒙版,然后使用畫(huà)筆筆刷在蒙版上涂抹黑色以隱藏不需要的部分。隱藏部分內(nèi)容的目的是為了使陰影和小鳥(niǎo)的身體能夠完美地融合在一起。填充:60%。
62. 然后拳頭添加投影樣式。
63. 然后添加斜面和浮雕,打造3D效果。
64. 拳頭添加反向的內(nèi)陰影。
65. 添加內(nèi)發(fā)光,使拳頭的上半部帶一點(diǎn)光。
66. 將之前我們畫(huà)的每一根手指頭轉(zhuǎn)化為選區(qū),然后在各個(gè)不同的圖層里用畫(huà)筆涂抹手指選區(qū)。
67. 形狀圖層轉(zhuǎn)化為選區(qū)后,我們將在一個(gè)新建的圖層上用畫(huà)筆涂抹手指頭縫隙和手掌的陰影部分,使用一個(gè)小號(hào)的筆刷,流量:10%,然后在關(guān)鍵的地方開(kāi)始涂抹,但涂抹的時(shí)候不要太過(guò)火。
68. 然后收縮選區(qū):1px,以擦除選區(qū)內(nèi)容。
69. 添加蒙版,使用黑色筆刷,隱藏手臂和身體之間的銜接部分,使它們能夠很好地融合在一起。
譯者注:之前已經(jīng)做過(guò)這一步,感覺(jué)是原作者重復(fù)了
70. 其它手指頭重復(fù)之前的步驟。完成后,我們繼續(xù)擦除手指上多余的部分,最后看到的手指頭好像是交織在一起的感覺(jué)。當(dāng)所有的一切都完成后,選中所有的圖層,按Cmd/Ctrl + E鍵,把它們合并在一起。然后你可以降低填充來(lái)減弱陰影。
71. 我們給小鳥(niǎo)的身體添加一點(diǎn)反光的細(xì)節(jié)。選擇小鳥(niǎo)身體的形狀圖層,然后把它轉(zhuǎn)化為選區(qū)。
72. 讓我們收縮選區(qū)5或者6px。
73. 然后選區(qū)羽化2或者3px。
74. 選區(qū)縮小和羽化后,我們新建一個(gè)圖層,我們使用疊加混合模式,然后在小鳥(niǎo)的邊緣上涂刷,在眼睛的上面涂刷。
75. 收縮選區(qū),擦除不需要的內(nèi)容,當(dāng)光打在面上的時(shí)候,顯示的應(yīng)該是一條細(xì)線,肉眼看到的應(yīng)該是光打在對(duì)象的面上的反射光,因?yàn)槊娣瓷涞木壒,所以最后光投射在上面形成的是漸變。
76. 現(xiàn)在我們?cè)儆霉P刷擦除不需要的地方。你可以按Cmd/Ctrl + H隱藏選區(qū),這樣能夠更清晰地看到你工作的區(qū)域。
尾聲
最后添加一個(gè)背景,再寫(xiě)上口號(hào),Twitter圖標(biāo)就完成了!
學(xué)習(xí) · 提示
相關(guān)教程
- LOGO教程,用PS制作燙金效果的logo
- 扁平化,扁平化LOGO設(shè)計(jì)視頻教程
- 展示模板,用智能對(duì)象制作LOGO展示模板
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫(xiě)實(shí)圖標(biāo)
- Logo知識(shí),七個(gè)設(shè)計(jì)文字Logo的知識(shí)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫(huà)法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計(jì)扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫(huà)個(gè)四分環(huán)圖標(biāo)
推薦教程