ui设计教程 格子APPUI图标教程(2)

来源:网络   作者:热心网友   发布时间:2016-08-09    浏览次数:359


Ctrl+T将其拉宽压扁,如下图所示。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

将图层不透明度调整为10-30%,这里可以根据自己的感觉来调整。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

第4步:

接下来我们创建icon主体。利用圆角矩形工具在画布中心点击,在弹出的对话框中设置数值如下:

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网


第5步:

在圆角矩形上方随意绘制一个比其尺寸大一些的形状,因为我们后面会将其转换为剪贴蒙版,因此形状可随意绘制。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

为创建的形状添加角度渐变。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

然后按住Alt键在角度渐变与圆角矩形中间点击鼠标左键,将其转换为剪贴蒙版。然后在图层名称上点击右键,将其转换为智能对象。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

第6步:

利用马赛克滤镜(滤镜>像素化>马赛克)对其进行分块处理。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

第7步:

将执行了马赛克滤镜的图层Ctrl+J复制一层,同样转换为剪贴蒙版。然后点击滤镜>风格化>照亮边缘。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

教程未完,请看下一页!


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4572.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通