ps在线教程:荷花形态简约图标
在日常生活中,无论是社交分享、简历制作还是设计需求,我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件,其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景,操作简便、无需下载安装,直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps(zaixianpss.com),随后我们将用它来实现荷花形态简约图标效果。
-
新建画布并绘制圆形
- 打开 在线ps(zaixianpss.com),使用
Ctrl+N新建画布。建议尺寸800×800 px,背景设为透明。 - 左侧工具栏选择 形状工具 → 圆形(
U键),在画布中心点击拖拽绘制一个完整的圆形。 - 在属性栏中确保 填充颜色为
#2c3e50(深蓝/深灰),描边设为无。
- 打开 在线ps(zaixianpss.com),使用
-
对圆形进行膨胀变形(形成花心)
- 选中圆形图层,按
Ctrl+T进入 自由变换。 - 在变换工具栏左上角点击 变形(小网格图标),弹出变形控制点。
- 在上方的 形状变形下拉菜单中选择 膨胀(Bulge)。
- 拖动中心的控制点向 内部 拉伸,使圆形中心略微凹进去(大约 30% 的膨胀强度),完成后按
Enter确认。
- 选中圆形图层,按
-
添加图层样式 – 渐变叠加
- 双击圆形图层打开 图层样式对话框。
- 勾选 渐变叠加,点击渐变条编辑:
- 左侧颜色设为
#2c3e50(深色),透明度 100%。 - 右侧颜色设为
#95a5a6(淡灰),透明度 0%。 - 角度保持
90°,比例设为100%,样式为 线性。 - 点击 确定,圆形会出现由深到淡的渐变效果。
-
制作单个花瓣形状
- 新建一个空白图层,使用形状工具再次绘制 两个相同的圆形(建议半径约为整体宽度的 20%)。
- 为方便观察,先把两个圆的填充色调低不透明度(例如
30%),随后确认它们的相交面积。 - 选中这两个圆形图层,使用
Ctrl+E合并为一个图层。 - 切换至 路径选择工具(
A),确保在 路径面板里处于选中状态。 - 在 路径查找器(顶部工具栏)中选择 相交(Intersect),点击两圆的交集生成一个新的形状(即花瓣的轮廓)。
- 此时路径已自动合并为形状组件。
-
为花瓣添加填充与渐变叠加
- 选中花瓣形状图层,打开 图层样式。
- 将 填充颜色设置为
#000000(或者将不透明度调为 0),确保实际看不到实色。 - 勾选 渐变叠加,创建如下渐变:
- 左侧颜色为
#ffffff(白),透明度100%。 - 右侧颜色同样为
#ffffff,透明度0%。 - 角度设为
90°,使白色从花瓣根部向尖端逐渐淡出。 - 添加另一个图层样式 内发光(Inner Glow):
- 颜色选取比背景色稍淡的蓝灰,例如
#d0e0e5。 - 混合模式保持默认
Screen,大小可设为20px左右。
-
复制、旋转生成完整花瓣阵列
- 确保当前选中的工具仍为 移动/自由变换工具(
V),而不是路径选择工具。 - 按
Alt+Shift+T触发 复制并旋转(Free Transform Duplicate)。 - 出现变换框后,按住
Alt并将变换中心点拖到该花瓣的**末端**(花瓣尖端),确保旋转围绕该点。 - 在属性栏的角度输入框中,输入 **30°**(或你想要的间距角度),确认后会生成一个新花瓣。
- 继续使用快捷键
Ctrl+Alt+Shift+T(重复上一次的自由变换),每次都会在上一次的基础上再复制并旋转相同的角度。 - 重复操作,直到花瓣环绕一周(约 12–14 片)。如果多余,直接选中多余的花瓣图层删除即可。
小技巧:复制时不要使用 路径选择工具,否则新花瓣会被添加到同一个路径组件,导致后期难以单独编辑。保持使用 移动/自由变换工具 即可让每片花瓣生成独立图层。 - 确保当前选中的工具仍为 移动/自由变换工具(
-
对称与细节微调
- 打开 视图 → 新建参考线(
Ctrl+R),在画布中心分别拖出水平、垂直参考线,帮助检查左右对称。 - 如果某些花瓣位置偏离,可选中对应的图层,用
Ctrl+T微调旋转角度或位置。 - 整体选中所有花瓣图层(
Shift+点击),在属性栏中统一设置 **不透明度 95%**,让整体视觉更柔和。
- 打开 视图 → 新建参考线(
-
整体大小与最终导出
- 选中所有图层(包括圆心和花瓣),使用
Ctrl+T将整个图标统一缩放至合适大小。 - 完成后,选择 文件 → 导出为 → PNG(透明),保存至本地。
- 选中所有图层(包括圆心和花瓣),使用
参考资料
- 在线ps
- Adobe 官方文档
- PS 教程网
在线PS