當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>工具教程>教程內(nèi)容

矢量工具,制作矢量圖標(biāo)的六個(gè)小技巧

來源:優(yōu)設(shè) 作者:鳳尾竹 學(xué)習(xí):38352人次

分別講解幾個(gè)做矢量圖片相關(guān)的工具,分別是形狀圖層、自定義形狀工具、布爾運(yùn)算、分層繪制、路徑選擇工具、鋼筆工具

今天竹子要介紹的這6個(gè)圖標(biāo)繪制招數(shù),簡單易懂,但功效卓著。久習(xí)可得奇效,達(dá)到任何矢量圖形都易如反掌,無論各種橫的,豎的,奇形怪狀的圖形都信手拈來。(以下界面演示以Photoshop CC為演示工具)

第一劍 少商劍 形狀圖層

特點(diǎn):劍路雄勁,頗有石破天驚,風(fēng)雨大至之勢。

PS是一個(gè)像素處理軟件,可以做到和AI一樣繪制各種復(fù)雜的矢量圖形。有讀者會(huì)問為什么不用AI,而要學(xué)習(xí)PS繪制路徑,因?yàn)镻S才是適合UI設(shè)計(jì)的工具軟件,且各種圖形PS可以做到像素對(duì)齊,AI繪制的路徑導(dǎo)入PS還是要二次調(diào)節(jié)。所以下面教你如何通過形狀圖層來繪制矢量圖標(biāo)。

① 前景色選擇黑色,前景選擇的顏色就是繪制出形狀圖層的顏色

② 工具模式選擇路徑,一定要選擇路徑,而不是形狀,因?yàn)橹苯由傻男螤詈诤鹾跻淮笃,非常不利于二次編輯路徑?/p>

m.theoat.com.cn_0356163F8-0.jpg

③ 形狀屬性面板中可以設(shè)置圓角。

m.theoat.com.cn_0356162G4-1.jpg

這是Photoshop CC版本中一個(gè)非常棒的功能。尤其是對(duì)UI設(shè)計(jì)師而言。形狀屬性位于屬性面板中,我們可以自由設(shè)置各種參數(shù)。

例如:圖形尺寸、填充顏色、描邊顏色、描邊寬度、描邊樣式(包括虛線、對(duì)齊方式、線段端點(diǎn)和合并類型)、圓角半徑選項(xiàng)(對(duì)橢圓形不可用)

m.theoat.com.cn_0356164232-2.jpg

m.theoat.com.cn_03561BA8-3.jpg

一個(gè)矢量的圓角矩形就畫好了。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
染年涼城似染瑾2018-12-17 01:28
回復(fù)支持一下樓主
[emoji:03be]果馨[emoji2018-12-01 10:49
作業(yè)呢?
花開、誰笑2018-11-30 03:25
作業(yè)呢?
飄血2016-07-08 12:07
太基礎(chǔ)了,沒什么學(xué)習(xí)價(jià)值,浪費(fèi)時(shí)間。
飄血2016-07-08 12:00
太基礎(chǔ)了,沒什么學(xué)習(xí)價(jià)值,浪費(fèi)時(shí)間。
相守夢(mèng)傾盡2016-05-15 03:39
感謝樓主
路西法仰慕者2016-05-15 01:10
都沒人回復(fù)
讓愛奔跑2016-05-14 11:29
一會(huì)交作業(yè)
留下緣分2016-05-14 09:36
要交作業(yè)嗎?
依賴沉默2016-05-14 05:14
做不出來呀
顛簸有點(diǎn)亂2016-05-14 05:14
我要交作業(yè)
隱于我2016-05-14 03:13
怎交作業(yè)?
夢(mèng)或痛或心痛oO2016-05-14 12:30
回復(fù)支持一下樓主
余悸cc2016-05-14 10:31
太難了
騎自行車游敖漢2016-05-14 09:45
作業(yè)呢?

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

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