Photoshop設(shè)計(jì)制作逼真精美的皮制日歷圖標(biāo)
優(yōu)設(shè)網(wǎng) 發(fā)布時(shí)間:2015-10-09 10:26:25 作者:脫韁的野豬
我要評論

今天小編教大家如何使用Photoshop設(shè)計(jì)制作逼真精美的皮制日歷圖標(biāo),效果很美,喜歡的朋友可以一起來學(xué)習(xí)
效果圖為寫實(shí)風(fēng)格圖標(biāo),制作之前需要找類似的圖標(biāo)或日歷實(shí)物圖參考一下;然后把實(shí)物拆分一下,并把各部分的光影,材質(zhì),細(xì)節(jié)等都掌握好;最后逐層刻畫即可。
最終效果

1、觀察這個(gè)圖標(biāo),我們將它分成三個(gè)部分來制作,如下圖所示。①日歷的卷頁 ②日歷的夾子和金屬環(huán) ③底座。

2、新建一個(gè)700*800的畫布,如下圖所示。

3、新建一個(gè)圓角矩形作為日歷卷頁的最后一頁。如下圖所示。

4、為圓角矩形添加圖層樣式。 內(nèi)發(fā)光、投影、漸變疊加。(內(nèi)發(fā)光是重中之重,它主要區(qū)分了每一頁日歷,是使日歷有層次敢最主要的效果!漸變疊加可添加也可以不添加,如果你想做的精細(xì)一些,可以自己嘗試調(diào)整各類數(shù)值。最后一頁的投影必須要有啦~)如下圖所示。

5、向上復(fù)制“最后一頁”作為“中間頁”。調(diào)整“中間頁的位置”修改圖層樣式(修改一下投影,不需要那么大啦?。┤缦聢D所示。

6、向上復(fù)制多張“中間頁”圖層,調(diào)整位置(向上調(diào)整1~3個(gè)像素點(diǎn),移動(dòng)大小不要一樣,這樣會(huì)顯得比較真實(shí)。)合并復(fù)制的“中間頁圖層并作為”中間頁“的剪切蒙版。此時(shí)得到的效果是這樣的。

7、制作完中間頁后,開始制作第二頁。就是這個(gè)部分。

8、觀察”第二頁“上有”第一頁“的投影,所以,復(fù)制一層”中間頁“向上移動(dòng)并為其添加漸變疊加,同是向下做剪切蒙版。如下圖所示。漸變疊加是逐漸變亮的,控制好角度就可以啦!


9、第二頁制作完成后,開始制作第一頁。我將第一頁分為兩個(gè)部分制作。如下圖所示。

10、首先制作位于下方的”第一頁平頁“。向上復(fù)制”第二頁“,關(guān)閉”漸變疊加效果“,并作向下作為剪切蒙版。采用”直接選擇“工具點(diǎn)選出”第一頁平頁“的路徑,選擇”鋼筆——添加錨點(diǎn)工具“為”第一頁平頁“添加錨點(diǎn)。如下圖所示。


11、添加錨點(diǎn)后,使用”直接選擇工具,選中下圖四處錨點(diǎn),并刪除,得到效果如下圖所示。


12、接下來制作“第一頁卷頁”部分。使用鋼筆工具,描出卷頁形狀,并填充路徑。并添加圖層樣式。如下圖所示。


13、得到的效果是這樣的。

14、為第一頁添加日期,今天是30號。將“日期”置于“第一頁平頁”和“第一頁卷頁”之間,效果如下。

15、第一頁制作完之后,制作撕掉頁。首先使用鋼筆工具勾出撕掉頁輪廓,然后填充路徑,并為其添加“投影”效果。(最好畫兩條不一樣的撕掉頁,這樣比較真實(shí)。)如下圖所示。



16、到此,【①日歷的卷頁】部分制作完成,大概是這個(gè)樣子的。

17、日歷的夾子(就是紅色那個(gè)部分):首先新建一個(gè)稍稍大一丟丟(幾個(gè)像素就好啦)的圓角矩形置于最上層。就像這樣的。

18、新建一個(gè)矩形置于頂層,如下圖所示。

19、選擇圓角矩形(日歷紅色夾子)按住shift加選白色矩形,使用“直接選擇工具”鼠標(biāo)右鍵單擊,在菜單欄中選擇“減去頂層形狀”得到入下效果。


20、夾子的形狀制作完畢,接下來為其添加效果。為了使其更立體,需要添加‘斜面和浮雕“”內(nèi)陰影“”投影“然后添加一個(gè)顏色疊加變成紅色。(數(shù)值可以自己嘗試調(diào)節(jié)哦,每個(gè)效果都試試以后做其他的東西也會(huì)輕車熟路。)如下圖所示。此處可以適當(dāng)調(diào)整”撕掉頁“和”夾子“的位置。


21、向上復(fù)制”紅色夾子“圖層,添加一個(gè)”漸變疊加“效果,并將透明度調(diào)小,給”紅色夾子“增加一些變化。如下圖所示。



22、月份:首先輸入”September“然后為其添加圖層樣式。


<因?yàn)槲淖质窍蛳掳枷莸乃?ldquo;方向”是“下”>


