Adobe illustrator 案例十二:视频播放(Media & Video)图标绘制

一、 绘制视频框主体

  • 准备与绘制基础矩形: 确保已在"视图"菜单中开启"对齐网格"。在属性面板或工具栏将"填充"设为"无"(带有红色斜杠的方块),"描边"设为黑色(1 pt)。按下键盘快捷键 M 选择"矩形工具",在画布网格的合适位置拖拽,绘制出一个长方形作为视频播放器的主体外框。

  • 显示边角构件: 按下快捷键 V 切换到"选择工具"(黑箭头),点击选中刚刚画好的矩形。此时,矩形内侧的四个角附近会自动浮现出四个带有圆心的小圆点,这被称为"边角构件"(Live Corners)。

  • 拖拽形成统一圆弧: 用鼠标按住四个边角构件中的任意一个小圆点,向矩形的中心方向(向内)拖拽。由于此时使用的是"选择工具"且处于整体选中状态,四个直角会自动联动,同步向内收缩变成完美的圆角。弧度达到预期后松开鼠标即可。

二、 绘制底部进度条

  • 切换工具: 在左侧工具栏找到"直线段工具"(快捷键 \ )。

  • 强制水平绘制: 在圆角矩形下方合适的位置点击并按住鼠标左键,在向右拖动的过程中按住 Shift 键。Shift 键能将线条角度强制锁定在 0 度,确保画出一条绝对水平的直线。

  • 圆滑端点处理: 观察标准图标可以发现线条首尾是圆弧状的。按下 V 键切换到选择工具选中该线条,在右侧"属性"面板点击带有虚线下划线的"描边"字样,在弹出的详细面板中将"端点"设置为"圆头端点"(Round Cap)。

三、 绘制进度滑块小圆

  • 切换工具: 按下快捷键 L 切换到"椭圆工具"。

  • 中心点吸附定位: 确保已开启"智能参考线"(快捷键 Ctrl+U,Mac 为 Cmd+U)。将光标移动到刚才绘制的直线上偏右侧的位置,等待光标自动吸附到线条上,当出现紫色的"路径"或"交叉"提示词时,代表已精准定位在直线上。

  • 组合键精准绘制: 以该点为圆心,按下鼠标左键向外拖动。在拖动的同时,同时按住键盘上的 Alt 键(Mac 为 Option 键,作用是以落笔点为中心向外扩散)和 Shift 键(作用是强制为正圆)。

  • 完美定型(关键顺序): 当小圆达到合适大小时,严格执行先松开鼠标左键,最后再松开 Alt 和 Shift 键的顺序。这样圆心就会完美地卡在直线的正中央,不会发生偏移。

四、 绘制播放键正三角形

  • 切换工具: 在左侧工具栏中长按"矩形工具"或"椭圆工具"图标,在弹出的隐藏菜单中选择"多边形工具"。

  • 设定边数(核心知识点): 多边形工具默认画出的是六边形,在 v29.8.1 中,有两种标准方法可以精准画出三角形:

    • 方法一(参数法,最精准): 在画布空白处直接单击一下鼠标左键 ,在弹出的"多边形"对话框中,将"边数"修改为 3,点击确定,即可生成一个底边绝对水平的正三角形。

    • 方法二(快捷键法,最高效): 按住鼠标左键在画布上拖拽,在不松开鼠标的情况下,连续按键盘上的"向下方向键(↓)" ,直到图形递减变为三角形。此时按住 Shift 键,确保三角形的底边水平,然后再松开鼠标。

五、 旋转对齐与细节修饰

  • 触发旋转状态: 按下快捷键 V 切换到"选择工具",选中刚刚画好的三角形。将鼠标光标移动到三角形外侧任意一个顶角附近,稍微拉开一点距离,直到光标变成一个"弧形的双向箭头"。

  • 强制角度旋转: 按住鼠标左键准备旋转,此时必须同时按住键盘上的 Shift 键。

  • 精准定型: 顺时针拖拽鼠标,由于按住了 Shift 键,软件会强制按照 45° 的倍数进行吸附停顿。当你感觉到旋转了两次(即正好 90 度)时,三角形就会笔直地指向右侧。先松开鼠标,再松开 Shift 键。

  • 对齐与圆角修饰:

    • 利用智能参考线,将旋转好的播放键移动到上方圆角矩形的正中心对齐。

    • 保持三角形被选中状态,在"属性"面板的"描边"设置中,勾选"圆角连接"(Round Join)。这一步能消除三角形过于锋利的三个尖角,使其与整个图标的圆润风格保持高度一致。

相关推荐
叼烟扛炮1 小时前
Linux 学习笔记(五十四):内网穿透实战——用 frp 让外网访问你的私人电脑
linux·服务器·网络·笔记·学习
旖旎夜光2 小时前
【C++ 基础入门】C++ 继承(上):概念、切片、隐藏、默认成员函数与友元
c++·笔记·学习
叼烟扛炮2 小时前
[LangChain] 学习笔记(05):提示词模板(Prompt)与少样本注入(Few-Shot)实战
linux·人工智能·笔记·学习·langchain·prompt
La Pulga14 小时前
【FreeRTOS源码学习笔记】任务延时列表
笔记·mcu·学习·嵌入式·freertos·实时操作系统
Peter-OK19 小时前
PostgreSQL学习笔记(入门-进阶-精通说明)
笔记·学习·postgresql
成都蜀味缘餐饮技术培训学校21 小时前
手撕烤兔技术培训实战指南,秘制腌料配方比例与调制手法
大数据·经验分享·笔记·其他·微信公众平台
行者-全栈开发1 天前
【鸿蒙心迹】国际化 i18n 与多语言资源管理实战(HarmonyOS 7.x)
ui·华为·重构·国际化·harmonyos·多语言
希和20271 天前
免费AI视频生成工具汇总(国内优先,适合做漫剧、短视频,Obsidian笔记版)
人工智能·笔记·音视频
蒸蒸yyyyzwd1 天前
秋招学习笔记 day109
笔记·八股