分享

PS新手教程篇:做一个偏写实风格的UI设计图标

 有无资料收藏馆 2017-02-23

圆角矩形工具

PS新手教程篇:做一个偏写实风格的UI设计图标

画一个圆角矩形,大小随意

PS新手教程篇:做一个偏写实风格的UI设计图标

按,alt v e建立参考线

PS新手教程篇:做一个偏写实风格的UI设计图标

双击圆角矩形图层 调出图层样式,渐变叠加 调一个 灰到黑的渐变~

PS新手教程篇:做一个偏写实风格的UI设计图标

添加投影 设置看图

PS新手教程篇:做一个偏写实风格的UI设计图标

内阴影

PS新手教程篇:做一个偏写实风格的UI设计图标

ctrl j 复制圆角矩形

PS新手教程篇:做一个偏写实风格的UI设计图标

PS新手教程篇:做一个偏写实风格的UI设计图标

右键清除图层样式(不是拷贝的圆角矩形这个图层)

把填充调为零

PS新手教程篇:做一个偏写实风格的UI设计图标

调处 图层样式,添加投影,把图层挖空那个选项勾掉(我把拷贝的圆角矩形 眼睛关闭了)

PS新手教程篇:做一个偏写实风格的UI设计图标

PS新手教程篇:做一个偏写实风格的UI设计图标

再把 拷贝圆角矩形图层眼睛打开,鼠标选中填充调为零的那个图层。按住ctrl在按两下 下键(那个下就是 玩炫舞那个 上下左右那个键,在键盘右边自己找下)按2—3下 往下移动两到三个像素,作为阴影

椭圆工具

PS新手教程篇:做一个偏写实风格的UI设计图标

PS新手教程篇:做一个偏写实风格的UI设计图标

p 选择转换点 工具

PS新手教程篇:做一个偏写实风格的UI设计图标

点击 椭圆下面

PS新手教程篇:做一个偏写实风格的UI设计图标

就会变尖了

PS新手教程篇:做一个偏写实风格的UI设计图标

添加锚点,自己调下 看起来是椭圆

PS新手教程篇:做一个偏写实风格的UI设计图标

稍微有点弧度

调节后的椭圆

PS新手教程篇:做一个偏写实风格的UI设计图标

右键创建 剪辑蒙版,或者ctrl shift alt g 在或者按住alt在两个图层中间点击下,把调节的椭圆剪进圆角矩形

PS新手教程篇:做一个偏写实风格的UI设计图标

这一步 可能有人要问了,为什么剪进去 椭圆不见了?别急双击圆角矩形调处图层样式 看图设置,椭圆就会出现

PS新手教程篇:做一个偏写实风格的UI设计图标

接着多边形工具 画个肉色的三角形。放在这里

PS新手教程篇:做一个偏写实风格的UI设计图标

在剪辑蒙版

PS新手教程篇:做一个偏写实风格的UI设计图标

用钢笔 顺着 三角形的边 勾个领子出来

PS新手教程篇:做一个偏写实风格的UI设计图标

勾好后 ctrl j复制一个 放到另一边ctrl t 右键水平反转,放到合适位置

PS新手教程篇:做一个偏写实风格的UI设计图标

顺着椭圆 弧度在用钢笔 勾个 外套的大领子 填充黑色

PS新手教程篇:做一个偏写实风格的UI设计图标

复制,反转 放到合适位置

PS新手教程篇:做一个偏写实风格的UI设计图标

矩形画个正方形,ctrl t 在上面数值输入旋转45°

PS新手教程篇:做一个偏写实风格的UI设计图标

放到 合适位置

PS新手教程篇:做一个偏写实风格的UI设计图标

按住alt复制一个下来

PS新手教程篇:做一个偏写实风格的UI设计图标

白箭头,路径选择工具

PS新手教程篇:做一个偏写实风格的UI设计图标

按住左键,用虚线选中下面那个锚点,之后松手

PS新手教程篇:做一个偏写实风格的UI设计图标

接着按住左键 点击下面那个锚点,按住shift 一直往下拉

PS新手教程篇:做一个偏写实风格的UI设计图标

好了 如果你觉得领带有点宽的话 ctrl t 让它变瘦点,

矩形工具 画一个宽2px长若干px的一条直线 填充深红色

PS新手教程篇:做一个偏写实风格的UI设计图标

ctrl t放在这个位置

PS新手教程篇:做一个偏写实风格的UI设计图标

ctrl j 复制

PS新手教程篇:做一个偏写实风格的UI设计图标

选中拷贝花纹图层,ctrl t 如下图设置 先点击那个小三角形然后再 y轴输入-10,-10是距离如果觉得太小数字可以自有改

PS新手教程篇:做一个偏写实风格的UI设计图标

数字输完后,敲回车两下,同时鼠标还是在花纹拷贝图层上,同时按住ctrl shift alt t连续复制,效果如图所示

PS新手教程篇:做一个偏写实风格的UI设计图标

找到 领带这两个图层 ctrl e 合并 ,成为一个图层

PS新手教程篇:做一个偏写实风格的UI设计图标

再把所有复制的花纹图层也合并成一个图层,花纹图层置于领带图层上面,创建剪辑蒙版,效果如下图

PS新手教程篇:做一个偏写实风格的UI设计图标

再给 领带图层创建剪辑蒙版,把多余的剪进去

PS新手教程篇:做一个偏写实风格的UI设计图标

找到 箭头标注的这个图层,添加图层样式,渐变叠加 阴影,数值 如下图

PS新手教程篇:做一个偏写实风格的UI设计图标

PS新手教程篇:做一个偏写实风格的UI设计图标

右键拷贝这个领子的图层样式,在右键粘贴到对面的领子上

PS新手教程篇:做一个偏写实风格的UI设计图标

接着给 西装领子图层,

PS新手教程篇:做一个偏写实风格的UI设计图标

PS新手教程篇:做一个偏写实风格的UI设计图标

添加图层样式,渐变叠加 一个从灰到黑的渐变,还有阴影,数值如下图

重复刚刚的,复制图层样式 在粘贴到对面

PS新手教程篇:做一个偏写实风格的UI设计图标

最终给领带图层添加 图层样式,斜面浮雕,和外发光,使领带立体感更强,

PS新手教程篇:做一个偏写实风格的UI设计图标

PS新手教程篇:做一个偏写实风格的UI设计图标

如果你是一名追求完美的同学,最后可以给领带做一个领带夹,用矩形画一个长条,添加一像素 白色的内阴影

PS新手教程篇:做一个偏写实风格的UI设计图标

附上最终效果图,本次教程到此结束

PS新手教程篇:做一个偏写实风格的UI设计图标

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多