基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)(3)

來源:貼吧 作者:P大點(diǎn)S 學(xué)習(xí):10794人次

由這兩張圖,我們可以看出,我們直接等比縮放,縮放的只是這個(gè)形狀整體的長度和寬度,相信大家很容易就能理解為什么盡管是等比縮放,還是會(huì)比例失調(diào)。其實(shí)只要適當(dāng)?shù)乃伎家幌拢侠淼牟鸱中螤,研究好角度,一些看起來?fù)雜的形狀,也能手到擒來。

上次九妹發(fā)了個(gè)圖標(biāo)臨摹的貼,有一個(gè)谷歌瀏覽器的圖標(biāo),在這里我們也順便研究一下。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

這個(gè)圖標(biāo)說簡(jiǎn)單也不算很簡(jiǎn)單,說復(fù)雜也談不上,最關(guān)鍵的一點(diǎn),是角度問題,直接用鋼筆也能畫,但是角度把握不住,我們來試試,我們首先畫一下參考線,水平居中,垂直居中,畫一個(gè)空心圓。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

我觀察了一下圖標(biāo),圓部分由三個(gè)部分組成,很明顯,一部分就是120度,我們現(xiàn)在需要做的就是如何把這圓精確的分成三等份,我畫了一個(gè)矩形。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

我現(xiàn)在,就要利用這個(gè)矩形來給這個(gè)圓三等分,選擇矩形,復(fù)制一層,CTRL+T,把矩形的中心點(diǎn)設(shè)置為我們參考線的中心點(diǎn),旋轉(zhuǎn)120度。這里需要注意兩個(gè)矩形之間是120度,而每一個(gè)120度,都是只包含了一個(gè)矩形本身的位置。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

角度確定了,下面就簡(jiǎn)單了,我們畫一個(gè)矩形,放置在左邊,再復(fù)制一個(gè)矩形,旋轉(zhuǎn)30度,放到右邊,兩個(gè)矩形都使用減去。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

下面多的那一段,我們?cè)儆娩摴P畫出去,減去,到這里我們就得到了這個(gè)三等分后的一部分。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

選擇這個(gè)三等分后的形狀,合并形狀組件,復(fù)制一層,CTRL+T,設(shè)置中心點(diǎn)為參考線的中心點(diǎn),旋轉(zhuǎn)120度,更改顏色,再把中間的圓畫上,大功告成。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

同樣的道理,我們可以利用這個(gè)思路,去做出一些相對(duì)復(fù)雜的東西,技術(shù)含量基本上可以說沒有,只是一個(gè)思路,一個(gè)方法。大家也來試一試吧。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)
基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

今天的扯淡到這里就算完了,希望能對(duì)大家有所幫助。充其量今天分享的只是個(gè)思路而已,但是我覺得無論做什么,最最最重要的,就是思路。腦洞大開,在我的理解中,那就是思路。

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

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

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

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