萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> PS寫實日歷圖標教程

PS寫實日歷圖標教程

   終於完成啦!可放心食用!多圖預警!

PS寫實日歷圖標教程 三聯

  這樣。

  更一下。

  【1】觀察這個圖標,我們將它分成三個部分來制作。如下圖所示。

97fc56ab4fc06ac7256cb03477bd.jpg

  ①日歷的卷頁 ②日歷的夾子和金屬環 ③底座

  【2】新建一個700x800的畫布,如下圖所示:

85d556ab4fe36ac7256cb0bba5bf.jpg

  【3】①日歷的卷頁:

  (1)新建一個圓角矩形作為日歷卷頁的最後一頁。如下圖所示:

e8c856ab50056ac7256cb0bf8710.jpg

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

efc756ab502832f875520fb6a936.jpg

  (數值自己嘗試一下哦~)

  (3)向上復制“最後一頁”作為“中間頁”。調整“中間頁的位置”修改圖層樣式(修改一下投影,不需要那麼大啦!)如下圖所示:

231856ab50476ac7256cb0fc89de.jpg

  (4)向上復制多張“中間頁”圖層,調整位置(向上調整1~3個像素點,移動大小不要一樣,這樣會顯得比較真實。)合並復制的“中間頁圖層並作為”中間頁“的剪切蒙版。此時得到的效果是這樣的:

  此部分制作方法上大家存在疑問,我之前描述不是很清楚,現在詳細說一下:

  向上復制“中間頁”圖層,然後同時選中所有”向上復制的‘中間頁’圖層,轉換為“智能對象”然後向下做“剪切蒙版”;或者選中所有”向上復制的‘中間頁’圖層,同時向下做“剪切蒙版”。

7f6a56ab506432f875520f0c222b.jpg

  (5)制作完中間頁後,開始制作第二頁。就是這個部分:

514256ab508032f875520f6305b2.jpg

  觀察”第二頁“上有”第一頁“的投影,所以,復制一層”中間頁“向上移動並為其添加漸變疊加,同事向下做剪切蒙版。如下圖所示:

  (漸變疊加是逐漸變亮的。。。控制好角度就可以啦!)

  (6)第二頁制作完成後,開始制作第一頁。我將第一頁分為兩個部分制作。如下圖所示:

fc5756ab50c76ac7256cb03d8187.jpg

  首先制作位於下方的”第一頁平頁“。向上復制”第二頁“,關閉”漸變疊加效果“,並作向下作為剪切蒙版。采用”直接選擇“工具點選出”第一頁平頁“的路徑,選擇”鋼筆——添加錨點工具“為”第一頁平頁“添加錨點。如下圖所示:

  添加錨點後,使用”直接選擇工具,選中下圖四處錨點,並刪除,得到效果如下圖所示:

  (第一頁平頁制作完成)

  接下來制作“第一頁卷頁”部分。

  使用鋼筆工具,描出卷頁形狀,並填充路徑。並添加圖層樣式。如下圖所示。

  得到的效果是這樣的:

1f0256ab518b6ac7256cb0ede68d.jpg

  (7)為第一頁添加日期,今天是30號。將“日期”置於“第一頁平頁”和“第一頁卷頁”之間,效果如下:

1cae56ab51ac32f875520f8ebcf8.jpg

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

  到此,【①日歷的卷頁】部分制作完成,大概是這個樣子的:

d4ce56ab52056ac7256cb017b0ab.jpg

  【4】日歷的夾子和金屬環:

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

17db56ab523332f875520fc8c231.jpg

  新建一個矩形置於頂層,如下圖所示:

