位置:首页 > 行业软件 > PS超椭圆图标扁平风一步一步绘制方法详解

PS超椭圆图标扁平风一步一步绘制方法详解

时间:2026-07-22  |  作者:318050  |  阅读:0

本文以录音话筒为例,教你用Photoshop绘制扁平风格的超椭圆图标。从基础形状到投影细节,完整呈现设计流程。新手和老手都能轻松跟上。

步骤一:绘制超椭圆基础形状

在PS中新建一个方形画布。

选择椭圆工具,按住Shift键绘制一个正圆。

填充色设置为#40ef7e

步骤二:变形为超椭圆

选中圆形图层,执行自由变换(快捷键Ctrl+T)。

点击属性栏中的变形按钮,从下拉菜单中选择“膨胀”变形。

图形会变成类似花瓣的形状。

接着,使用直接选择工具(小白工具)选中图形最上方的锚点。

垂直向下拖动,使图形逐渐变成介于圆与方之间的圆角形状。

弧度的调整没有固定标准,根据个人喜好调整即可。

调整满意后,点击属性栏上方的对钩按钮提交变换。

小提示:拖动锚点时,可以同时按住Shift键保持垂直方向,让图形更对称。

步骤三:绘制话筒主体

选择圆角矩形工具,绘制一个圆角矩形作为话筒头部。

填充色设置为白色(#ffffff)。

步骤四:绘制话筒底托

使用椭圆工具绘制一个正圆,填充色为#86fbaf

使用直接选择工具(小白工具)选中并删除正圆最上方的锚点。

得到一个半圆形状,作为底托。

将该半圆图层移动到话筒图层下方。

小提示:删除锚点后,半圆可能不完美,可以微调两侧锚点手柄使其平滑。

步骤五:为超椭圆(底托)添加投影

选中超椭圆图层(椭圆2),点击图层面板下方的添加图层样式按钮,选择投影

设置投影颜色为#06140d

调整距离使投影向下移动。

大小调节至合适,并适当降低不透明度

步骤六:为话筒(圆角矩形)添加投影

话筒形状的投影,用图层样式难以精确控制。我们采用手动方法。

拷贝圆角矩形1图层(快捷键Ctrl+J)。

将拷贝图层填充色改为#06140d(与之前的投影颜色统一)。

将该图层移动到原话筒图层下方。

打开该拷贝图层的眼睛,使用移动工具将其向移动一段距离。

使投影出现在话筒右侧。

步骤七:虚化投影

选中该投影图层,右键点击图层选择转换为智能对象

执行菜单:滤镜 → 模糊 → 高斯模糊

设置合适的模糊半径(如3-5像素),使投影边缘柔和。

最后将该图层的不透明度降低至50%

步骤八:去除多余投影

话筒上方有一部分投影应该被超椭圆形状遮挡,需要将其隐藏。

按住Ctrl键并点击椭圆2图层的缩略图,载入其选区。

选中投影图层,点击图层面板下方的添加图层蒙版按钮。

推荐按住Alt键点击蒙版,这样选区内的投影会被隐藏,达到正确效果。

小提示:如果蒙版效果相反,可以按Ctrl+I反向蒙版。若投影边缘过于生硬,可对蒙版使用高斯模糊过渡。

步骤九:完成与调整

现在一个简洁的扁平风录音图标就完成了。

你可以整体调整颜色、位置或添加更多细节(如背景、高光等)。

按照以上步骤,你就能轻松绘制出类似的扁平风超椭圆图标。如果对你有帮助,记得点赞支持。

常见问题

  • 问:变形为“膨胀”后,图形变成了花瓣状,怎么恢复正常?
    答:可以按Esc取消变形,或者重新选择“膨胀”变形后调整弯曲度参数。如果已经提交变换,可以按Ctrl+Z撤销。
  • 问:直接选择工具删除锚点后,半圆形状不完整?
    答:删除锚点后,半圆可能缺少路径闭合。建议先绘制正圆,然后使用钢笔工具或直接选择工具调整路径,或使用布尔运算(如减去顶层形状)来获得准确半圆。
  • 问:投影颜色#06140d看起来太深,可以改其他颜色吗?
    答:当然可以。扁平风投影通常使用比主色更暗的同类色,你可以根据主色#40ef7e选择深绿色或灰色,并调整不透明度达到柔和效果。
  • 问:为什么我按Alt点击蒙版后,投影反而消失了?
    答:按住Alt点击蒙版会创建黑色蒙版,隐藏选区内的内容。如果你希望隐藏选区外的投影,则直接点击蒙版(白色蒙版)再按Ctrl+I反向。请根据实际情况选择。

来源:整理自互联网
免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。

相关文章

更多

精选合集

更多

大家都在玩

热门话题

大家都在看

更多