PS写实日历图标教程

2016-04-05 17:40 27 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享PS写实日历图标教程,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。

【 tulaoshi.com - 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)日历的夹子(就是红色那个部分):首先新建一个稍稍大一丢丢(几个像素就好啦)www.tulaoshi.com的圆角矩形置于最上层。就像这样的。

17db56ab523332f875520fc8c231.jpg

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

fcbf56ab526e6ac7256cb04daf44.jpg

  选择圆角矩形(日历红色夹子)按住shift加选白色矩形,使用直接选择工具鼠标右键单击,在菜单栏中选择减去顶层形状得到入下效果:

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

  (此处可以适当调整撕掉页和夹子的位置。

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

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

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

12d056ab536932f875520fb1d482.jpg

  效果如下:

 

0ef156ab53766ac7256cb045cd49.jpg

 

PS写实日历图标教程(2)

  (3)金属环的制作:

  新建一个圆角矩形。(很圆很圆。)就像下面这样。

e71b56ab53846ac7256cb037ab85.jpg

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

  得到的效果是这样的:

2aa056ab53b432f875520fe1b36e.jpg

  制作反光:使用钢笔工具描出反光的形状,然后使用滤镜模糊高斯模糊使反光真实一些。就像这样:

19b056ab53c16ac7256cb06e2cc6.jpg

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

222156ab541432f875520fd802ea.jpg

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

  画一个圆,直径稍稍大于金属环的宽,为其添加颜色。是这样的。

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

89f556ab543b6ac7256cb06eb990.jpg

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

  【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

  把它放在背景图层上面,就可以啦!

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

  我们来看看:

95ee56ab57526ac7256cb0a4068b.jpg

  就是这样。

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

来源:http://www.tulaoshi.com/n/20160405/2127325.html

延伸阅读
标签: PS PS教程
效果图构成比较简单,制作过程:先做出球体效果;然后在表面用滤镜做出类似绒毛纹理;中间部分可以增加一些个性条纹;最后用涂抹工具涂出边缘的绒毛即可。 最终效果 1、首先新建画布:1600px * 1200,分辨率为72,如下图。 2、点击选色工具中的前景色,然后在拾色器中输入色值:#e6efd4,用油漆桶工具把背景填充前景色。 3、再把前景色...
标签: PS PS教程
编者按:30小时图标速成终于等来第六期咯,今天@张小碗儿grace  (漫画作者)手把手教同学们绘制一个刻画精细的写实手表。想尽快掌握UI软件技能的同学,强烈建议将作者的教程都临摹一遍,先来收这篇。 源文件打包 https://yunpan.cn/cr8hFiJRKgIix  访问密码 1a62  1 2345678910... 15  &nbs...
标签: PS
PS绘制设计一枚写实的小鸡蛋图标效果   绘制设计一枚写实的小鸡蛋图标效果!鸡蛋造型的设计、蛋黄以及www.Tulaoshi.com蛋壳的质感体现!
PS绘制超写实军用水壶的教程 最终效果 1:新建文件,大小为1000*1100。分辨率为300像素,用椭圆工具拉出椭圆,在椭圆的下方添加两个描点。只调节红圈内的三个点,各移动几个像素。 2:进入通道,执行选择下的修改收缩。收缩量为25。反选填充黑色并取消选择。执行滤镜下的高斯模糊。数值分别为30 20 10 3:回到图...
标签: PS PS基础
本教程主要使用Photoshop绘制时尚立体感的日历图标,主要使用把钢笔工具绘制形状,然后使用图层样式来调出质感,喜欢的朋友让我们一起来学习吧。 教程源文件: 立体感的日历图标教程PSD源文件 先看看效果图 下面是原图

经验教程

620

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部