写实日历图标教学photoshop教程

写实日历图标教学photoshop教程

写实日历图标教学-photoshop教程

photoshop,PS教程,图标,Icon,日历,,教程

写实日历图标教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

来源:站酷 作者:花猪

写实日历图标教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

这样。更一下。【1】观察这个图标,我们将它分成三个部分来创作。如图所示所示。写实日历图标教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造①日历的卷页 ②日历的夹子和金属环 ③底座【2】创建一个700×800的画布,如图所示所示:写实日历图标教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

【3】①日历的卷页:(1)创建一个圆角矩形作为日历卷页的最后一页。如图所示所示:写实日历图标教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

(2)为圆角矩形添加图层样式。内发光、投影、渐变叠加。(内发光是重中之重,它主要区分了每一页日历,是使日历有层次敢最主要的效果!渐变叠加可添加也可以不添加,如果你想做的精细一些,可以自己尝试调整各类数值。最后一页的投影必须要有啦~)如图所示所示:写实日历图标教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

(数值自己尝试一下哦~)(3)向上复制【最后一页】作为【中间页】。调整【中间页的位置】修改图层样式(修改一下投影,不需要那么大啦!)如图所示所示:写实日历图标教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造(4)向上复制多张【中间页】图层,调整位置(向上调整1~3个像素点,移动大小不要一样,这样会显得比较真实。)合并复制的【中间页图层并作为】中间页【的剪切蒙版。此时得到的效果是这样的:此部分创作方法上大家存在疑问,我之前描述不是很清楚,现在详细说一下:向上复制【中间页】图层,然后同时选中所有】向上复制的‘中间页’图层,转换为【智能对象】然后向下做【剪切蒙版】;或者选中所有】向上复制的‘中间页’图层,同时向下做【剪切蒙版】。写实日历图标教学photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

(5)创作完中间页后,开始创作第二页。就是这个部分:写实日历图标教学photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

观察】第二页【上有】第一页【的投影,所以,复制一层】中间页【向上移动并为其添加渐变叠加,同事向下做剪切蒙版。如图所示所示:

写实日历图标教学photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

(渐变叠加是逐渐变亮的。。。控制好角度就可以啦!)(6)第二页创作完成后,开始创作第一页。我将第一页分为两个部分创作。如图所示所示:写实日历图标教学photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

首先创作位于下方的】第一页平页【。向上复制】第二页【,关闭】渐变叠加效果【,并作向下作为剪切蒙版。采用】直接选择【工具点选出】第一页平页【的路径,选择】钢笔——添加锚点工具【为】第一页平页【添加锚点。如图所示所示:

写实日历图标教学photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

添加锚点后,】直接选择工具,选中下图四处锚点,并删除,得到效果如图所示所示:

写实日历图标教学photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

(第一页平页创作完成)接下来创作【第一页卷页】部分。钢笔工具,描出卷页形状,并填充路径。并添加图层样式。如图所示所示。

写实日历图标教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

得到的效果是这样的:写实日历图标教学photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

(7)为第一页添加日期,今天是30号。将【日期】置于【第一页平页】和【第一页卷页】之间,效果如下:写实日历图标教学photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

写实日历图标教学photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

到此,【①日历的卷页】部分创作完成,大概是这个样子的:写实日历图标教学photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造【4】日历的夹子和金属环:(1)日历的夹子(就是红色那个部分):首先创建一个稍稍大一丢丢(几个像素就好啦)的圆角矩形置于最上层。就像这样的。写实日历图标教学photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

创建一个矩形置于顶层,如图所示所示:写实日历图标教学photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造选择圆角矩形(日历红色夹子)按住shift加选白色矩形,【直接选择工具】鼠标右键单击,在菜单栏中选择【减去顶层形状】得到入下效果:

写实日历图标教学photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

