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

20011209hbhd

20011209hbhd

2016-02-15 20:38

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

最终效果图:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

还有内阴影,颜色叠加、

颜色数值如图所示:

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

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

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

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

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

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

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

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

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

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

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

内阴影。

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

内发光

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

渐变叠加

Photoshop绘制立体风格的日历APP图标教程,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教程,图老师教程网

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

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教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

最终效果:

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

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop绘制立体逼真的日历APP图标教程

PS PS基础
Photoshop绘制立体逼真的日历APP图标教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制立体质感的开关APP图标教程

PS PS基础
Photoshop绘制立体质感的开关APP图标教程

Photoshop绘制立体风格红色钟表图标教程

PS PS基础
Photoshop绘制立体风格红色钟表图标教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS绘制超强质感立体APP图标教程

电脑网络
PS绘制超强质感立体APP图标教程

Photoshop绘制立体风格的快门镜头图标

PS PS基础
Photoshop绘制立体风格的快门镜头图标

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出夜景情侣照片唯美艺术效果

Photoshop调出夜景情侣照片唯美艺术效果

Photoshop调出树下美女人像秋季怀旧效果

Photoshop调出树下美女人像秋季怀旧效果
下拉加载更多内容 ↓