养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

PS如何绘制扁平风的超椭圆图标

时间:2024-09-20 15:05:42

扁平的几何图形在现代社会也可以传递信息。本经验以一个录音图标的小案例带大家练习绘制超椭圆图标

工具/原料

联想H61

Windows7旗舰版6.1

AdobePhotoshop201819.1.9

方法/步骤

1、PS建立方形画布后,使用椭圆工具绘制一个正圆的形状,填充色为#40ef7e

PS如何绘制扁平风的超椭圆图标

2、接着执行自由变换,点击属性栏的变形按钮,选择变形为“膨胀”

PS如何绘制扁平风的超椭圆图标

PS如何绘制扁平风的超椭圆图标

3、这是变形之后的形状。媚矩碌踝往下的垂直方向去拖动最上方的锚点,使其变成介于圆和方的形状。当然圆角的弧度多大这里没固定的要求看自己想要的效果。觉得合适了点击上方对钩按钮提交变换

PS如何绘制扁平风的超椭圆图标

PS如何绘制扁平风的超椭圆图标

4、绘制圆角矩形作为话筒,颜色调为白色

PS如何绘制扁平风的超椭圆图标

5、再绘制一个正圆形状,填充色为#86fbaf。小白工具去掉最上方的锚点得到半圆的形状作为底托再移动到之前图层的下面

PS如何绘制扁平风的超椭圆图标

6、现螅岔出礤在两个基础形状已绘制好了。给椭圆2图层添加投影效果,投影颜色这里我设定为#06140d。开点距离,使投影往下移动一些。大小合适为宜,再降低投影不透明度

PS如何绘制扁平风的超椭圆图标

PS如何绘制扁平风的超椭圆图标

7、上方的圆角矩形一样要加毓膺磊阡投影细节。考虑到它投影的情况不方便用图层样式做,就用下面的方法来做。拷贝圆角矩形1填充投影色值为#06140d与前面的投影颜色统一,并移动图层到下面

PS如何绘制扁平风的超椭圆图标

8、打开图层眼睛便于观察。向右移动一些距离使投影移动到图形右边

PS如何绘制扁平风的超椭圆图标

9、图层从矢量图层转换为智能对象,加点高斯模糊做出投影的虚化,再降低不透明度到50%

PS如何绘制扁平风的超椭圆图标

10、话筒形状有些多余的投影是需要去掉的。按ctrl键载入椭圆2形状的选区,选择投影图层按alt键点击蒙版按钮可以隐藏椭圆2形状上的投影

PS如何绘制扁平风的超椭圆图标

PS如何绘制扁平风的超椭圆图标

PS如何绘制扁平风的超椭圆图标

11、最终一个简单的扁平风的录音图标制作足薏篇瓜完成。大家可以参考我的经验绘制这样扁平风的超椭圆图标。如果对你有帮助,别忘记给辛苦码字的小编点赞,你的支持是我写作的动力

PS如何绘制扁平风的超椭圆图标

© 一点知识