首頁 web前端 PS教程 Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

Jun 01, 2016 pm 02:25 PM
圖示 日曆

今天小编教大家如何使用Photoshop设计制作逼真精美的皮制日历图标,效果很美,喜欢的朋友可以一起来学习 效果图为写实风格图标,制作之前需要找类似的图标或日历实物图参考一下;然后把实物拆分一下,并把各部分的光影,材质,细节等都掌握好;最后逐层刻画即可。
最终效果

Photoshop设计制作逼真精美的皮制日历图标

1、观察这个图标,我们将它分成三个部分来制作,如下图所示。①日历的卷页 ②日历的夹子和金属环 ③底座。

Photoshop设计制作逼真精美的皮制日历图标

2、新建一个700*800的画布,如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

3、新建一个圆角矩形作为日历卷页的最后一页。如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

4、为圆角矩形添加图层样式。 内发光、投影、渐变叠加。(内发光是重中之重,它主要区分了每一页日历,是使日历有层次敢最主要的效果!渐变叠加可添加也可以不添加,如果你想做的精细一些,可以自己尝试调整各类数值。最后一页的投影必须要有啦~)如下图所示。


Photoshop设计制作逼真精美的皮制日历图标
 5、向上复制“最后一页”作为“中间页”。调整“中间页的位置”修改图层样式(修改一下投影,不需要那么大啦!)如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

6、向上复制多张“中间页”图层,调整位置(向上调整1~3个像素点,移动大小不要一样,这样会显得比较真实。)合并复制的“中间页图层并作为”中间页“的剪切蒙版。此时得到的效果是这样的。

Photoshop设计制作逼真精美的皮制日历图标

7、制作完中间页后,开始制作第二页。就是这个部分。

Photoshop设计制作逼真精美的皮制日历图标

8、观察”第二页“上有”第一页“的投影,所以,复制一层”中间页“向上移动并为其添加渐变叠加,同是向下做剪切蒙版。如下图所示。渐变叠加是逐渐变亮的,控制好角度就可以啦!

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

9、第二页制作完成后,开始制作第一页。我将第一页分为两个部分制作。如下图所示。

Photoshop设计制作逼真精美的皮制日历图标
 10、首先制作位于下方的”第一页平页“。向上复制”第二页“,关闭”渐变叠加效果“,并作向下作为剪切蒙版。采用”直接选择“工具点选出”第一页平页“的路径,选择”钢笔——添加锚点工具“为”第一页平页“添加锚点。如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

11、添加锚点后,使用”直接选择工具,选中下图四处锚点,并删除,得到效果如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

12、接下来制作“第一页卷页”部分。使用钢笔工具,描出卷页形状,并填充路径。并添加图层样式。如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

13、得到的效果是这样的。

Photoshop设计制作逼真精美的皮制日历图标
 14、为第一页添加日期,今天是30号。将“日期”置于“第一页平页”和“第一页卷页”之间,效果如下。

Photoshop设计制作逼真精美的皮制日历图标

15、第一页制作完之后,制作撕掉页。首先使用钢笔工具勾出撕掉页轮廓,然后填充路径,并为其添加“投影”效果。(最好画两条不一样的撕掉页,这样比较真实。)如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

16、到此,【①日历的卷页】部分制作完成,大概是这个样子的。

Photoshop设计制作逼真精美的皮制日历图标

17、日历的夹子(就是红色那个部分):首先新建一个稍稍大一丢丢(几个像素就好啦)的圆角矩形置于最上层。就像这样的。

Photoshop设计制作逼真精美的皮制日历图标

18、新建一个矩形置于顶层,如下图所示。

Photoshop设计制作逼真精美的皮制日历图标
 19、选择圆角矩形(日历红色夹子)按住shift加选白色矩形,使用“直接选择工具”鼠标右键单击,在菜单栏中选择“减去顶层形状”得到入下效果。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

