简单的ps网页设计教程（PS制作简洁网页教程）
本文目录
PS制作简洁网页教程
先让我们看看待会即将完成的网页.
准备你的photoshop文档
photoshop教程
1
创建新的
Photoshop文档
(Ctrl/Cmd
+
N)根据下图.
设置单位和标尺
2
确保你使用像素为单位,
它是网页设计的标准尺度.
从前置选项的windows对话框设置标尺
(Ctrl/Cmd
+
K);
点击单位和标尺,确保你所有的设置跟下图相同.
为内容区域增加指导
3
激活photoshop的标尺,从查看
》
标尺里头.
按下"Ctrl/Cmd
+
R"固定标尺的可见度.
也可以通过打开窗口》
信息
(快捷键:
F8).
通过选区工具,信息面板可以反馈不是有用的信息.
按下"M"字键,
选择矩形选区工具在画布的左上角绘制出一个120px宽的小盒子.你可以调整选区的大小通过信息面板.现在从左边开始,根据面板显示的宽度拖动参考线到如图的选区右侧.
4
移动选区到画布的右边缘.
分配另外一条参考线到选区左侧.
你的画布看起来应该是这样的:
相关教程：
PS制作网页banner广告教程
PhotoShop切片工具切割图片转成网页格式教程
创建一个干净、简洁的个人概要网页界面
Photoshop制作漂亮的暗红色网页框架
怎样用PS制作网站首页
PS做的，我现在给你做一个简单的教程：
1，打开PS，建立一个新的空白界面：
2，打开图片1，将周边的不需要的背景抠去。
3，取消选择后，用移动工具将抠好的图片直接拖进之前新建的界面中（在线版的要选中复制再粘贴），会出现两个图层。
4，给背景图层填充你想要的颜色，再将图层1加上蒙版。
5，将其改为下面的样子
6，选择适当画笔，最好选择模糊的那种，才能出现朦胧的效果，也可根据你的需要选择透明度。
切记：（1）我用的是在线版的PS，蒙版下的女孩是看不见的，你要记住女孩的位置，用画笔将其描出，画笔描过的地方，女孩就会出现！（2）若用PS专业软件，蒙版下的女孩是看得见的，画笔描过的地方，女孩消失！
7，同样的方法做其他的图片
8，将两个图层移动到适当位置，9，做文字。新建一个图层
10，应矩形选框在新建图层上画矩形，填充红色，当然，方法多种，自行应用，大小自定。
11，用文字工具，选择好字体，字号，颜色，写下需要的文字。
12，用多边形套索工具画出箭头，填充颜色。
13，合并文字图层与图层3，移动到适当位置。自由变换可改变其大小、形状、角度等等，时间紧张，再加自己的电脑没带回来，就只能用在线板的粗糙的做一下，但是两个是差不多的，建议用PS专业软件，功能更强大细致，效果更好，操作更方便。
更多文章：
适合个人使用的旅行网站源码：如何选择适合个人使用的旅行网站源码
2026年9月22日 05:36
2026年9月22日 05:36
2026年9月22日 05:35
2026年9月22日 05:35
2026年9月22日 05:35
2026年9月22日 05:34
2026年9月22日 05:34
2026年9月22日 05:34
2026年9月22日 05:34
2026年9月22日 05:33
