Photoshop绘制立体风格的日历APP图标教程

2016-02-15 20:38 14 1 收藏

今天图老师小编给大家精心推荐个Photoshop绘制立体风格的日历APP图标教程教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - PS 】

最终效果图:

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

还有内阴影,颜色叠加、

颜色数值如图所示:

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

内阴影。

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

内发光

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

渐变叠加

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

外发光

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

现在的效果如图所示:

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

双击图层样式添加投影

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

双击图层添加图层样式

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

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

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

最终效果:

Photoshop绘制立体风格的日历APP图标教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1563689.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop绘制时尚立体感的日历图标,主要使用把钢笔工具绘制形状,然后使用图层样式来调出质感,喜欢的朋友让我们一起来学习吧。 教程源文件: 立体感的日历图标教程PSD源文件 先看看效果图 下面是原图
标签: PS PS基础
本教程主要使用Photoshop鼠绘质感的立体APP图标教程,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和大家起分享学习了,下面就让我我们一起来学习吧。 先来看看最终的效果图吧: 效果, 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了一个图层合成...
Photoshop绘制iPhone立体图标教程 iPhoneTulaoshi.Com立体图标制作教程 Photoshop绘制iPhone立体图标教程(2) 本文由 Fancy006 原创,如需商业用途或转载请与 Fancy006 联系,谢谢配合!
标签: PS PS基础
效果图: 教程加载: 1.新建文档,尺寸自定。 2.使用钢笔工具绘制矩形,颜色填充黑色,效果如图。 3.在图层1下方新建普通图层,使用钢笔工具绘制路径,为其制作立体效果,并填充灰色,如图。 4.同样新建空白图层,使用钢笔工具绘制上方图层,并填充灰色,注意绘制的折角,这样看起来更加的真实。 5.使用铅笔工具绘制路径...
标签: PS PS基础
最终效果 1、新建一个900 * 650像素,分辨率为72的画布,背景填充淡紫色:#ECACCE,如下图。 2、新建一个组,用钢笔勾出心形轮廓,转为选区后给组添加图层蒙版。如果嫌麻烦,可以直接使用素材图3,直接右键选择图片另存为,然后在PS中打开,素材为PNG格式,可直接使用。 3、在组里新建一个图层,选择渐变工具,颜色设置为红色至...

经验教程

364

收藏

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