fcbf56ab526e6ac7256cb04daf44.jpg

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

  夾子的形狀制作完畢,接下來為其添加效果。為了使其更立體,需要添加‘斜面和浮雕“”內陰影“”投影“然後添加一個顏色疊加變成紅色。(數值可以自己嘗試調節哦,每個效果都試試以後做其他的東西也會輕車熟路。)如下圖所示:

  (此處可以適當調整”撕掉頁“和”夾子“的位置。

  向上復制”紅色夾子“圖層,添加一個”漸變疊加“效果,並將透明度調小,給”紅色夾子“增加一些變化。如下圖所示:

  (2)月份:首先輸入”September“然後為其添加圖層樣式。

  (注意,因為文字是向下凹陷的所以“方向”是“下”。)

12d056ab536932f875520fb1d482.jpg

  效果如下:

 

0ef156ab53766ac7256cb045cd49.jpg

 

  (3)金屬環的制作:

  新建一個圓角矩形。(很圓很圓。)就像下面這樣。

e71b56ab53846ac7256cb037ab85.jpg

  然後為了模擬金屬效果,我們為它添加“圖層樣式”。(這個地方最煩了,嘗試了很多次,你在制作的時候也要多去嘗試,並沒有統一的做法,也沒有統一的數值。多多動手才是最好的,另,我做的可能並不科學!)

  得到的效果是這樣的:

2aa056ab53b432f875520fe1b36e.jpg

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

19b056ab53c16ac7256cb06e2cc6.jpg

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

222156ab541432f875520fd802ea.jpg

  連接日歷的洞(我也不知道咋形容)制作:

  畫一個圓,直徑稍稍大於金屬環的寬,為其添加顏色。是這樣的。

  這樣,一個金屬環就做完了,給他們打個包,命名”金屬環“然後復制一下,放到另一面。然後給兩個金屬環添加一個”投影“效果是這樣的。請看:

89f556ab543b6ac7256cb06eb990.jpg

  到這,第二部分制作完成。

  【5】③底座的制作:

  (1)新建一個大的圓角矩形(圓角大小自己調整一下)放在最下面。就像這樣:

545d56ab551c32f875520f6a4fa9.jpg

  然後為其添加圖層樣式,讓它立體一點(和制作夾子的時候差不多)。如下圖所示:

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

511e56ab553e32f875520fa8c186.jpg

  把它放在底座上面,然後作為”剪切蒙版“,就像這樣:

243156ab554d6ac7256cb00d02bf.jpg

  如果你是一個十分野性的人,也可以這樣:

6bc856ab555b32f875520fc45622.jpg

  或者這樣的:

5eb756ab55696ac7256cb0ef1516.jpg

  (這裡的”混合模式“很有意思,可以自己試試,有許許多多不一樣的效果。)

  (2)繩子的制作:

  Ctrl+點擊”底座“圖層縮略圖,就是點這個:

339656ab557632f875520f1ae502.jpg

  會出現這樣的效果(就是把底座選中了):

5dd456ab55836ac7256cb0db6d5d.jpg

  然後,"選擇“——”修改“——”收縮“,就像這樣:

32bc56ab558f32f875520f80ef2a.jpg

  選擇適當的數值:

  由圖層面板轉入路徑面板,像這樣:

07c856ab55ad32f875520fd460ac.jpg

  單擊”從選區生成工作路徑“,像這樣:

c02d56ab55b96ac7256cb026ad9c.jpg

  選區畫筆工具,調一下大小(你感覺繩子應該有多粗你就調多大),選擇鋼筆工具為路徑描個黑色的邊兒吧。如下圖:

  因為繩子縫入皮革是有擠壓的,所以,添加一個圖層樣式,增加一些真實感,這裡為它添加一個斜面和浮雕,像這樣:

6d7c56ab55d96ac7256cb06c67d0.jpg

  到這步,制作完成了繩子的擠壓效果,下面來制作繩子:

  新建一個20X80的畫布。然後在畫布上新建一個圓角矩形,大概是這樣的:

32c056ab55ec32f875520f8618b8.jpg

  將它定義為筆刷,起一個好聽的名字,方便查找。像這樣:

  下面,調整一下筆刷設置,快捷鍵為F5,需要調整的地方如下:

a8a956ab56b432f875520faeefd1.jpg

  (一定要調整間距!可以根據自己的喜好,感覺是怎麼縫的就怎麼調。)

30ba56ab56c16ac7256cb0836991.jpg

  (一定要選擇”方向“,不選擇就慘喽,制作的時候可以試一下不勾選”反向“的效果,更容易理解)。

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

3e8e56ab56ce32f875520f8713ae.jpg

  為了使繩子寫實一點,我們為它添加圖層樣式:

  此時的效果如下:

859e56ab56f032f875520f782adc.jpg

  感覺像塑料,不是很真,繩子應該是一股一股扭在一起的,所以,接下來制作繩子的紋理。

  新建一個畫布。新建一層圖層添加白色。執行”濾鏡“——”濾鏡庫“——”半調圖案“得到如下效果。

8d0e56ab56fb6ac7256cb0fa8d5f.jpg

  將此圖層旋轉45°,裁剪一下。如下圖所示:

4f0656ab570632f875520f2b87eb.jpg

  執行”編輯“——”定義圖案“並且起一個自己記得住的名字,如下圖所示:

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

  現在看一下效果,大概是這樣:

3f0f56ab57366ac7256cb0ebf604.jpg

  【6】地板背景

  找一張地板圖喽,我找的是這張。

20c656ab574432f875520f6922b1.jpg

  把它放在背景圖層上面,就可以啦!

  我們來看看:

95ee56ab57526ac7256cb0a4068b.jpg

  就是這樣。

  差不多就是這樣,還有很多東西可以加上去(比如各種光啊,可以做的更好看一些!制作的時候可以多多嘗試,實踐真的很重要!)。這個圖標做的不是很精細,請見諒。至於這個教程,可能並不是很正確,有錯誤之處歡迎指出,有更好的方法實現效果也希望共同討論。謝謝,謝謝,謝謝!

copyright © 萬盛學電腦網 all rights reserved