ps横幅制作教程来了！零基础小白也能快速上手。

发布日期： 2025-12-04 阅读量： 作者： admin

今天正好有空，跟大家唠唠我前两天捣鼓那个横幅是咋弄出来的。也没啥特别高深的技术，就是自己瞎琢磨、一步步试出来的。

准备阶段，先搭个架子

嘛肯定得把 Photoshop 打开。我这电脑配置一般，每次开 PS 都得等个小半天，习惯。打开之后，第一件事就是新建画布。点那个左上角的“文件”，再点“新建”。

这时候就得想想这横幅要多大。我当时是给一个网店页面做的，尺寸不能太大也不能太小。琢磨一下，感觉宽度整个 800 像素 左右，高度 250 像素 应该差不多。分辨率嘛网上用的，一般 72 像素/英寸 就够，没必要搞太高，不然文件老大。背景内容我选“白色”，方便后面加东西。颜色模式就用默认的 RGB。

点“创建”之后，一个白板就在那儿。看着空荡荡的，心里大概有个谱，知道接下来要往里填东西。

开始加料，填充内容

空画布肯定不行，得先弄个背景。我一般习惯新建一个图层来搞背景，这样不影响后面的操作，万一搞砸删掉也方便。点击图层面板下面那个小加号图标，就新建一个图层。

这回我没想搞太复杂的背景，就想弄个简单的颜色渐变。选中新图层，找到左边工具栏里的“渐变工具”。在上面选项栏里，点开渐变编辑器，选两个颜色，一个浅蓝一个稍微深点的蓝，弄个从上到下的线性渐变。直接在画布上从上往下一拉，背景色出来，感觉还行。

接下来是放主要内容。我准备放一张产品图和一些文字。先把找好的产品图片拖进 PS 里。图片一般都挺大的，拖进来之后按 Ctrl + T，然后按住 Shift 键拖动角上的控制点，等比例把它缩小到合适的大小，再挪到画布左边或者右边，看排版需要。我当时是放左边。

图片放好后，就该加文字。选中“文字工具”，就是那个 T 图标。在画布上想加文字的地方点一下，就可以开始打字。我打活动标题和几句宣传语。打完字，选中文字，在上面的选项栏或者右边的字符面板里，可以改字体、大小、颜色。字体我选个比较显眼的黑体，颜色用白色，跟蓝色背景对比明显。大小嘛标题大一点，说明文字小一点，得有主次。

调整细节，搞定收工

主体内容放上去之后，看着还是有点生硬。这时候就得调整调整细节。

我先给文字加点效果。选中文字图层，在图层面板下面点那个“fx”图标，选“描边”和“投影”。描边用一像素的白色细边，让文字轮廓更清晰一点。投影加个淡淡的黑色，让文字有点立体感，不会完全贴在背景上。参数都是凭感觉调的，看着舒服就行。

图片那边，我也稍微处理一下。选中图片图层，稍微调下亮度对比度，让它更突出一点。有时候也会给图片加个浅浅的外发光或者描边，看整体效果需要。

一步，整体再看看。哪里不协调，就再微调一下。比如文字位置、图片大小、颜色搭配啥的。反复看看，觉得差不多，这回感觉效果还不错。

都弄好之后，就该保存。先点“文件”->“存储为”，保存一个 PSD 格式 的源文件。这个很重要，以后想修改还能再改。然后，再点“文件”->“导出”->“存储为 Web 所用格式（旧版）”。在里面选 JPEG 格式，品质调到 80 左右，看看文件大小合适不，然后点“存储”，保存成最终网上要用的图片格式。

基本上，我做这么个简单的横幅就是这么个流程。没啥特别难的，主要是耐心，多试试，总能搞出自己想要的效果。这回实践记录就到这儿，希望能给有需要的朋友一点点启发。

上一篇: 制作的网站功能模块有哪些不能少？干货分享助你网站更专业！

ps横幅制作教程来了！零基础小白也能快速上手。

随便看看