20、夹子的形状制作完毕,接下来为其添加效果。为了使其更立体,需要添加‘斜面和浮雕“”内阴影“”投影“然后添加一个颜色叠加变成红色。(数值可以自己尝试调节哦,每个效果都试试以后做其他的东西也会轻车熟路。)如下图所示。此处可以适当调整”撕掉页“和”夹子“的位置。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

21、向上复制”红色夹子“图层,添加一个”渐变叠加“效果,并将透明度调小,给”红色夹子“增加一些变化。如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标
 22、月份:首先输入”September“然后为其添加图层样式。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标
<因为文字是向下凹陷的所以“方向”是“下”>

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

23、金属环的制作:新建一个圆角矩形。(很圆很圆。)就像下面这样。

Photoshop设计制作逼真精美的皮制日历图标


24、然后为了模拟金属效果,我们为它添加“图层样式”。(这个地方最烦了,尝试了很多次,你在制作的时候也要多去尝试,并没有统一的做法,也没有统一的数值。多多动手才是最好的,另,我做的可能并不科学!)。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标
 25、制作反光:使用钢笔工具描出反光的形状,然后使用“滤镜”——“模糊”——“高斯模糊”使反光真实一些。就像这样。

Photoshop设计制作逼真精美的皮制日历图标

26、高光制作:使用“椭圆工具,画一个椭圆,然后”高斯模糊“,为其添加一个比较模糊比较大的光;再次用”椭圆“工具画一个小一点的椭圆,”高斯模糊“(数值小一点.)为其添加高光。就像这样。

Photoshop设计制作逼真精美的皮制日历图标

27、连接日历的洞(我也不知道咋形容)制作:画一个圆,直径稍稍大于金属环的宽,为其添加颜色。是这样的。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

28、这样,一个金属环就做完了,给他们打个包,命名”金属环“然后复制一下,放到另一面。然后给两个金属环添加一个”投影“效果是这样的。请看。

Photoshop设计制作逼真精美的皮制日历图标

29、底座的制作:新建一个大的圆角矩形(圆角大小自己调整一下)放在最下面。就像这样。

Photoshop设计制作逼真精美的皮制日历图标

30、然后为其添加图层样式,让它立体一点(和制作夹子的时候差不多)。如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标
 31、接下来找一张你喜欢的”皮子“比如这样的。

Photoshop设计制作逼真精美的皮制日历图标

32、把它放在底座上面,然后作为”剪切蒙版“,就像这样。

Photoshop设计制作逼真精美的皮制日历图标

33、绳子的制作:Ctrl+点击”底座“图层缩略图,就是点这个。

Photoshop设计制作逼真精美的皮制日历图标

34、会出现这样的效果(就是把底座选中了)。

Photoshop设计制作逼真精美的皮制日历图标

35、然后,”选择“——”修改“——”收缩“,就像这样。

Photoshop设计制作逼真精美的皮制日历图标

36、选择适当的数值。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标
 37、由图层面板转入路径面板,像这样。

Photoshop设计制作逼真精美的皮制日历图标

38、单击”从选区生成工作路径“,像这样。

Photoshop设计制作逼真精美的皮制日历图标

39、选区画笔工具,调一下大小(你感觉绳子应该有多粗你就调多大),选择钢笔工具为路径描个黑色的边儿吧。如下图。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

40、因为绳子缝入皮革是有挤压的,所以,添加一个图层样式,增加一些真实感,这里为它添加一个斜面和浮雕,像这样。

Photoshop设计制作逼真精美的皮制日历图标

41、到这步,制作完成了绳子的挤压效果,下面来制作绳子:新建一个20X80的画布。然后在画布上新建一个圆角矩形,大概是这样的。

Photoshop设计制作逼真精美的皮制日历图标

42、将它定义为笔刷,起一个好听的名字,方便查找。像这样。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标
 43、下面,调整一下笔刷设置,快捷键为F5,需要调整的地方如下。

Photoshop设计制作逼真精美的皮制日历图标

44、一定要调整间距!可以根据自己的喜好,感觉是怎么缝的就怎么调。一定要选择”方向“,不选择就惨喽,制作的时候可以试一下不勾选”反向“的效果,更容易理解。

