psschool 发表于 2017-8-17 00:00:00

PS图标设计:制作日历主题风格的APP图标设计教程

最终效果：

http://www.06ps.com/d/file/2017/0817/1502931272827.jpg

下面一起来学习吧：

http://www.06ps.com/d/file/2017/0817/1502931273687.jpg

步骤一：首先新建画布900px*900px画布，命名为日历图标，为背景添加图层样式。

http://www.06ps.com/d/file/2017/0817/1502931274343.png

http://www.06ps.com/d/file/2017/0817/1502931275733.jpg

http://www.06ps.com/d/file/2017/0817/1502931277649.jpg


               
               
步骤二：使用圆角矩形工具、绘制一个530px*530px圆角半径为90px底座，并为它添加图层样式。

http://www.06ps.com/d/file/2017/0817/1502931278606.png

http://www.06ps.com/d/file/2017/0817/1502931279301.png

http://www.06ps.com/d/file/2017/0817/1502931281670.png

http://www.06ps.com/d/file/2017/0817/1502931282576.jpg

http://www.06ps.com/d/file/2017/0817/1502931283283.png

http://www.06ps.com/d/file/2017/0817/1502931285489.jpg


               
               
步骤三：高逼格的底座一下就出来了，有木有!!!接下来继续使用圆角矩形工具、绘制一个398px*398px圆角半径为40px日历，并为它添加图层样式。

http://www.06ps.com/d/file/2017/0817/1502931286960.png

http://www.06ps.com/d/file/2017/0817/1502931287582.jpg

http://www.06ps.com/d/file/2017/0817/1502931288113.jpg

步骤四：复制日历图层，将复制的图层移动到合适的位置。

http://www.06ps.com/d/file/2017/0817/1502931290121.png

步骤五：再次复制日历图层，利用形状图层布尔运算，减去顶部，命名为变形图层，并合并形状组件。

http://www.06ps.com/d/file/2017/0817/1502931291237.png


               
               
步骤六：我们复制变形图层吧， ctrl+t调整中心点垂直翻转一下，调节高度，右键透视调节合适形状，合并两个形状清除之前的图层样式，并从新添加图层样式吧。

http://www.06ps.com/d/file/2017/0817/1502931293267.png

http://www.06ps.com/d/file/2017/0817/1502931294956.png

http://www.06ps.com/d/file/2017/0817/1502931295226.png

http://www.06ps.com/d/file/2017/0817/1502931297329.jpg

http://www.06ps.com/d/file/2017/0817/1502931298566.jpg

http://www.06ps.com/d/file/2017/0817/1502931299580.jpg

http://www.06ps.com/d/file/2017/0817/1502931301435.jpg


               
               
步骤七：现在我们来绘制右侧装饰，制一个14px*56px圆角半径为3px的矩形颜色为#101010，并为它添加图层样式。

http://www.06ps.com/d/file/2017/0817/1502931302979.jpg

http://www.06ps.com/d/file/2017/0817/1502931303951.jpg

http://www.06ps.com/d/file/2017/0817/1502931304394.jpg

步骤八：选择椭圆工具，绘制一个宽高8px*4px的椭圆，并添加高斯模糊命令，复制出另外三个并移动到合适位置。

http://www.06ps.com/d/file/2017/0817/1502931306327.jpg

http://www.06ps.com/d/file/2017/0817/1502931307541.png

http://www.06ps.com/d/file/2017/0817/1502931308516.jpg


               
               
步骤九：将右侧装饰打组，复制装饰组移动到左侧位置。

http://www.06ps.com/d/file/2017/0817/1502931310141.jpg

步骤十：现在我们来绘制文字部分，字体方正兰亭黑简体 R.大小200点，颜色为#92181a，复制文字，将两个文字右键栅格化文字，删除不需要的位置。

http://www.06ps.com/d/file/2017/0817/1502931311522.jpg

http://www.06ps.com/d/file/2017/0817/1502931312343.png

http://www.06ps.com/d/file/2017/0817/1502931314729.png

步骤十一：将文字下图层，ctrl右键执行透视效果，并添加图层样式。

http://www.06ps.com/d/file/2017/0817/1502931315766.jpg

http://www.06ps.com/d/file/2017/0817/1502931317977.jpg

http://www.06ps.com/d/file/2017/0817/1502931318378.jpg

http://www.06ps.com/d/file/2017/0817/1502931319373.jpg


               
               
步骤十二：现在我们来绘制最后一个横线吧，用直线工具、绘制一个宽度360px粗细3px的直线，为它添加图层样式，并添加高斯模糊效果就完成这个案例了哦。

http://www.06ps.com/d/file/2017/0817/1502931320278.jpg

http://www.06ps.com/d/file/2017/0817/1502931322949.jpg

http://www.06ps.com/d/file/2017/0817/1502931323849.jpg

http://www.06ps.com/d/file/2017/0817/1502931325462.png
页: [1]
查看完整版本: PS图标设计:制作日历主题风格的APP图标设计教程