PS教你绘制一枚经典的写实日历图标

   写实图标流行时,这几类效果很受欢迎(绳索、金属环、纸边撕裂等),今天这个教程把这些效果全收了,也是以前特别经典的一个日历图标,虽然现在是扁平化时代,不过写实图标这部分,新手最好掌握起来。把这个练完,绝对有不一样的收获!


  1、观察这个图标

  我们将它分成三个部分来制作,如下图所示。


  ①日历的卷页 ②日历的夹子和金属环 ③底座

  2、开始动手

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


  3、日历的卷页

  (1)新建一个圆角矩形作为日历卷页的最后一页。如下图所示:


  (2)为圆角矩形添加图层样式。

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


  (数值自己尝试一下哦~)

  (3)向上复制“最后一页”作为“中间页”。调整“中间页的位置”修改图层样式(修改一下投影,不需要那么大啦!)如下图所示:


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


  (5)制作完中间页后,开始制作第二页。就是这个部分:


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


  (渐变叠加是逐渐变亮的,控制好角度就可以啦!)

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


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


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


  (第一页平页制作完成)

  接下来制作“第一页卷页”部分。

  使用钢笔工具,描出卷页形状,并填充路径。并添加图层样式。如下图所示。


  得到的效果是这样的:


  (7)为第一页添加日期,今天是30号。将“日期”置于“第一页平页”和“第一页卷页”之间,效果如下:


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


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


  4、日历的夹子和金属环:

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


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


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


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


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

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


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


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


  效果如下:


  (3)金属环的制作:

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


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


  得到的效果是这样的:


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


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


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

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


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


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

分类:

  • PS入门教程
  • ps图标制作教程
时间: 2024-09-30 23:10:01

PS教你绘制一枚经典的写实日历图标的相关文章

PS教你绘制一枚经典的ITUNES图标

  在Photoshop中,图层样式是最为直观的东西,所有的效果都能量化,以数值的形式表现出来,就是各种晦涩难懂的等高线也可以用数字来表现.利用图层样式中的混合模式可以得到千变万化的效果,很多的UI和icon绚丽的效果大多数是靠图层样式来实现的. 今天的iTunes图标是一个非常经典的icon,不过现在你们看不到了.现在的版本只能说是走火入魔,推崇扁平化,说它漂亮也谈不上,说难看也不至于~ 下面是我完成的效果图,不过我对它的外轮廓作了一些恶搞性质的变化.这个外形介于正方形和圆形之间,它跟圆角矩形

PS教你绘制一枚清新淡雅的时钟图标

  今天的教程是一个超简单的图标绘制,无任何难度,仅仅是图层样式的应用,适合新手入门临摹练习,源文件已打包,感兴趣的同学来一发. 我们的最终效果: 背景没什么好说的,就是做个渐变,设置前景色为#f8efe0,用圆角矩形工具画一个圆角矩形,这是我们的主体. 为圆角矩形添加一个图层样式.友情提示,渐变叠加样式中的图层混合模式是叠加,为什么是叠加,自己想想. 下面,我们强化一下投影效果,复制一层圆角矩形,置于我们主体圆角矩形的下层,更改颜色为黑色,执行一个角度为90度,距离为50的动感模糊滤镜,将图层

PS教你绘制一枚淡雅的播放器图标

  第一步: 新建画布,大小自定,填充一个淡色. 第二步: 画一个圆形,大小自定,填充如下. 接上边的数值. 第三步: 复制底圆,然后Ctrl+T,调整他的大小,添加图层样式. 接上数值: 第四步: 再画一个圆形,调整大小位置. 图层样式数值. 第五步: 再画一个圆形,加渐变效果. 渐变数值: 第六步: 画一个三角形,填充自己喜爱的颜色,添加样式. 第七步: 画一个这样的圆环. 第八步: 处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下. 数值: 第九步: 右下角画一个这样的,方法参照上面

PS教你绘制一枚精致舒服的下载图标

  新建文档,我用的大小是1500*1000像素,透明背景. 创建一个"渐变"调整层,设置一个#bdc3ce到#e7e9ee的90度的线性渐变. 再创建一个"渐变"调整层,模拟背景上的顶部中央位置的高光效果. 设置为#e7e9ee到透明的90度的径向渐变. 画一个480*480像素的圆,将圆的不透明度更改为80%. 为这个圆添加一个渐变叠加. 添加一个内阴影 设置一个白色的投影 现在,我们完成了外圆的设置,得到了如下效果. 下面,我们用椭圆工具画出按纽外圆,我用的大

PS教你绘制一枚酷炫的机械风格图标

  Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为180px,高度为180px,半径20px,并勾选[从中心],然后点击确定; Step 03 重命名图层为di,右键设置图层样式: [斜面和浮雕]:样式:内斜面.方式

PS教你绘制一枚酷炫的多彩圆环

  今天来一个酷炫的圆环教程,教程简单易学,不过里边提到的方法特别使用,无论是绘制图标还是Logo设计都会经常用到,一起跟着Sevenmoly同学来练个手. 注:第3步,得出形状后,形状本身旋转60°即可. 分类: PS入门教程

PS教你绘制一枚扁平的相机图标

  人长得胖,没有关系,PS能帮你瘦身;人长得丑,也没有关系,PS可以帮你美容,总之PS已经强大到生活的各个领域,在这个照片不可信的年代,我们是有必要学一学PS的. Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为20

PS教你绘制一枚通透质感的游戏按钮

  一.分析图层 在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有四部分组成,"底层"是用一个图层完成的,并不是多个图层叠加,其它三个图层相对简单,接下来我们分层制作. 二.制作背景 新建600px*600px,72分辨率的RGB画布,然后在使用渐变工具(G)做一个径向渐变图层,颜色数值如下,之后在其上方填充一个纹理图层,并适当降低不透明度以增加背景的质感. 三.制作按钮"底

PS教你绘制一枚写实的皮包图标

  我们的最终效果: 下面,教程开始! 在正式做图标之前,需要先自定义一个图案. 首先新建一个1000×1000px 的画布,填充颜色#c5ab90,然后[滤镜]-[杂色]-[添加杂色],给图层添加7%的杂色.完成之后,[编辑]-[自定义图案]添加一个图案,命名为[磨砂纹理] 准备工作做好了,开始画皮包. 新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变. 建一个512×512,半径为90的圆角矩形,并添加图层样式,其中[图案叠加]叠加的是刚才新建的[磨砂纹理