23、金屬環(huán)的制作:新建一個(gè)圓角矩形。(很圓很圓。)就像下面這樣。

24、然后為了模擬金屬效果,我們?yōu)樗砑?ldquo;圖層樣式”。(這個(gè)地方最煩了,嘗試了很多次,你在制作的時(shí)候也要多去嘗試,并沒有統(tǒng)一的做法,也沒有統(tǒng)一的數(shù)值。多多動(dòng)手才是最好的,另,我做的可能并不科學(xué)?。?br />





25、制作反光:使用鋼筆工具描出反光的形狀,然后使用“濾鏡”——“模糊”——“高斯模糊”使反光真實(shí)一些。就像這樣。

26、高光制作:使用“橢圓工具,畫一個(gè)橢圓,然后”高斯模糊“,為其添加一個(gè)比較模糊比較大的光;再次用”橢圓“工具畫一個(gè)小一點(diǎn)的橢圓,”高斯模糊“(數(shù)值小一點(diǎn).)為其添加高光。就像這樣。

27、連接日歷的洞(我也不知道咋形容)制作:畫一個(gè)圓,直徑稍稍大于金屬環(huán)的寬,為其添加顏色。是這樣的。


28、這樣,一個(gè)金屬環(huán)就做完了,給他們打個(gè)包,命名”金屬環(huán)“然后復(fù)制一下,放到另一面。然后給兩個(gè)金屬環(huán)添加一個(gè)”投影“效果是這樣的。請看。

29、底座的制作:新建一個(gè)大的圓角矩形(圓角大小自己調(diào)整一下)放在最下面。就像這樣。

30、然后為其添加圖層樣式,讓它立體一點(diǎn)(和制作夾子的時(shí)候差不多)。如下圖所示。


31、接下來找一張你喜歡的”皮子“比如這樣的。

32、把它放在底座上面,然后作為”剪切蒙版“,就像這樣。

33、繩子的制作:Ctrl+點(diǎn)擊”底座“圖層縮略圖,就是點(diǎn)這個(gè)。

34、會(huì)出現(xiàn)這樣的效果(就是把底座選中了)。

35、然后,”選擇“——”修改“——”收縮“,就像這樣。

36、選擇適當(dāng)?shù)臄?shù)值。


37、由圖層面板轉(zhuǎn)入路徑面板,像這樣。

38、單擊”從選區(qū)生成工作路徑“,像這樣。

39、選區(qū)畫筆工具,調(diào)一下大?。愀杏X繩子應(yīng)該有多粗你就調(diào)多大),選擇鋼筆工具為路徑描個(gè)黑色的邊兒吧。如下圖。


40、因?yàn)槔K子縫入皮革是有擠壓的,所以,添加一個(gè)圖層樣式,增加一些真實(shí)感,這里為它添加一個(gè)斜面和浮雕,像這樣。

41、到這步,制作完成了繩子的擠壓效果,下面來制作繩子:新建一個(gè)20X80的畫布。然后在畫布上新建一個(gè)圓角矩形,大概是這樣的。

42、將它定義為筆刷,起一個(gè)好聽的名字,方便查找。像這樣。


43、下面,調(diào)整一下筆刷設(shè)置,快捷鍵為F5,需要調(diào)整的地方如下。

44、一定要調(diào)整間距!可以根據(jù)自己的喜好,感覺是怎么縫的就怎么調(diào)。一定要選擇”方向“,不選擇就慘嘍,制作的時(shí)候可以試一下不勾選”反向“的效果,更容易理解。

45、筆刷制作好之后,我們可以回到原來的操作界面繼續(xù)制作我們的繩子啦!再次選擇之前的路徑,然后鋼筆描邊。效果如下。

46、為了使繩子寫實(shí)一點(diǎn),我們?yōu)樗砑訄D層樣式。



47、感覺像塑料,不是很真,繩子應(yīng)該是一股一股扭在一起的,所以,接下來制作繩子的紋理。新建一個(gè)畫布。新建一層圖層添加白色。執(zhí)行”濾鏡“——”濾鏡庫“——”半調(diào)圖案“得到如下效果。

48、將此圖層旋轉(zhuǎn)45°,裁剪一下。如下圖所示。

