ps在线教程:创作纹理海报

在日常生活中,无论是社交分享、简历制作还是设计需求,我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件,其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景,操作简便、无需下载安装,直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps(zaixianpss.com),随后我们将用它来实现纹理海报效果。


步骤 1 – 打开 在线ps,创建背景画布

1️⃣ 打开 在线ps(zaixianpss.com) “新建项目”。

2️⃣ 设置:

  • 宽度:750 像素
  • 高度:1000 像素
  • 背景内容:白色

3️⃣ 点击 确定,得到默认的 “背景” 图层。

步骤 2 – 新建填充红色图层

1️⃣ Shift+Ctrl+N(Windows)/ Shift+⌘+N(Mac) 新建图层,名称默认 “图层 1”。

2️⃣ 选中 “图层 1”,按 Shift+F5 打开 “填充” 对话框。

3️⃣ 颜色设为 #ff0000(鲜红),点击 确定。

步骤 3 – 创建第二块画布并解锁

1️⃣ 再次 Ctrl+N(新建),设定:

  • 宽度:500 像素
  • 高度:750 像素
  • 背景内容:白色

2️⃣ 确定后会出现新的 “背景” 图层,双击该图层并 确定,将其解锁,名称会自动改成 “图层 0”。

步骤 4 – 手绘颜料块

1️⃣ 选中 “图层 0”,按 B 选择画笔工具。

2️⃣ 依次切换前景色,随意在画布上点几下:

  • #000000(黑)
  • #a0a0a0(灰)
  • #cfa972(米黄)
  • #ffffff(白)

步骤 5 – 转换为智能对象

在 “图层 0” 上点击 右键 → “转换为智能对象”(也可以在顶部菜单 图层 → 智能对象 → 转换为智能对象)。

步骤 6 – 液化变形

1️⃣ 选中 “图层 0”,使用 Shift+Ctrl+X 打开 液化(Liquify)面板。

2️⃣ 在液化面板中,选择左侧工具栏里的 “向前变形”(Forward Warp)。

3️⃣ 用鼠标在图像上轻轻拖动,塑造你喜欢的纹理形状。

4️⃣ 完成后点击 确定。

步骤 7 – 渐变映射调色

1️⃣ 设置前景色为 #0e0561(深蓝),背景色为 #ff0000(红)。

2️⃣ 菜单 图层 → 新建调整图层 → 渐变映射…,点击 确定,得到 “渐变映射 1” 图层。

3️⃣ 双击 “渐变映射 1” 的图标打开属性面板,点击渐变条选择 “前景色到背景色” 渐变。

步骤 8 – 复制圆形选区

1️⃣ 在 “图层 1”(上一步的盖印图层)上按 Ctrl+Alt+Shift+E(盖印可见图层),得到 “图层 1”(与原层同名,实际是新图层)。

2️⃣ 选中该图层,按 M 选择 椭圆选框工具。

3️⃣ 按住 Shift 绘制一个正圆选区(大小随意),完成后 Ctrl+C 复制选区内容。

步骤 9 – 粘贴并调整第一个圆形

1️⃣ 回到最初的 背景画布(750 × 1000),Ctrl+V 粘贴复制的圆形,得到 “图层 2”。

2️⃣ 选中 “图层 2”,按 Ctrl+T(自由变换),拖动调节大小、位置后按 Enter 确认。

步骤 10 – 粘贴并调整第二个圆形

重复 步骤 8 中的复制操作,再次 Ctrl+V,得到 “图层 3”。

同样使用 Ctrl+T 调整大小、位置,使两个圆形形成层次感。

步骤 11 – 填充图层颜色

选中 “图层 1”(盖印图层),再次使用 Shift+F5 填充。

颜色设为 #e60012(鲜红),点击 确定。

步骤 12 – 添加文字

1️⃣ 按 T 选择 文字工具。

2️⃣ 在画布任意位置点击,输入你想要的标题、口号或说明文字(例如 “纹理海报”)。

3️⃣ 调整字体、大小、颜色(推荐使用白色或与背景形成高对比的颜色),满意后回车确认。

✅ 完成!现在你已经拥有一张使用 ps在线 创作的纹理海报。


参考资料

  • Adobe Photoshop官方文档
  • HTML5与现代前端图片处理原理
  • 在线ps