圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)(4)

來源:站酷 作者:全棧UI筆記 學(xué)習(xí):12629人次

本篇教程主要利用圖層樣式來制作一個(gè)綠色清新的時(shí)鐘圖案,步驟詳細(xì)易懂,操作起來又不失趣味,想動(dòng)手試試的的同學(xué)還等什么,一起來練習(xí)下吧。

最終效果:

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

老規(guī)矩,先來分析一下。這里我們主要分為三個(gè)部分:底座、內(nèi)圓、指針,其它問題都不大,主要是指針部分、需要用到多個(gè)圖層及圖層樣式,來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半。

步驟一:

首先新建畫布400px*300px畫布,命名為時(shí)鐘,填充背景顏色# 63d7a6。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟二:

使用圓角矩形、繪制一個(gè)190px*190px,圓角半徑為40px的底座,并為它添加圖層樣式。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn
www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟三:

現(xiàn)在我們來繪制內(nèi)圓部分吧,選擇橢圓工具繪制一個(gè)154px*154px的正圓吧,并為它添加一下圖層樣式。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟四:

繼續(xù)選擇橢圓工具,繪制一個(gè)132px*132px的正圓吧,并為它添加一下圖層樣式。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟五:

現(xiàn)在我們來繪制三角位置,選擇多邊形工具邊數(shù)設(shè)置為3,繪制一個(gè)顏色白色三角形,并將混合模式設(shè)置為疊加,命名為下側(cè)三角。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟六:

復(fù)制下側(cè)三角執(zhí)行自由變換命令,調(diào)整中心點(diǎn)至畫布中心,旋轉(zhuǎn)90度并執(zhí)行重復(fù)上一命令并復(fù)制,shift+ctrl+alt+t復(fù)制出另外兩個(gè)三角形狀,將上側(cè)三角混合模式設(shè)置為柔光,透明度設(shè)置為70%,左右兩側(cè)三角混合模式正常。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟七:

現(xiàn)在我們將指針的位置繪制一下吧,選擇圓角矩形工具,畫兩個(gè)圓角矩形,旋轉(zhuǎn)放到合適的位置。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟八:

接下來我們?yōu)閮蓚(gè)指針添加一下相同的圖層樣式吧。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟九:

現(xiàn)在我們繪制秒針吧,選擇矩形工具,繪制一個(gè)顏色為#ff5758長寬2px*24px的矩形,并添加圖層樣式。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟十:

指針完成之后我們選擇橢圓工具繪制一個(gè)20px*20px的正圓吧,并為它添加一下圖層樣式。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟十一:

嘻嘻差不多了ヽ( ̄▽ ̄)?,現(xiàn)在我們趕緊來繪制最后一個(gè)圓吧,使用橢圓工具繪制一個(gè)10px*10px正圓,給它起名叫小內(nèi)圓吧,并為它添加圖層樣式。

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,用PS打造清新小巧的時(shí)鐘主題圖標(biāo)_www.theoat.com.cn

步驟有點(diǎn)多哦,但是只要勤加練習(xí),會(huì)很大程度上提高你的PS水平,趕快來嘗試下吧。

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

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

qiuqqqqq2021-11-12 08:52
我的作業(yè):

一瓶紅棗酸奶2020-05-13 02:53
我的作業(yè):感覺還行

Elyvan2020-04-29 10:58
我的作業(yè):

Heavenellen2020-01-22 03:13
我的作業(yè)

xiaozhu88342019-12-31 04:04
查查 發(fā)表于 2019-12-31 15:44
做的沒有太大問題的,但秒針顏色太深了,跟整體色調(diào)有點(diǎn)沖突
好的,下次做好調(diào)整!
查查2019-12-31 03:44
xiaozhu8834 發(fā)表于 2019-12-31 15:03
鐘表作業(yè)
做的沒有太大問題的,但秒針顏色太深了,跟整體色調(diào)有點(diǎn)沖突
xiaozhu88342019-12-31 03:03
鐘表作業(yè)

查查2019-12-30 01:41
音美仔 發(fā)表于 2019-12-30 11:22
我的作業(yè):
這個(gè)做的不錯(cuò),秒針顏色有點(diǎn)淺和模糊
音美仔2019-12-30 11:22
我的作業(yè):

迷你小朋友-630502018-06-13 01:21
必須支持
流浪情人2018-03-06 10:12
我的作業(yè):
大斗2018-02-04 02:03
為什么我做出來的不是這樣子的?
一個(gè)人生活2017-10-21 02:42
簡單易懂,好教程
她說唯忘君安2017-10-20 11:12
為什么我做出來的不是這樣子的?

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

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