夹子的形状创作完毕,接下来为其添加效果。为了使其更立体,需要添加‘斜面和浮雕【】内阴影【】投影【然后添加一个颜色叠加变成红色。(数值可以自己尝试调节哦,每个效果都试试以后做其他的东西也会轻车熟路。)如图所示所示:

写实日历图标教学photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

(此处可以适当调整】撕掉页【和】夹子【的位置。向上复制】红色夹子【图层,添加一个】渐变叠加【效果,并将透明度调小,给】红色夹子【增加一些变化。如图所示所示:

写实日历图标教学photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图32我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图33我的爱 · 创-WODEAI.NET|3D打印机创意智造

(2)月份:首先输入】September【然后为其添加图层样式。

写实日历图标教学photoshop教程插图34我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图35我的爱 · 创-WODEAI.NET|3D打印机创意智造

(注意,因为文字是向下凹陷的所以【方向】是【下】。)写实日历图标教学photoshop教程插图36我的爱 · 创-WODEAI.NET|3D打印机创意智造

效果如下:写实日历图标教学photoshop教程插图37我的爱 · 创-WODEAI.NET|3D打印机创意智造

(3)金属环的创作:创建一个圆角矩形。(很圆很圆。)就像下面这样。写实日历图标教学photoshop教程插图38我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

写实日历图标教学photoshop教程插图39我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图40我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图41我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图42我的爱 · 创-WODEAI.NET|3D打印机创意智造

得到的效果是这样的:写实日历图标教学photoshop教程插图43我的爱 · 创-WODEAI.NET|3D打印机创意智造

创作反光:钢笔工具描出反光的形状,然后【滤镜】——【模糊】——【高斯模糊】使反光真实一些。就像这样:写实日历图标教学photoshop教程插图44我的爱 · 创-WODEAI.NET|3D打印机创意智造

高光创作:【椭圆工具,画一个椭圆,然后】高斯模糊【,为其添加一个比较模糊比较大的光;再次用】椭圆【工具画一个小一点的椭圆,】高斯模糊【(数值小一点.)为其添加高光。就像这样:写实日历图标教学photoshop教程插图45我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

写实日历图标教学photoshop教程插图46我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图47我的爱 · 创-WODEAI.NET|3D打印机创意智造

这样,一个金属环就做完了,给他们打个包,命名】金属环【然后复制一下,放到另一面。然后给两个金属环添加一个】投影【效果是这样的。请看:写实日历图标教学photoshop教程插图48我的爱 · 创-WODEAI.NET|3D打印机创意智造

到这,第二部分创作完成。【5】③底座的创作:(1)创建一个大的圆角矩形(圆角大小自己调整一下)放在最下面。就像这样:写实日历图标教学photoshop教程插图49我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

写实日历图标教学photoshop教程插图50我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图51我的爱 · 创-WODEAI.NET|3D打印机创意智造

接下来找一张你喜欢的】皮子【比如这样的:写实日历图标教学photoshop教程插图52我的爱 · 创-WODEAI.NET|3D打印机创意智造

把它放在底座上面,然后作为】剪切蒙版【,就像这样:写实日历图标教学photoshop教程插图53我的爱 · 创-WODEAI.NET|3D打印机创意智造

如果你是一个十分野性的人,也可以这样:写实日历图标教学photoshop教程插图54我的爱 · 创-WODEAI.NET|3D打印机创意智造

或者这样的:写实日历图标教学photoshop教程插图55我的爱 · 创-WODEAI.NET|3D打印机创意智造

(这里的】混合模式【很有意思,可以自己试试,有许许多多不一样的效果。)(2)绳子的创作:Ctrl+点击】底座【图层缩略图,就是点这个:写实日历图标教学photoshop教程插图56我的爱 · 创-WODEAI.NET|3D打印机创意智造

会出现这样的效果(就是把底座选中了):写实日历图标教学photoshop教程插图57我的爱 · 创-WODEAI.NET|3D打印机创意智造

然后,"选择【——】修改【——】收缩【,就像这样:写实日历图标教学photoshop教程插图58我的爱 · 创-WODEAI.NET|3D打印机创意智造

选择适当的数值:

写实日历图标教学photoshop教程插图59我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图60我的爱 · 创-WODEAI.NET|3D打印机创意智造

由图层面板转入路径面板,像这样:写实日历图标教学photoshop教程插图61我的爱 · 创-WODEAI.NET|3D打印机创意智造

单击】从选区生成工作路径【,像这样:写实日历图标教学photoshop教程插图62我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

写实日历图标教学photoshop教程插图63我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图64我的爱 · 创-WODEAI.NET|3D打印机创意智造

因为绳子缝入皮革是有挤压的,所以,添加一个图层样式,增加一些真实感,这里为它添加一个斜面和浮雕,像这样:写实日历图标教学photoshop教程插图65我的爱 · 创-WODEAI.NET|3D打印机创意智造

到这步,创作完成了绳子的挤压效果,下面来创作绳子:创建一个20X80的画布。然后在画布上创建一个圆角矩形,大概是这样的:写实日历图标教学photoshop教程插图66我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

写实日历图标教学photoshop教程插图67我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图68我的爱 · 创-WODEAI.NET|3D打印机创意智造

下面,调整一下笔刷设置,快捷键为F5,需要调整的地方如下:写实日历图标教学photoshop教程插图69我的爱 · 创-WODEAI.NET|3D打印机创意智造

(一定要调整间距!可以根据自己的喜好,感觉是怎么缝的就怎么调。)写实日历图标教学photoshop教程插图70我的爱 · 创-WODEAI.NET|3D打印机创意智造

(一定要选择】方向【,不选择就惨喽,创作的时候可以试一下不勾选】反向【的效果,更容易理解)。笔刷创作好之后,我们可以回到原来的操作界面继续创作我们的绳子啦!再次选择之前的路径,然后钢笔描边。效果如下:写实日历图标教学photoshop教程插图71我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

写实日历图标教学photoshop教程插图72我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图73我的爱 · 创-WODEAI.NET|3D打印机创意智造

此时的效果如下:写实日历图标教学photoshop教程插图74我的爱 · 创-WODEAI.NET|3D打印机创意智造

感觉像塑料,不是很真,绳子应该是一股一股扭在一起的,所以,接下来创作绳子的纹理。创建一个画布。创建一层图层添加白色。执行】滤镜【——】滤镜库【——】半调图案【得到如下效果。写实日历图标教学photoshop教程插图75我的爱 · 创-WODEAI.NET|3D打印机创意智造

将此图层旋转45°,裁剪一下。如图所示所示:写实日历图标教学photoshop教程插图76我的爱 · 创-WODEAI.NET|3D打印机创意智造

执行】编辑【——】定义图案【并且起一个自己记得住的名字,如图所示所示:

写实日历图标教学photoshop教程插图77我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图78我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

写实日历图标教学photoshop教程插图79我的爱 · 创-WODEAI.NET|3D打印机创意智造

写实日历图标教学photoshop教程插图80我的爱 · 创-WODEAI.NET|3D打印机创意智造

现在看一下效果,大概是这样:写实日历图标教学photoshop教程插图81我的爱 · 创-WODEAI.NET|3D打印机创意智造

【6】地板背景找一张地板图喽,我找的是这张。写实日历图标教学photoshop教程插图82我的爱 · 创-WODEAI.NET|3D打印机创意智造

把它放在背景图层上面,就可以啦!我们来看看:写实日历图标教学photoshop教程插图83我的爱 · 创-WODEAI.NET|3D打印机创意智造

就是这样。差不多就是这样,还有很多东西可以加上去(比如各种光啊,可以做的更好看一些!创作的时候可以多多尝试,实践真的很重要!)。这个图标做的不是很精细,请见谅。至于这个教学,可能并不是很正确,有错误之处欢迎指出,有更好的方法实现效果也希望共同讨论。谢谢,谢谢,谢谢!

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/641521.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码