ps UI设计教程:设计扁平化风格图片(4)插图

ps UI设计教程:设计扁平化风格图片(4)

我们先来看看最终的效果图吧: 扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成

ps UI设计教程:设计扁平化风格图片(2)插图

ps UI设计教程:设计扁平化风格图片(2)

步骤 2 :创建笔记本 同样创建圆角矩形,参数如下: 然后复制一层,快捷键A来到选择工具,减少16px,调整高度为432px。 完成后继续复制一层,依上高度改为416px,填充颜色改为# f3f3f3,完成后如图: 笔记本雏形完

广告位
ps UI设计教程:设计扁平化风格图片(3)插图

ps UI设计教程:设计扁平化风格图片(3)

现在创建笔尖,如法炮制一个三角形,大小为32x32px,颜色填充为#474f57,移动到笔头处对齐,创建为剪切蒙版,如图: 成果快出现咯,现在给它加个橡皮擦。 创建一个圆角矩形,宽高是64x96px,半径是20px,颜色填充#

ps设计倒计时图标插图

ps设计倒计时图标

使用PS绘制IOS7风格倒数计时器,教程严格来说算是一个ICON制作教程吧,教程难度一般,喜欢的一起分享学习了

ps设计倒计时图标(3)插图

ps设计倒计时图标(3)

使用PS绘制IOS7风格倒数计时器,教程严格来说算是一个ICON制作教程吧,教程难度一般,喜欢的一起分享学习了,我们先来看看最终的效果图吧: 图00 具体的绘制步骤如下: 步骤 1 打开Photoshop,新建画布,尺寸730像素4

ps设计倒计时图标(2)插图

ps设计倒计时图标(2)

步骤 5 拉长之后,不要马上按回车确定。再调整直线的角度,顺时针10,按两次回车。设置效果如下图所示。 图06 步骤 6 这一步就按Alt拖直线图层,然后再按Ctrl+T调整角度,直至直线呈放射性分布在圆圈内。效果如下图

简单背景,ps设计IOS风格炫彩背景插图

简单背景,ps设计IOS风格炫彩背景

教大家利用PS制作出这类超级简单又能与自己的界面风格完全搭配的背景图。制作此类背景图的前提是需要一定的色彩理论,当然更需要一双对色彩搭配敏感的眼睛。

ps UI设计教程:设计扁平化风格图片插图

ps UI设计教程:设计扁平化风格图片

今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部