扁平化UI图标设计教程(4)插图

扁平化UI图标设计教程(4)

本文将传授你多样的扁平化设计风格,绝对时髦教程,读完本文,你将轻松掌握时下最热门的设计手法,四种风格包括:常规扁平化、长投影、投影式、渐变式。喜欢的朋友一起来学习吧。 一、常规扁平化 步骤 1: 宽度: 500

扁平化UI图标设计教程(2)插图

扁平化UI图标设计教程(2)

二、长投影 步骤 1: 矩形工具,前景色#000000, 在三角箭头图层以及圆环图层下方画出形状如下图 自由变换,选择45度 为矩形形状添加图层蒙版 在图层蒙版位置按住CMD+左键单击圆角矩形形状图层,然后选择反向 使用油

广告位
扁平化UI图标设计教程(3)插图

扁平化UI图标设计教程(3)

三、 渐变式 步骤 1: 复制圆角矩形图层,然后移动到图层最顶端,填充设置为 0% 步骤 2: 使用钢笔工具,删除一些锚点,然后拖移一些锚点到中心,如下图。 为复制后的图层添加图层样式,如下(正片叠底 不透明度20% 缩

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,颜色填充#

AI绘画教程,绘画扁平化风格的卡通人物插图

AI绘画教程,绘画扁平化风格的卡通人物

今天跟大家讲讲扁平化风格的卡通画法,扁平化风格线条简单,绘画起来十分简单,大家还可以参考这个方法,画一个自己的个人头像。 这个新的教程是非常独特的,不像其他以前我们已经制作的教程,这个教程更像是一个游

AI绘画教程,教你绘制扁平化动物卡通教程(7)插图

AI绘画教程,教你绘制扁平化动物卡通教程(7)

扁平化的最大优点就是绘制容易,这篇教程也一样,十分简单,大家可以通过教程了解一下各种工具的使用,来学。 1. 创建一个优雅的暹罗猫 第1步 首先从一个由椭圆工具(L)制作的60*60 px大小的圆形成猫的脸。 用浅褐

AI绘画教程,教你绘制扁平化动物卡通教程(2)插图

AI绘画教程,教你绘制扁平化动物卡通教程(2)

2,画一个欢快的小狗 第1步 和之前一样,我们首先从一个60 * 60 px的圆中形成一个形象。 将2边的锚点向下移动一点,使形状凸出,然后用橡皮擦工具(Shift-E)擦掉顶部的部分。 用直接选择工具(A)选择左边的锚点,

AI绘画教程,教你绘制扁平化动物卡通教程(6)插图

AI绘画教程,教你绘制扁平化动物卡通教程(6)

第5步 在我们狡猾狐狸的右边添加一个轻柔的影子。 7,创建图标的长投影 第1步 现在我们有了6个扁平化风格的动物形象,让我们将其放在一套彩色的圆之上,创建图标。 制作一个106*106 px大小绿松石色的圆作为图标的底

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部