當(dāng)前位置:首頁>ps實(shí)例教程>ps網(wǎng)頁設(shè)計>logo教程>教程內(nèi)容

ps繪制漂亮的Twitter小鳥圖標(biāo)(12)

來源:活力盒子翻譯 作者:佚名 學(xué)習(xí):9702人次

最終成品:

1. 新建一個800*600px的PSD文件,分辨率72dpi,RGB顏色模式,白色背景,在圖層上畫一個圓,顏色#0099FF。按住Shift鍵,你可以繪制一個正圓。

2. 按住Alt + Shift鍵向下復(fù)制圓,以繪制鳥的頭和身體。這2個矢量形狀獨(dú)立于每一圖層,即頭一個圖層,身體一個圖層。

3. 現(xiàn)在我們更改下復(fù)制圓的大小。當(dāng)你按Cmd/Ctrl + T鍵時,對象的控制點(diǎn)將會出現(xiàn)。

4. 使用直接選擇工具,選中圓的最上面的平滑錨點(diǎn),然后拖拉平滑錨點(diǎn)上的方向點(diǎn)到另一個圓的邊緣(圖示),以柔和地連接小鳥的頭和身體。

譯者:這里可以把上面的平滑錨點(diǎn)先轉(zhuǎn)換成角點(diǎn),然后再用轉(zhuǎn)換工具選中錨點(diǎn)直接拖拉,這樣兩邊方向線就同時進(jìn)行了。

5. 我們在之后再給圖層添加圖層樣式。我們先來畫眼睛,畫一個縱向的橢圓,然后再復(fù)制一個。

6. 我們完成了眼睛后,我們使用2個類似的,但大小不同的矢量形狀來描繪鳥的毛發(fā)。

7. 現(xiàn)在畫小鳥尾巴上的羽毛。我們畫一個圓角矩形矢量形狀,半徑設(shè)為30px。我們使用直接選擇工具選中最上面的3個錨點(diǎn),然后按Cmd/Ctrl + T鍵顯示控制點(diǎn)。在工具欄上,我們點(diǎn)按“保持長寬比”鏈接圖標(biāo),在字母“W”上單擊+拖拉,使數(shù)值縮放到原60%(譯者:可以在W框內(nèi)直接輸入60%)。

8. 復(fù)制,縮小,使它變?yōu)?個副本,以畫出小鳥尾巴上的一簇羽毛。

9. 選中所有的羽毛形狀,然后按住Cmd/Ctrl + T鍵縮小它們的高度。

10. 現(xiàn)在繪制一個小的橢圓,畫出小鳥的嘴。

11. 選中鳥嘴的上、下錨點(diǎn),然后將它們向上移動,以描畫出小鳥哀傷的表情。

12. 我們還是使用半徑為30px的圓角矩形來繪制小鳥的腳丫子,先畫一個小腳丫子(3個圓角矩形組成),然后再復(fù)制它。

13. 使用鋼筆工具繪制樹枝。你可以使用鼠標(biāo)單擊并且拖拉的方式來先畫出所有的平滑錨點(diǎn),然后再使用路徑選擇工具進(jìn)行調(diào)整。

14. 復(fù)制這條路徑,然后將它放大20%(在工具欄/選項(xiàng)欄上修改)。

15. 調(diào)整樹枝,增加它的厚度,使它看上去更像樹干。然后再使用鋼筆工具將2根線連接起來,使它成為一個矢量形狀。

16. 現(xiàn)在我們開始畫小鳥的手指頭。你可以先畫一個圓,然后再修改它。在畫帶有獨(dú)立方向線的錨點(diǎn)的時候,你可以按住Alt鍵來控制操作。你可以看到用這樣的方式繪制出來的錨點(diǎn)是帶有獨(dú)立方向線的角點(diǎn),而非平滑點(diǎn),并且它有2根獨(dú)立的方向線,你可以對它們分別進(jìn)行調(diào)整,以適合你的需要。

17. 現(xiàn)在我們來畫一只手上的3根手指頭。然后把它們放在相應(yīng)的位置上,然后你就看到疊加在一起、并且相互交錯的手指頭。

18. 畫好一只手上的3根手指頭后,我們就按Alt + Shift鍵來復(fù)制它們,然后執(zhí)行編輯菜單>變換路徑>水平翻轉(zhuǎn)。

19. 使用鋼筆工具繪制小鳥的胳膊。

20. 小鳥的左臉上有1滴眼淚。我們可以畫一個圓,然后選中最上面的錨點(diǎn),向上拖拉。然后使用轉(zhuǎn)換錨點(diǎn)工具,單擊錨點(diǎn),將錨點(diǎn)轉(zhuǎn)換成角點(diǎn)。

