PhotoVim 使用方法

带阴影和光束的运动鞋粉末爆炸广告

难度 · 中级 更新于 2026-09-28

用透明的运动鞋以及红色和蓝色粉末图层制作一张商品广告。一步一步用蒙版添加柔和的地面阴影、光束和前景粒子。

在 YouTube 上观看

英文编辑器和字幕 · 95 秒

在每一步暂停,跟着屏幕上的快捷键操作。练习文件中包含单独的源图层;视频是录制的界面操作演示。

步骤

点按步骤图片可查看大图

  1. 创建新文档

    在开始屏幕上单击“新建文档(New document)”(或“文件(File) > 新建(New…)”,Ctrl+Alt+N)。在“宽度(Width)”中输入 1536,在“高度(Height)”中输入 1024,然后单击“创建(Create)”。

    点击的位置 — 创建新文档
    创建新文档 — 带阴影和光束的运动鞋粉末爆炸广告
  2. 置入背景

    选择“文件(File) > 置入嵌入对象(Place Embedded…)”,选择 01_BACKGROUND.png。会出现一个带方形手柄的框:在框内拖动可移动,拖动角上的手柄可调整大小(比例保持不变)。按 Enter 完成。

    点击的位置 — 置入背景
    置入背景 — 带阴影和光束的运动鞋粉末爆炸广告
  3. 添加蓝色和红色粉末

    置入 03_BLUE_POWDER_ALPHA.png,拖到合适位置并按 Enter。然后用同样的方法置入 02_RED_POWDER_ALPHA.png。最新的图层总是位于最上方。

    添加蓝色和红色粉末 — 带阴影和光束的运动鞋粉末爆炸广告
  4. 置入运动鞋

    选择“文件(File) > 置入嵌入对象(Place Embedded…)”,选择 04_SHOE_ALPHA.png。会出现一个带方形手柄的框:在框内拖动可移动,拖动角上的手柄可调整大小(比例保持不变)。按 Enter 完成。将其调整为宽度的三分之二左右,并移到中央。

    置入运动鞋 — 带阴影和光束的运动鞋粉末爆炸广告
  5. 绘制地面阴影

    在“图层(Layers)”面板中单击 01_BACKGROUND,然后单击“图层(Layers)”面板底部的“创建新图层(Create a new layer)”按钮(带加号的方框)。按 M 选择选框工具,再按 Shift+M 直到选中“椭圆选框工具(Elliptical Marquee)”。在鞋子下方拖出一个扁平的椭圆。按 D 设为黑色,按 Alt+Backspace 填充,然后按 Ctrl+D 取消选择。

    点击的位置 — 绘制地面阴影
    绘制地面阴影 — 带阴影和光束的运动鞋粉末爆炸广告
  6. 柔化阴影

    选择“滤镜(Filter) > 模糊(Blur) > 高斯模糊(Gaussian Blur…)”,在“半径(Radius)”中输入 30,然后单击“确定(OK)”。在“图层(Layers)”面板右上方的“不透明度(Opacity)”框中输入 70 并按 Enter。

    点击的位置 — 柔化阴影
    点击的位置 — 柔化阴影
    柔化阴影 — 带阴影和光束的运动鞋粉末爆炸广告
  7. 绘制光束

    单击“图层(Layers)”面板底部的“创建新图层(Create a new layer)”按钮(带加号的方框)。打开“图层(Layers)”面板左上方的混合模式列表(显示为“正常(Normal)”),选择“滤色(Screen)”。单击左侧工具栏底部上方的颜色方块(前景色)。在 # 框中输入 3D8BFF,然后单击“确定(OK)”。按 B,将“大小(Size)”设为 28,再按四次 Shift+[。单击光束的起点,按住 Shift 键再单击终点,即可绘制一条直线。

    点击的位置 — 绘制光束
    绘制光束 — 带阴影和光束的运动鞋粉末爆炸广告
  8. 把一些粒子放到前面

    单击 02_RED_POWDER_ALPHA,按 Ctrl+J,然后按 Ctrl+Shift+](“图层(Layer) > 排列(Arrange) > 置为顶层(Bring to Front)”)。按住 Alt 键并单击“图层(Layers)”面板底部的“添加蒙版(Add mask)”按钮。会得到一个隐藏整个图层的黑色蒙版(与“图层(Layer) > 图层蒙版(Layer Mask) > 隐藏全部(Hide All)”相同)。按 X 切换为白色,将“大小(Size)”设为 110,按 5 设为 50%,在鞋底周围绘画。

    点击的位置 — 把一些粒子放到前面
    把一些粒子放到前面 — 带阴影和光束的运动鞋粉末爆炸广告
  9. 提亮并比较

    在“图层(Layers)”面板底部单击半黑半白的圆形图标(创建新的填充或调整图层),选择“亮度/对比度(Brightness/Contrast)”(或“图层(Layer) > 新建调整图层(New Adjustment Layer) > 亮度/对比度(Brightness/Contrast)”)。其设置会在“属性(Properties)”面板中打开。在“亮度(Brightness)”中输入 35,在“对比度(Contrast)”中输入 20。单击图层左侧的眼睛图标将其关闭和打开,比较前后效果。

    点击的位置 — 提亮并比较
    点击的位置 — 提亮并比较
    点击的位置 — 提亮并比较
    提亮并比较 — 带阴影和光束的运动鞋粉末爆炸广告
值得了解

如果浏览器快捷键抢先生效,请使用编辑器菜单中对应的命令。请保留源文件,在副本上练习。

在编辑器中试试

常见问题

这个教程需要 Photoshop 吗?

不需要。每一步都在浏览器中的 PhotoVim 里完成,无需安装任何东西。菜单名称和快捷键沿用 Photoshop,如果你已经在用 Photoshop,会觉得这些步骤很熟悉。

如何绘制笔直的光束?

单击光束的起点,按住 Shift 键再单击终点。画笔会在两次单击之间绘制一条直线。