49、執(zhí)行”編輯“——”定義圖案“并且起一個(gè)自己記得住的名字,如下圖所示。


50、到這,繩子的紋理也完成啦。我們回去給繩子添加”圖案疊加“,看一下效果。



51、地板背景:找一張地板圖嘍,我找的是這張,把它放在背景圖層上面,就可以啦。

最終效果:
最終效果

1、觀察這個(gè)圖標(biāo),我們將它分成三個(gè)部分來制作,如下圖所示。①日歷的卷頁 ②日歷的夾子和金屬環(huán) ③底座。

2、新建一個(gè)700*800的畫布,如下圖所示。

3、新建一個(gè)圓角矩形作為日歷卷頁的最后一頁。如下圖所示。

4、為圓角矩形添加圖層樣式。 內(nèi)發(fā)光、投影、漸變疊加。(內(nèi)發(fā)光是重中之重,它主要區(qū)分了每一頁日歷,是使日歷有層次敢最主要的效果!漸變疊加可添加也可以不添加,如果你想做的精細(xì)一些,可以自己嘗試調(diào)整各類數(shù)值。最后一頁的投影必須要有啦~)如下圖所示。

5、向上復(fù)制“最后一頁”作為“中間頁”。調(diào)整“中間頁的位置”修改圖層樣式(修改一下投影,不需要那么大啦?。┤缦聢D所示。

6、向上復(fù)制多張“中間頁”圖層,調(diào)整位置(向上調(diào)整1~3個(gè)像素點(diǎn),移動(dòng)大小不要一樣,這樣會(huì)顯得比較真實(shí)。)合并復(fù)制的“中間頁圖層并作為”中間頁“的剪切蒙版。此時(shí)得到的效果是這樣的。

7、制作完中間頁后,開始制作第二頁。就是這個(gè)部分。

8、觀察”第二頁“上有”第一頁“的投影,所以,復(fù)制一層”中間頁“向上移動(dòng)并為其添加漸變疊加,同是向下做剪切蒙版。如下圖所示。漸變疊加是逐漸變亮的,控制好角度就可以啦!


9、第二頁制作完成后,開始制作第一頁。我將第一頁分為兩個(gè)部分制作。如下圖所示。

10、首先制作位于下方的”第一頁平頁“。向上復(fù)制”第二頁“,關(guān)閉”漸變疊加效果“,并作向下作為剪切蒙版。采用”直接選擇“工具點(diǎn)選出”第一頁平頁“的路徑,選擇”鋼筆——添加錨點(diǎn)工具“為”第一頁平頁“添加錨點(diǎn)。如下圖所示。


11、添加錨點(diǎn)后,使用”直接選擇工具,選中下圖四處錨點(diǎn),并刪除,得到效果如下圖所示。


12、接下來制作“第一頁卷頁”部分。使用鋼筆工具,描出卷頁形狀,并填充路徑。并添加圖層樣式。如下圖所示。


13、得到的效果是這樣的。

14、為第一頁添加日期,今天是30號。將“日期”置于“第一頁平頁”和“第一頁卷頁”之間,效果如下。

15、第一頁制作完之后,制作撕掉頁。首先使用鋼筆工具勾出撕掉頁輪廓,然后填充路徑,并為其添加“投影”效果。(最好畫兩條不一樣的撕掉頁,這樣比較真實(shí)。)如下圖所示。



16、到此,【①日歷的卷頁】部分制作完成,大概是這個(gè)樣子的。

17、日歷的夾子(就是紅色那個(gè)部分):首先新建一個(gè)稍稍大一丟丟(幾個(gè)像素就好啦)的圓角矩形置于最上層。就像這樣的。

18、新建一個(gè)矩形置于頂層,如下圖所示。

19、選擇圓角矩形(日歷紅色夾子)按住shift加選白色矩形,使用“直接選擇工具”鼠標(biāo)右鍵單擊,在菜單欄中選擇“減去頂層形狀”得到入下效果。


20、夾子的形狀制作完畢,接下來為其添加效果。為了使其更立體,需要添加‘斜面和浮雕“”內(nèi)陰影“”投影“然后添加一個(gè)顏色疊加變成紅色。(數(shù)值可以自己嘗試調(diào)節(jié)哦,每個(gè)效果都試試以后做其他的東西也會(huì)輕車熟路。)如下圖所示。此處可以適當(dāng)調(diào)整”撕掉頁“和”夾子“的位置。


21、向上復(fù)制”紅色夾子“圖層,添加一個(gè)”漸變疊加“效果,并將透明度調(diào)小,給”紅色夾子“增加一些變化。如下圖所示。



22、月份:首先輸入”September“然后為其添加圖層樣式。


<因?yàn)槲淖质窍蛳掳枷莸乃?ldquo;方向”是“下”>