21. 最后我們來添加一些圖層樣式。先隱藏小鳥的頭發(fā)和手臂,只顯示小鳥的身體,然后我們添加內(nèi)陰影,不要使用全局光,角度:-90度,陰影落在小鳥的身體的下半部。

22. 現(xiàn)在小鳥頭發(fā)的顏色看上去和身體的顏色差太多了。之前內(nèi)陰影的添加使得身體的邊緣顏色較深,這時我們可以雙擊頭發(fā)圖層的顏色縮略圖。打開拾色器,并且用吸管吸取身體邊緣的顏色,以使小鳥的頭發(fā)和身體的顏色完美地過渡融合。

23. 現(xiàn)在我們來畫眼睛的那個凹凸度。我們使用徑向漸變,取消“與圖層對齊”,以使?jié)u變不會受限于形狀的邊緣。我們將大小縮放到50%,使得顏色過渡的更加自然。

24. 在漸變編輯器里(雙擊圖層),白色位置:30%。

25. 現(xiàn)在我們來添加內(nèi)陰影,我們將內(nèi)陰影所表示的光反射到眼睛的下眼瞼,而投射的光是常規(guī)光。

26. 眼睛的邊緣添加內(nèi)發(fā)光,數(shù)值如圖所示。

27. 我們在眼睛四周添加一個斜面,使用描邊和斜面浮雕。描邊我們使用和小鳥一樣的顏色#0099FF。

28. 現(xiàn)在我們添加斜面和浮雕,使眼睛的上面多出一些陰影(因?yàn)檫@里是不會受到光的影響的),并且下半部分看上去更加地清轍,這樣我們就得到了一個斜面的3D效果。

29. 眼睛斜面的周圍再添加外發(fā)光,使邊緣有一種塑料的發(fā)光效果。

30. 最后添加一個柔和的投影,以使頸部這里有一些陰影。

31. 眼睛的虹膜里還有瞳孔,我們使用圖層樣式來添加。我們使用黑色的內(nèi)發(fā)光,正片疊底,選中發(fā)光:源:居中選項(xiàng),我們一般不使用邊緣選項(xiàng)。然后阻塞:100,大小:10。

32. 現(xiàn)在我們使用一個線性漸變,來創(chuàng)建出虹膜里的那種深度。你可以在虹膜上添加一種亞光的感覺,如果虹膜的上半部是深色的話,效果看上去可能就會更好。

33. 這里我們添加內(nèi)陰影樣式,使得光亮落在虹膜的下眼瞼上,品質(zhì):等高線使用其它的等高線,比使用默認(rèn)的效果更好,取消選中“使用全局光”。

34. 再添加投影,使得虹膜外有一層光,從而制造出眼睛嵌進(jìn)去的效果。

35. 現(xiàn)在給眼睛添加一種亞光的效果:這種效果會讓眼睛看上去更加地自然,F(xiàn)在繪制2個橢圓,然后選中最下面的錨點(diǎn)向上拖拉,以繪制出眼睛上的那種非常特別的反光效果。

36. 形狀圖層填充:0%,然后圖層添加漸變疊加,數(shù)值如下,混合模式:線性減淡。

然后當(dāng)你編輯漸變的時候,在圖像文檔窗口中單擊+拖拉,以移動漸變的位置。

37. 現(xiàn)在我們再在眼睛的上面添加另外一個光,以加強(qiáng)光源投射在眼睛上的高反光效果。

38. 我們現(xiàn)在來看下投射在小鳥頭發(fā)上的陰影。先調(diào)取頭發(fā)選區(qū):選擇形狀圖層,然后我們可以在路徑調(diào)板中看到矢量形狀的路徑,點(diǎn)按調(diào)板最底部的“將路徑作為選區(qū)載入”。

39. 現(xiàn)在我們新建一個圖層,然后用柔軟的筆刷畫頭發(fā)上的陰影。下圖是在選項(xiàng)欄上設(shè)置的筆刷。我們經(jīng)過多次筆刷的涂抹,然后得到了一個柔和的陰影。

40. 下圖是橡皮擦工具的設(shè)置,我們擦除不需要的地方。然后第2個頭發(fā)也是相同的操作。

41. 現(xiàn)在畫小鳥的嘴。先添加投影,投影在鳥嘴下。

42. 然后添加一個反向的內(nèi)陰影,以使鳥喙的下半部有陰影效果。

43. 添加內(nèi)發(fā)光,使得鳥喙的一圈有光的反射。

