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

今天小编教大家如何使用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
Photoshop和数字艺术:绘画,插图和合成Photoshop和数字艺术:绘画,插图和合成Apr 18, 2025 am 12:01 AM

Photoshop在数字艺术中的应用包括绘画、插图和图像合成。1)绘画:使用画笔、铅笔和混合工具,艺术家可创造逼真效果。2)插图:通过矢量和形状工具,艺术家可精确绘制复杂图形并添加效果。3)合成:利用蒙版和图层混合模式,艺术家可将不同图像元素无缝融合。

高级Photoshop教程:大师修饰和合成高级Photoshop教程:大师修饰和合成Apr 17, 2025 am 12:10 AM

Photoshop的高级修图与合成技术包括:1.使用图层、蒙版和调整层进行基础操作;2.通过调整图像像素值实现修图效果;3.利用多图层和蒙版进行复杂合成;4.应用“液化”工具调整面部特征;5.使用“频率分离”技术进行细腻修图,这些技术能提升图像处理水平并实现专业级效果。

使用Photoshop进行图形设计:品牌和更多使用Photoshop进行图形设计:品牌和更多Apr 16, 2025 am 12:02 AM

使用Photoshop进行品牌设计的步骤包括:1.使用钢笔工具绘制基本形状,2.通过图层样式添加阴影和高光,3.调整颜色和细节,4.使用智能对象和动作自动生成不同版本的设计。Photoshop通过图层和蒙版的灵活性,帮助设计师创建和优化品牌元素,从简单的标志到复杂的品牌指南,确保设计的一致性和专业性。

Photoshop的订阅模型:您的钱是什么Photoshop的订阅模型:您的钱是什么Apr 15, 2025 am 12:17 AM

Photoshop的订阅模式值得购买。1)用户可以随时访问最新版本和跨设备使用。2)订阅费用低,提供持续更新和技术支持。3)高级功能如神经滤镜可用于复杂图像处理。尽管长期成本较高,但其便利性和功能更新对专业用户很有价值。

Photoshop:调查免费试用和折扣选项Photoshop:调查免费试用和折扣选项Apr 14, 2025 am 12:06 AM

你可以通过以下方式以最经济的方式获得Photoshop的使用权:1.利用7天的免费试用期体验软件功能;2.寻找学生或教师折扣,以及季节性促销;3.使用第三方网站上的优惠券;4.订阅AdobeCreativeCloud的月度或年度计划。

设计师的Photoshop:创建视觉概念设计师的Photoshop:创建视觉概念Apr 13, 2025 am 12:09 AM

在Photoshop中创建视觉概念可以通过以下步骤实现:1.创建新文档,2.添加背景层,3.使用画笔工具绘制基本形状,4.调整颜色和亮度,5.添加文本和图形,6.使用蒙版进行局部编辑,7.应用滤镜效果,这些步骤帮助设计师从零开始构建完整的视觉作品。

Photoshop免费吗?了解订阅计划Photoshop免费吗?了解订阅计划Apr 12, 2025 am 12:11 AM

Photoshop不是免费的,但有几种方式可以低成本或免费使用:1.免费试用期为7天,期间可体验所有功能;2.学生和教师优惠可将成本减半,需提供学校证明;3.CreativeCloud套餐适合专业用户,包含多种Adobe工具;4.PhotoshopElements和Lightroom为低成本替代方案,功能较少但价格更低。

Photoshop的价值:权衡成本与其功能Photoshop的价值:权衡成本与其功能Apr 11, 2025 am 12:02 AM

Photoshop值得投资,因为它提供了强大的功能和广泛的应用场景。1)核心功能包括图像编辑、图层管理、特效制作和色彩调整。2)适合专业设计师和摄影师,但业余爱好者可考虑替代品如GIMP。3)订阅AdobeCreativeCloud可按需使用,避免一次性高额支出。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前By尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前By尊渡假赌尊渡假赌尊渡假赌

热工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)