23、金屬環(huán)的制作:新建一個(gè)圓角矩形。(很圓很圓。)就像下面這樣。

24、然后為了模擬金屬效果,我們?yōu)樗砑?ldquo;圖層樣式”。(這個(gè)地方最煩了,嘗試了很多次,你在制作的時(shí)候也要多去嘗試,并沒有統(tǒng)一的做法,也沒有統(tǒng)一的數(shù)值。多多動(dòng)手才是最好的,另,我做的可能并不科學(xué)?。?br />





25、制作反光:使用鋼筆工具描出反光的形狀,然后使用“濾鏡”——“模糊”——“高斯模糊”使反光真實(shí)一些。就像這樣。

26、高光制作:使用“橢圓工具,畫一個(gè)橢圓,然后”高斯模糊“,為其添加一個(gè)比較模糊比較大的光;再次用”橢圓“工具畫一個(gè)小一點(diǎn)的橢圓,”高斯模糊“(數(shù)值小一點(diǎn).)為其添加高光。就像這樣。

27、連接日歷的洞(我也不知道咋形容)制作:畫一個(gè)圓,直徑稍稍大于金屬環(huán)的寬,為其添加顏色。是這樣的。


28、這樣,一個(gè)金屬環(huán)就做完了,給他們打個(gè)包,命名”金屬環(huán)“然后復(fù)制一下,放到另一面。然后給兩個(gè)金屬環(huán)添加一個(gè)”投影“效果是這樣的。請看。

29、底座的制作:新建一個(gè)大的圓角矩形(圓角大小自己調(diào)整一下)放在最下面。就像這樣。

30、然后為其添加圖層樣式,讓它立體一點(diǎn)(和制作夾子的時(shí)候差不多)。如下圖所示。


31、接下來找一張你喜歡的”皮子“比如這樣的。

32、把它放在底座上面,然后作為”剪切蒙版“,就像這樣。

33、繩子的制作:Ctrl+點(diǎn)擊”底座“圖層縮略圖,就是點(diǎn)這個(gè)。

34、會(huì)出現(xiàn)這樣的效果(就是把底座選中了)。

35、然后,”選擇“——”修改“——”收縮“,就像這樣。

36、選擇適當(dāng)?shù)臄?shù)值。


37、由圖層面板轉(zhuǎn)入路徑面板,像這樣。

38、單擊”從選區(qū)生成工作路徑“,像這樣。

39、選區(qū)畫筆工具,調(diào)一下大?。愀杏X繩子應(yīng)該有多粗你就調(diào)多大),選擇鋼筆工具為路徑描個(gè)黑色的邊兒吧。如下圖。


40、因?yàn)槔K子縫入皮革是有擠壓的,所以,添加一個(gè)圖層樣式,增加一些真實(shí)感,這里為它添加一個(gè)斜面和浮雕,像這樣。

41、到這步,制作完成了繩子的擠壓效果,下面來制作繩子:新建一個(gè)20X80的畫布。然后在畫布上新建一個(gè)圓角矩形,大概是這樣的。

42、將它定義為筆刷,起一個(gè)好聽的名字,方便查找。像這樣。


43、下面,調(diào)整一下筆刷設(shè)置,快捷鍵為F5,需要調(diào)整的地方如下。

44、一定要調(diào)整間距!可以根據(jù)自己的喜好,感覺是怎么縫的就怎么調(diào)。一定要選擇”方向“,不選擇就慘嘍,制作的時(shí)候可以試一下不勾選”反向“的效果,更容易理解。

45、筆刷制作好之后,我們可以回到原來的操作界面繼續(xù)制作我們的繩子啦!再次選擇之前的路徑,然后鋼筆描邊。效果如下。

46、為了使繩子寫實(shí)一點(diǎn),我們?yōu)樗砑訄D層樣式。



47、感覺像塑料,不是很真,繩子應(yīng)該是一股一股扭在一起的,所以,接下來制作繩子的紋理。新建一個(gè)畫布。新建一層圖層添加白色。執(zhí)行”濾鏡“——”濾鏡庫“——”半調(diào)圖案“得到如下效果。

48、將此圖層旋轉(zhuǎn)45°,裁剪一下。如下圖所示。

49、執(zhí)行”編輯“——”定義圖案“并且起一個(gè)自己記得住的名字,如下圖所示。


50、到這,繩子的紋理也完成啦。我們回去給繩子添加”圖案疊加“,看一下效果。



51、地板背景:找一張地板圖嘍,我找的是這張,把它放在背景圖層上面,就可以啦。

最終效果:

相關(guān)文章
- 今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30