Photoshop设计制作逼真精美的皮制日历图标

45、笔刷制作好之后,我们可以回到原来的操作界面继续制作我们的绳子啦!再次选择之前的路径,然后钢笔描边。效果如下。

Photoshop设计制作逼真精美的皮制日历图标

46、为了使绳子写实一点,我们为它添加图层样式。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

47、感觉像塑料,不是很真,绳子应该是一股一股扭在一起的,所以,接下来制作绳子的纹理。新建一个画布。新建一层图层添加白色。执行”滤镜“——”滤镜库“——”半调图案“得到如下效果。

Photoshop设计制作逼真精美的皮制日历图标
 48、将此图层旋转45°,裁剪一下。如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

49、执行”编辑“——”定义图案“并且起一个自己记得住的名字,如下图所示。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

50、到这,绳子的纹理也完成啦。我们回去给绳子添加”图案叠加“,看一下效果。

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

Photoshop设计制作逼真精美的皮制日历图标

51、地板背景:找一张地板图喽,我找的是这张,把它放在背景图层上面,就可以啦。

Photoshop设计制作逼真精美的皮制日历图标

最终效果:

Photoshop设计制作逼真精美的皮制日历图标

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

win11雙螢幕行事曆在第二台顯示器上不存在怎麼辦? win11雙螢幕行事曆在第二台顯示器上不存在怎麼辦? Jun 12, 2024 pm 05:47 PM

在Windows11中組織日常工作和例行公事的重要工具是在工作列中顯示時間和日期。此功能通常位於螢幕的右下角,可讓您即時存取時間和日期。透過點擊此區域,您可以調出日曆,從而更輕鬆地檢查即將到來的約會和日期,而無需打開單獨的應用程式。但是,如果您使用多個顯示器,則此功能可能會遇到問題。具體來說,雖然時鐘和日期顯示在所有連接的顯示器上的任務欄上,但點擊第二個顯示器上的日期和時間來顯示日曆的功能不可用。截至目前,此功能僅在主顯示幕上起作用-它與Windows10不同,在Windows10中,按一下任

Win11怎麼停用工作列縮圖預覽? 關閉滑鼠移動工作列圖示顯示縮圖技巧 Win11怎麼停用工作列縮圖預覽? 關閉滑鼠移動工作列圖示顯示縮圖技巧 Feb 29, 2024 pm 03:20 PM

本文將介紹如何在Win11系統中關閉滑鼠移動工作列圖示時顯示的縮圖功能。這項功能在預設情況下是開啟的,當使用者將滑鼠指標懸停在工作列上的應用程式圖示上時,會顯示該應用程式的目前視窗縮圖。然而,有些用戶可能覺得這個功能不太實用或會幹擾到他們的使用體驗,因此想要關閉它。工作列縮圖可能很有趣,但它們也可能分散注意力或煩人。考慮到您將滑鼠懸停在該區域的頻率,您可能無意中關閉了重要視窗幾次。另一個缺點是它使用更多的系統資源,因此,如果您一直在尋找一種提高資源效率的方法,我們將向您展示如何停用它。不過

如何在我的所有 Windows 11 顯示器上顯示系統托盤圖標 如何在我的所有 Windows 11 顯示器上顯示系統托盤圖標 Sep 22, 2023 pm 03:21 PM

使用多顯示器設定時,使用者希望在所有顯示器上顯示托盤圖標,以便跟上最新通知或存取某些應用程式。這可能非常有用,在今天的指南中,我們將向您展示如何正確啟用此功能。如何在Windows11中的所有顯示器上顯示托盤圖示? 1.使用顯示融合軟體造訪DisplayFusion網站並下載軟體。下載軟體後,運行安裝檔並安裝它。啟動軟體並根據需要進行配置。在第二個畫面上,以滑鼠右鍵按一下工作列,選擇多顯示器工作列,然後選擇系統匣。最後,檢查顯示/隱藏圖示.完成此操作後,您應該在Windows11上的兩台顯示器上取得系統

