网页设计与制作（ps）

时间：2023-09-01 16:54:01 | 来源：网站运营

时间：2023-09-01 16:54:01 来源：网站运营

网页设计与制作（ps）：

快捷键

文件

• 打开文件:Ctrl+O
• 选择不连续的多个文件:Ctrl+鼠标单击
• 选择连续的多个文件:Shift+鼠标单击
• 存储:Ctrl+S
• 存储为:Ctrl+Shift+S
• 存储为web所用格式:Alt+Shift+Ctrl+S

自由变换:Ctrl+T

绘制等比例选框:Shift+鼠标拖曳

复制:Ctrl+C

粘贴:Ctrl+V

新建:Ctrl+N

画布大小Ctrl+Alt+C

切换输入法:Ctrl＋Shift

切换大小写:Caps Lock




缩放 抓手工具

• 缩放窗口:Alt＋滚轮
• 抓手工具:空格键切换

选区

• 取消选区:Ctrl+D
• 反选:Ctrl+Shift+I

标尺

• 显示/隐藏标尺:Ctrl＋R
• 显示/隐藏参考线:Ctrl＋H
• 修改参考线颜色和样式:Ctrl＋K

图像

• 色阶:Ctrl+L
• 曲线:Ctrl+M
• 色相/饱和度:Ctrl+U

图层

• 复制图层:Ctrl+J
• 移动复制:Alt+鼠标移动
• 选中连续中间图层:Shift+单击最上面图层+单击最下面图层
• 选中不相邻图层:Ctrl+单击

合并图层

1. 合并图层:Ctrl+E
2. 选择单个图层:与下方图层合并
3. 选择多个图层:合并所选图层
4. 图层－合并可见图层:Ctrl＋Shift＋E
5. 图层－拼合图像:合并所有图层为背景层（隐藏状态下的图层将被丢弃）

钢笔工具

1. 新建锚点:鼠标单击
2. 微调锚点位置:键盘方向键
3. 锚点/角点转换:Alt+鼠标左键
4. 选中所有锚点:Ctrl+Alt+鼠标左键
5. 新建水平/垂直锚点:Shift+鼠标左键
6. 移动锚点:Ctrl+鼠标左键
7. 将路径转化为选区:Ctrl+回车

魔棒工具

1. 魔棒工具:G
2. 添加选区:Shift+单击
3. 减去选区:Alt+单击
4. 相交选区:Shift+Alt+单击

常用图片规格

店标:80×80px，大小80kb以内

店招:950×120px，大小80kb以内

导航条:950×30px

海报图片（首页）:基础版750×600px以下，专业版950×600px以下，代码 宽度1920px以下

商品展示图:400×400px，大小500kb以内，放大镜效果700×700px

商品详情图:宽750px，高不限

手机端商品详情:宽480-620px之间，高小于等于960px

手机端店标:280×50，大小10kb以内

操作步骤

打开文件

启动Photoshop CS6－“文件－打开”－“打开”对话框－打开“图片名称.jpg”素材图片

双击界面空白处－“打开”对话框－打开“图片名称.jpg”素材图片

新建文件

“新建”对话框－设置大小，分辨率，颜色，背景

打开素材文件

打开素材文件“素材.”－移动复制到文件中，并调整大小和位置（－将图层移动到“图层”下面－将图层重命名为“素材”）

复制图层

在图层面板，将图层直接拖动到“新建图层”上

右键单击图层名称，“图层－复制图层”

选中图层－Ctrl+J

保存图像

“文件－存储为”－“存储为”对话框－输入文件名，设置文件格式－分别保存为PSD格式和JPEG格式（品质10）

图像

“图像－调整－色阶”－“色阶”对话框－调整“输入色阶”和“输出色阶”（阴影、中间调、高光）

“图像－调整－曲线”－“曲线”对话框－调整曲线形状（从阴影到高光）

“图像－调整－色相/饱和度”－“色相/饱和度”对话框－调整相关数据（色差调整）

“图像－图像大小”－调整参数

“图像－画布大小”－调整参数

工具

“修补工具”－拖曳鼠标圈选污点区域－生成选区－选中选区并按住鼠标不放－将选区拖曳到其他干净的区域－松开鼠标－（Ctrl+D）取消选区（处理污点图片）

“文字工具”－设置字体，大小，颜色，字间距，行距－输入文字－调整位置和方向

“橡皮擦工具”－在工具选项栏中选择“柔边形40像素”，硬度－擦除部分图像

“抓手工具”按住鼠标并拖曳－调整图像的显示位置

“油漆桶工具”－设置前景色－填充背景图层

裁剪工具