44. 畫2個圓的形狀圖層,填充:30%,然后添加投影。按照如下的數(shù)值,你可以創(chuàng)建出一種向下斜面的效果(鳥喙上的孔)。

45. 現(xiàn)在我們繼續(xù)眼淚的編輯。添加一個徑向漸變疊加。

46. 添加內(nèi)陰影以打造燈光效果,取消選中全局光,數(shù)值如下,此數(shù)值的設(shè)置使得這個效果變得非常的明顯,投影在上面的像是一種亞光效果。

47. 最后是打在底下的投影。

48. 我們繼續(xù)鳥腳的編輯。添加反向的內(nèi)陰影,光源是從90度上面打下來的。

49. 添加內(nèi)發(fā)光,但是要使它變得更深更暗,這樣的處理,使得小鳥的腳有了一種3D的視覺效果。

50. 讓我們繼續(xù)鳥尾上羽毛的編輯。添加一個漸變疊加,使得樹干的底下,羽毛的上面有一層陰影。

51. 最后,羽毛添加一個3px的描邊,顏色:比身體的顏色要深。

52. 繼續(xù)樹干的編輯。添加斜面與浮雕,使樹干看上去像是圓柱體。

53. 再添加內(nèi)陰影,以創(chuàng)建樹干底下光的反射。

54. 我們繼續(xù)編輯手臂,添加斜面和浮雕,數(shù)值如下。

55. 不要忘記勾選“圖層蒙版隱藏效果”,這個選項(xiàng)可以讓我們利用筆刷涂抹蒙版的方式來隱藏掉手臂里的一部分內(nèi)容。

56. 現(xiàn)在在手臂周圍創(chuàng)建一個選區(qū),并且把它轉(zhuǎn)化為蒙版。

57. 讓我們涂抹蒙版。使用黑色,利用蒙版隱藏掉手臂和身體銜接的地方,以使2個對象能夠完美地結(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. 陰影添加蒙版,然后使用畫筆筆刷在蒙版上涂抹黑色以隱藏不需要的部分。隱藏部分內(nèi)容的目的是為了使陰影和小鳥的身體能夠完美地融合在一起。填充:60%。

62. 然后拳頭添加投影樣式。

63. 然后添加斜面和浮雕,打造3D效果。

64. 拳頭添加反向的內(nèi)陰影。

65. 添加內(nèi)發(fā)光,使拳頭的上半部帶一點(diǎn)光。

66. 將之前我們畫的每一根手指頭轉(zhuǎn)化為選區(qū),然后在各個不同的圖層里用畫筆涂抹手指選區(qū)。

67. 形狀圖層轉(zhuǎn)化為選區(qū)后,我們將在一個新建的圖層上用畫筆涂抹手指頭縫隙和手掌的陰影部分,使用一個小號的筆刷,流量:10%,然后在關(guān)鍵的地方開始涂抹,但涂抹的時候不要太過火。

68. 然后收縮選區(qū):1px,以擦除選區(qū)內(nèi)容。

69. 添加蒙版,使用黑色筆刷,隱藏手臂和身體之間的銜接部分,使它們能夠很好地融合在一起。

譯者注:之前已經(jīng)做過這一步,感覺是原作者重復(fù)了

70. 其它手指頭重復(fù)之前的步驟。完成后,我們繼續(xù)擦除手指上多余的部分,最后看到的手指頭好像是交織在一起的感覺。當(dāng)所有的一切都完成后,選中所有的圖層,按Cmd/Ctrl + E鍵,把它們合并在一起。然后你可以降低填充來減弱陰影。

71. 我們給小鳥的身體添加一點(diǎn)反光的細(xì)節(jié)。選擇小鳥身體的形狀圖層,然后把它轉(zhuǎn)化為選區(qū)。

72. 讓我們收縮選區(qū)5或者6px。

73. 然后選區(qū)羽化2或者3px。

74. 選區(qū)縮小和羽化后,我們新建一個圖層,我們使用疊加混合模式,然后在小鳥的邊緣上涂刷,在眼睛的上面涂刷。

75. 收縮選區(qū),擦除不需要的內(nèi)容,當(dāng)光打在面上的時候,顯示的應(yīng)該是一條細(xì)線,肉眼看到的應(yīng)該是光打在對象的面上的反射光,因?yàn)槊娣瓷涞木壒剩宰詈蠊馔渡湓谏厦嫘纬傻氖菨u變。

76. 現(xiàn)在我們再用筆刷擦除不需要的地方。你可以按Cmd/Ctrl + H隱藏選區(qū),這樣能夠更清晰地看到你工作的區(qū)域。

尾聲

最后添加一個背景,再寫上口號,Twitter圖標(biāo)就完成了!

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!