绘制一枚日历图标【PS教程】

新手福利来啦!今天给大家带了一个简化版的日历教程。之前超精致的日历写实图标,对新手可能有点难度,今天@P大点S微博来个简化版的教程,重点就是图层样式,过程细致,步骤具体,新手最好掌握起来。把这个练完,绝对有不一样的收获!

最终效果图:

首先,新建一个文档,我的是1024*1024。

在背景层上拉一个径向渐变,颜色如图所示~~

新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示

确定后把混合模式改为柔光,透明度30%

新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择水平居中,垂直居z中,Ctrl+d取消选择

双击圆角矩形添加图层样式~,数值如下

还有内阴影,颜色叠加、

颜色数值如图所示:

新建一层,D键把前景背景改为默认,填充白色,执行滤镜-杂色-添加杂色。

滤镜-模糊-动感模糊,数值如下,接着在两个图层之间按Alt+左键创建剪贴蒙版。

新建一个小一点的圆角矩形,圆角调整好,居中对齐!颜色无所谓。

双击图层添加图层样式~斜面与浮雕。

内阴影。

内发光

渐变叠加

外发光

现在的效果如图所示:

新建一个圆角矩形,填充白色,调整好参数和位置:

双击图层样式添加投影

新建一层文字层,打上数字,颜色为黑色,调整好位置和大小。

Alt+v+e弹出水平线对话框,拉出一条水平为50%,一条垂直为50%的水平线,以便我们调整位置。

复制下方的圆角矩形到最顶层,Ctrl+t调整大小,填充白色,我加了个灰色是便于大家观看。

并把透明度调整为12%,然后选中三个图层Ctrl+g组合起来。

复制整个组到右边,调整好位置,如图:

Ctrl+J复制右边日历下方的白色层,把图层移动到顶部,Ctrl+t调整好大小及位置,然后再Ctrl+t右键选择透视,选中左上角的点按住shift键向左拖动,效果如图

双击图层添加图层样式

复制一层,右键图层选择清除图层样式,Ctrl+t右键选择垂直翻转,调整好位置:

Ctrl键加左键单机图层缩略图,执行选择-修改-羽化,数值为10

新建一层空白层,填充黑色,Ctrl+d取消选区,并且把刚才的的图层隐藏掉。

选择滤镜-模糊-高斯模糊。

往上移动一段距离,然后把填充透明度和图层透明度调整下。

复制文字图层,Ctrl+shift+] 把图层移动到顶层。

右键图层,选择栅格化选区,然后用矩形选框工具删除下面部分。

Ctrl+d取消选择。Ctrl+t调整好大小,然后右键选择透视,调整一下透视。

最终效果:

原文作者:P大点S微博

优设

(0)

相关推荐

  • 小白教程!如何从零开始绘制一枚线性图标(实战篇)

    小编: 今天的教程除了一枚线性图标的操作演示,更重要的是帮同学们领会UI设计师必备的化繁为简,抽丝剥茧的能力.初学图标绘制的同学,绝对需要里边提到的这个方法~ ­ 对于初学者来说,我们可以这样理解,任 ...

  • 教你绘制常青树字体效果【PS教程】

    小编:快到圣诞节了!小伙伴们,肯定都急着找素材吧,找素材还不如自己做素材.今天给大家带来圣诞节专属PS教程-绘制好看的常青树字体效果.提前感受下圣诞的节日气氛,同时也提前祝大家圣诞快乐. 我们的最终效 ...

  • 快速绘制一把红色雨伞(PS教程)

    PS:这个伞..做的时候经常会遇到当前做的方法和之前其他步骤的方法有冲突,不好修改,导致浪费了不少时间, 所以提醒一下新手入门的孩纸们,要注意你要做的是什么.要怎么做,顺序是什么.用什么方法..反正我 ...

  • 绘制萌萌哒风格插画【PS教程】

    小编:今天给大家带来的是一篇绘制萌萌哒插画风格的教程,非常感谢作者@卡布咔的分享.小编我是对这种风格的插画毫无抵抗力,如果把APP的闪屏换成这种插画风,我想用户应该都不舍得向下翻吧!哈哈-让我们赶快跟 ...

  • 教你绘制一个蜂巢背景【PS教程】

    有同学问这类效果怎么做,今天@P大点S微博手把手教同学们完成它,过程不难,主要是图案的基础运用,最终效果特别适合做背景,格调高有气氛. 最终效果图: 首先,我们执行"编辑-首选项-参考线.网 ...

  • 绘制一枚超萌的QQ方形图标【PS教程】

    今天@P大点S微博来一篇超简单的PS教程,教你绘制一枚方形图标,操作简单易上手,源文件已打包,假期花十分钟来练个手吧. 源文件打包   云下载: 新建个文档,我用的尺寸是800*600像素,大家请随意 ...

  • 5分钟打造iCloud图标(PS教程)

    临近新年,过年的气氛越来越浓了,大家学习UI的热情不能减啊,贵在坚持哦.今天给大家带来的教程是绘制一枚iCloud图标,这次我新加入了图层分解图,看起来更加一目了然,因为大家学了这么久了,颜色值那些我 ...

  • Photoshop绘制一枚简单的日历应用图标设计教程

    在本教程中我们将会向您展示如何设置"千娇百媚"我们最流行 的图标的日历绘制教程,在作品开始绘制之前我们脑海里一定要有设计这样作品的各个元素,根据思路一定的绘制一个简单的草图. 最终 ...

  • 绘制一枚精致的筹码图标【PS教程】

    今天来一枚精致的筹码图标临摹教程,作者@Vivi_vina是优设基础训练营的同学,想入行设计的新同学,前期的大量临摹是必不可少的,不多说,这类教程后记得练习呦. 文章来源:优设