• “裁剪工具”－拖动裁剪辅助线调整窗口大小－回车（使用修补工具修补缺失部分）
• “裁剪工具”－设置参数－拖曳图像到裁剪框内－回车

绘制形状

“矩形工具”－工具选项栏中选择“形状”－设置填充颜色，描边－绘制形状（－复制形状－水平翻转到右边位置）

“椭圆工具”－设置填充颜色，描边，大小，描边选项（虚线）－绘制圆形

“圆角矩形工具”－设置填充颜色，描边，描边宽度－绘制形状

“椭圆选框工具”－按住Shift绘制圆形－填充颜色－调整位置和大小

“画笔工具”－设置画笔大小－绘制图形

“多边形选择工具”－设定图形边数－绘制图形－“直接选择工具”进行变形

“椭圆工具”－绘制圆形－“画笔工具”－选择“柔圆边”，设置大小，硬度，前景色－路径面板－右键选择－“描边路径”（无其他路径存在）

绘制直线

“直线工具”－设置填充颜色，描边，描边宽度，描边选项（虚线种类），粗细－按住Shift键绘制直线（－复制直线－移动到右边位置）

“铅笔工具”－设置大小，前景色，硬度，铅笔类型，模式类型－新建文件并绘制直线

“画笔工具”－工具选项栏－“画笔预设”－右上角按钮－“方头画笔”－“追加”－单击确定－设置画笔笔尖形状，前景色－新建图层－绘制直线

“矩形选框工具”－绘制直线

绘制选区

“矩形选框工具”－绘制选区并填充颜色

“多边形套索工具”－绘制选区并填充颜色

抠图

“矩形选框工具”－绘制选区

“多边形套索工具”－绘制选区

“钢笔工具”绘制路径－“转换点工具”和“直接选择工具”对路径进行调整－（“Ctrl+回车”）“路径”面板，单击“将路径作为选区载入”－（Ctrl＋J）“移动工具”把图片复制移动到新的文件中（－隐藏背景图层）

“魔棒工具”－“连续”未勾选－在空白处单击－“选择－反向”－“移动工具”

图层

“图层－图层样式－混合选项”－“图层样式”对话框－勾选“样式”选项并设置参数

“图层－合并图层”

“图层－创建剪贴蒙版”

其他

修改图片大小

“图像－图像大小”－“裁剪工具”

修改文件大小

“图像－画布大小”－“文件－存储为web所用格式”－修改格式参数

倒影

复制图层－对图层副本进行自由变换－“编辑－变换－垂直翻转”－将图层副本移动到图层下面－“图层”面板－不透明度20％－“矩形选框工具”－“羽化”10px－将多余部分删除

自由变换

（Ctrl+T）“编辑－自由变换”－按住Shift+鼠标选中任意角进行拖动

（Ctrl+T）“自由变换”－鼠标移至对角线－鼠标指针变成旋转双箭头－按住鼠标左键并拖曳－调整合适的图片角度－回车键裁剪（调整角度）

放大

“缩放工具”－属性栏“放大”－“抓手工具”按住鼠标并拖曳－调整图像的显示位置

标尺

“视图－标尺”－按住鼠标左键拖动，新建参考线

“视图－新建参考线”－设置位置

“编辑－首选项－参考线”－设置参考线的颜色和样式

填充颜色

“钢笔工具”绘制路径－“转换点工具”和“直接选择工具”对路径进行调整－（“Ctrl+回车”）“路径”面板，单击“将路径作为选区载入－新建图层－填充颜色

创建按钮

新建图层－“圆角矩形工具”－设置无填充颜色，描边颜色－绘制按钮

平均分布虚线

“移动工具”－按住Shift键拖动其中一条虚线－同时选中所有虚线图层－属性栏“垂直居中分布”按钮－调整虚线的位置

文字对齐

“文字－转换为段落文本”－段落面板“全部对齐”/“右对齐文本”－用空格键调整

移动文字

“魔棒工具”－选取文字－移动文字

文字变形

“文字－文字变形”－在“文字变形”对话框中调整参数

形状变形

“直接选择工具”－调整形状－进行拼接－填充颜色

阴影

“椭圆选框工具”－绘制选区－羽化－填充颜色－不透明度40％（－将阴影图层移动到下一层，并调整位置和大小）

渐变

“加深工具”－设置笔刷大小－在选项栏中设置范围“中间调”，曝光度“13％”－在区域内涂抹

文字效果

图层样式－“渐变叠加”－设置参数－单击确定

模糊效果

“滤镜－模糊－高斯模糊”－设置半径值（设置不同的半径值，并调整方向和大小）

光晕效果

滤镜－“渲染－镜头光晕”－设置参数－单击“确定”（需要先合并图层）