UI教程,设计日历主题图标(5)插图

UI教程,设计日历主题图标(5)

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

UI教程,设计日历主题图标(4)插图

UI教程,设计日历主题图标(4)

双击图层样式添加投影 新建一层文字层,打上数字,颜色为黑色,调整好位置和大��Alt+v+e弹出水平线对话框,拉出一条水平为50%,一条垂直为50%的水平线,以便我们调整位置。 复制下方的圆角矩形到最顶层,Ctrl+t调

广告位
UI教程,设计日历主题图标(3)插图

UI教程,设计日历主题图标(3)

内阴影。 内发光 渐变叠加 外发光 现在的效果如图所示: 新建一个圆角矩形,填充白色,调整好参数和位置:

天气图标,设计扁平化风格的天气主题图标(7)插图

天气图标,设计扁平化风格的天气主题图标(7)

这套天气图标包括彩虹、太阳、雨天和雨伞几个图标,而且篇平化的图标设计起来没什么难度,教程运用了很多实用小技巧来制作,大家一起来学习。这篇翻译教程用的是CC2015版本的软件,其他版本一样制作即可。 最终效果

天气图标,设计扁平化风格的天气主题图标(2)插图

天气图标,设计扁平化风格的天气主题图标(2)

第六步 让我们在彩虹的两端弄两朵云。 使用椭圆工具(U)在彩虹的左下角画一个蓝色的小圆。 再添加几个的不同尺寸小圆。 按住(Control+G)把组成云彩的各个元素放到一组,并(Control+J)复制一组云。 放复制后

天气图标,设计扁平化风格的天气主题图标(6)插图

天气图标,设计扁平化风格的天气主题图标(6)

第四步 在颜色面板选择浅黄色,在太阳图层上层的剪贴蒙板图层,加一些柔和的锈迹纹理。 选用深黄色在太阳主体的底部稍微加一些阴影。 将所有阳光合并到一个图形中,同样也给它们加一层剪贴蒙板。 第五步 我们移步到

天气图标,设计扁平化风格的天气主题图标(5)插图

天气图标,设计扁平化风格的天气主题图标(5)

第四步 现在我们绘制一个带曲形手把的木质伞柄。 使用圆角矩形工具(U)画一个4pt 橘黄色的描边,无填充颜色。像下图展示的一样。 在图层面板点击右键栅格化图层,以便之后的编辑。 第五步 使用矩形选区工具(M)删

天气图标,设计扁平化风格的天气主题图标(4)插图

天气图标,设计扁平化风格的天气主题图标(4)

3. 画一个阴雨天的图标 第一步 使用椭圆工具(U)画一个200 x 200 px蓝色正圆。 在左右两侧加些小圆,使云彩看着萌一点。 第二步 选择所有的圆,然后图层菜单合并形状。 前往图层面板,鼠标右键单击合并好的云图层

天气图标,设计扁平化风格的天气主题图标(3)插图

天气图标,设计扁平化风格的天气主题图标(3)

第十二步 现在我们用橡皮工具(E)擦掉图标上没有用的阴影。 把图标的底色和阴影的颜色都调的浅一点。 我们的扁平化彩虹图标这就做好了! 下面我们移步下一个图标。 2. 画一个暖春的太阳图标 第一步 这一次我们要做

天气图标,设计扁平化风格的天气主题图标插图

天气图标,设计扁平化风格的天气主题图标

这套天气图标包括彩虹、太阳、雨天和雨伞几个图标,而且篇平化的图标设计起来没什么难度,教程运用了很多实用小技巧来制作,大家一起来学习。这篇翻译教程用的是CC2015版本的软件,其他版本一样制作即可。

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部