如何在Ubuntu開始功能表中移除圖示? 如何在Ubuntu開始功能表中移除圖示? Jan 13, 2024 am 10:45 AM

ubuntu系統開始選單裡面列出了很多的軟體圖標,有很多不常用的圖標,想要刪除,該怎麼刪除呢?下面我們就來看看詳細的教學。 1.先進入ubuntu桌面,點選左邊面板下面的開始選單。 2、裡面可以找到一個文字編輯器圖標,我們要把它刪除了。 3.現在我們回到桌面直接滑鼠右鍵開啟終端。 4、使用指令開啟應用程式列表目錄。 sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5、在裡面找到對應的文字編輯器圖示。 6、接著直

win10日曆顯示週數 win10日曆顯示週數 Jan 04, 2024 am 08:41 AM

很多用戶想要透過win10日曆這個工具來查看當前天數,但是日曆不會自動顯示這一功能,其實我們只需要通過簡單的設置,就能夠看到今年的累計週數了哦~win10日曆顯示週數設定教學:1、在桌面左下角的搜尋中輸入日曆並且開啟應用程式。 2.在開啟的日曆應用程式中,點擊左下角的「齒輪」圖示後,會在右側彈出設置,我們點擊「日曆設定」3、繼續在開啟的日曆設定中,找到「週數」然後將週數選項調整到“一年中的第一天”即可。 4.在完成以上設定後,點擊「週」即可看到今年的周數統計了。

下載手機設定圖示到桌面「秒懂:Android手機為應用程式換圖示步驟」 下載手機設定圖示到桌面「秒懂:Android手機為應用程式換圖示步驟」 Feb 06, 2024 pm 04:27 PM

為了美化桌面,許多用戶喜歡定期更換桌面主題,隨時保持新鮮感。不過,換主題卻不會更改第三方APP的圖標,個性美化不夠徹底。如果你厭倦了千篇一律的應用程式圖標,不妨將它們替換掉。理論上,想為手機APP換圖標,通常需要ROOT系統和一些工具來拆包裝替換圖標。但由於絕大多數手機不再支援ROOT系統,我們需要尋找其他方法來實現。例如,一些特定的應用程式可能提供了自訂圖示的選項,或者可以透過第三方啟動器來實現個人化圖示。此外,一些手機品牌也推出了專門的主題和圖標商店,供用戶選擇和更換圖標。在各大應用程式商店中,

您的T-mobile智慧型手機上的5G UC與5G UW圖示的意思是什麼? 您的T-mobile智慧型手機上的5G UC與5G UW圖示的意思是什麼? Feb 24, 2024 pm 06:10 PM

T-Mobile用戶已經開始注意到,他們的手機螢幕上的網路圖示有時顯示為5GUC,而其他業者則顯示為5GUW。這並不是拼字錯誤,而是代表不同類型的5G網路。事實上,營運商們正在不斷擴大他們的5G網路覆蓋範圍。在這個主題中,我們將探討T-Mobile智慧型手機上顯示的5GUC和5GUW圖示的意思。這兩種標誌代表著不同的5G技術,每種技術都有其獨特的特點和優點。透過了解這些標誌的含義,使用者可以更了解他們所連接的5G網路類型,以便選擇最適合自己需求的網路服務。 5GUCVS5GUW圖示在T

Outlook行事曆不同步; Outlook行事曆不同步; Mar 26, 2024 am 09:36 AM

如果您的Outlook行事曆無法與Google行事曆、Teams、iPhone、Android、Zoom、Office帳號等同步,請執行下列步驟來解決問題。日曆應用程式可以連接到其他日曆服務,例如Google日曆、iPhone、安卓、微軟Office365等,這是非常有用的,因為它可以自動同步。但如果OutlookCalendar無法與第三方日曆同步怎麼辦?可能的原因可能是選擇錯誤的日曆進行同步,日曆不可見,後台應用程序幹擾,過時的Outlook應用程序或日曆應用程序,等等。修復Outlook日曆不同步的初步

See all articles