Photoshop 是 Adobe 公司推出的图形图像处理软件,功能强大,广泛应用于图像后期制作、平面设计、网页界面创作、视觉创意、广告设计、图标logo设计等等领域。

认识主界面

01

如下图所示:

红色区域为菜单栏,包括常用的图像命令;蓝色区域为选项栏,是对工具参数进行调节的面板;绿色区域为工具栏,右击可以召唤出其他形式黄色区域为操作面板,随意整合也可以复位(窗口-工作区-复位基本)

网页制作中常用的按钮格式_网页中的什么按钮 是用photoshop制作的_网页设计的按钮怎么做

中间白色的画布即为工作区,最上方是标签栏,显示文档基本信息,类似网页浏览器,可以随意切换排列合并;下方是工作信息栏,显示的是图像的基本信息(文档大小、尺寸、分辨率等)。

如何新建和保存文档?

02

打开PS软件选择“新建”,会显示如图所示的界面。想要新建一个PS文档,需要首先进行初始参数的设置。

预设模板:PS为我们提供了许多基础的预设模板,包括照片、打印、图稿插图等,选择之后可以自动调节参数,一般选择照片中的默认选项。也可以手动输入参数值。

剪切板模式:截图工具/网络图片复制之后,图片参数被存入;

颜色模式:有RGB和CMYK两种模式:区别在于:RGB是网页网络图片视频素材等屏幕显示的电子图像;CMY是印刷色彩模式,宣传册、海报、大型喷绘等印刷制作类图像;常规八位即可;

背景内容:背景色在工具栏处切换;可以后期更改;

此外也可以在“文件-新建”中创造新文档。

保存有两种方式:点击“文件”,右:

存储:原地存储更新;

存储为:可以更改格式(PSD是PS标准文件格式);

网页制作中常用的按钮格式_网页设计的按钮怎么做_网页中的什么按钮 是用photoshop制作的

修改文档大小

03

创建之后可以通过“图像-图像大小”再次修改文档参数;其中像素大小决定文件大小和图像清晰度;小链条是约束比例,即限制长宽比(锁定框)。

网页中的什么按钮 是用photoshop制作的_网页设计的按钮怎么做_网页制作中常用的按钮格式

认识图层

04

图层可以理解为透明胶片的叠加,可以对图层进行单独调整最终合成想要的效果,非常有利于步骤繁琐的PS操作。

网页制作中常用的按钮格式_网页设计的按钮怎么做_网页中的什么按钮 是用photoshop制作的

图层面板的上方和下方分别有具体的操作调节栏:

图层的类型:在图层很多的时候方便筛选查找;新建按钮:点击菜单栏按钮直接新建普通图层,双击可修改名称;眼睛按钮:可隐藏显示图层;图层顺序改变:拖拽改变排列顺序,同时也会影响叠加次序!复制图层:ALT加拖拽复制图层;删除图层:垃圾桶按钮直接删除;拖拽到垃圾桶;delete直接删除;

图像的平移和缩放(抓手和缩放工具)

05

工具栏下方点击抓手和缩放工具操作,图标为手掌和放大镜,可以在选项栏细化;

1. 抓手:在选择任何工具时唤醒:按住空格不松就会变成抓手工具(快捷!);

2. 缩放:在任何工具时唤醒:ctrl+空格;三种方式:点击放大,选项栏可以改为缩小;按住左键并鼠标左右移动;alt+滚轮;

认识移动工具

06

使用移动工具可以多文件之间拖拽图层对象(拖拽至标签栏),图层面板的上方和下方分别有具体的操作调节栏:

网页设计的按钮怎么做_网页中的什么按钮 是用photoshop制作的_网页制作中常用的按钮格式

下面对菜单栏进行具体讲解:

1. 自动选择按钮:一般情况下移动工具只针对被选择的图层,勾选后可以靠点击图层对象来选择图层;快捷方式是:移动工具的状态下,按下ctrl变成自动选择状态;其他工具状态下,按ctrl变成移动工具;

2. 图层/组:面板图层下方创建组,相当于批量处理;

3. 显示变换控件:对图层对象进行变换;

4. 对齐和分布方式以及对齐图层:

选中多个图层才可以使用;对齐全与分布是针对图层而言的;顶对齐:是以画面最上方图层的顶线为基准对齐;垂直居中对齐:以图层垂直方向的中心点进行对齐;底对齐:同顶对齐的意思;最左/右/底/顶/的边线为基准;

认识选区和选框工具

07

· 选区

1. 选区内像素可以被编辑,移动;鼠标进入选区内部之后可以移动选区;

2. 正方形选区:+shift;从中心点建立选区:+alt;

3. 选区是暂时性的,只有保存选区之后才能被储存到文件之中;

右键存储选区-右键打开;在通道面板可以找到被保存的选区;

认识套索和魔棒工具

08

1. 套索工具:鼠标左键拖动鼠标建立选区,灵活快速但是不够准确;

2. 多边形套索工具:一般适用于直线边缘;

连接关键点形成封闭图形,在未闭合的情况下,不能进行其他命令;可以用delete 或者backspace删除,或者esc全部删除;

3. 磁性套索:套索的空间点可以智能识别像素的边缘,精准地把图片抠出来

网页中的什么按钮 是用photoshop制作的_网页设计的按钮怎么做_网页制作中常用的按钮格式

网页制作中常用的按钮格式_网页设计的按钮怎么做_网页中的什么按钮 是用photoshop制作的

网页中的什么按钮 是用photoshop制作的_网页设计的按钮怎么做_网页制作中常用的按钮格式

宽度:宽度大小可以控制识别的范围,宽度越大识别的范围越宽;对比度:高对比度适合清晰的边缘,低对比度适合模糊的边缘;频率:可以调节控点的多少,越大控点越大,选区更细致;

4. 魔棒工具:可以快速将颜色相近的区域变成选区

网页制作中常用的按钮格式_网页中的什么按钮 是用photoshop制作的_网页设计的按钮怎么做

取样:取样点以单像素信息取样;多样点则取平均值;容差:容差越大识别范围就越大,反之就越大;连续:勾选之后只能选取互为相邻的相似像素;对所有图层取样:可以选择没有选中图层的颜色;

5. 快速选择工具:作用与套索类似,操作更简便快捷;

网页设计的按钮怎么做_网页中的什么按钮 是用photoshop制作的_网页制作中常用的按钮格式

画笔选项:大小代表识别的范围;硬度是边缘的识别能力;间距是识别的连贯程度;自动增强:增强识别边缘的能力;选择并遮住:优化选区,调整边缘;

选区的编辑调整

09

1. 选区的变换

右击找到变换选区,拖动控点对选区进行变形;右击本身带有很多快捷的选区变换;

2. 反向命令:右击反选区域;

3. 选区相似:(类似魔棒的连续功能),将颜色相似的都建立选区。

网页制作中常用的按钮格式_网页设计的按钮怎么做_网页中的什么按钮 是用photoshop制作的

认识历史工具

10

可以直接在历史记录中选中,也可以通过快捷键Ctrl+z回退一步;通过快照(相机按钮)可以创建保存状态,防止丢失距离很远的步骤;还可以用历史画笔还原之前的画面。

网页设计的按钮怎么做_网页中的什么按钮 是用photoshop制作的_网页制作中常用的按钮格式

认识画笔工具

11

1. 画笔:

预设画笔列表:也可以自己新增;模式:更改绘画模式;不透明度:颜料的透明度更改;流量:可以使画画更细腻;

2. 橡皮擦:使用方法和画笔基本相同,可以擦除图层上的像素;

3. 背景橡皮擦:擦除背景得到主体图像:

连续取样:不松开鼠标就会来纳许取样;取样一次:只对一种颜色取样;取样背景色板:选取背景色及进行擦除;限制操作的范围:(1) 不连续:不管内外、是否连续都会被擦掉;笔刷范围之内的所有;(2) 连续:范围内相连的部分;(3) 查找边缘:识别边缘进行擦除;容差越高擦除范围越大,反之越小;保护前景色:相应的前景色可以收到保护不被擦除;

4. 魔术橡皮擦:可以擦除相近颜色的区域,类似魔棒;

认识修复工具

12

1. 模糊工具:对所画目标区域进行模糊处理,可以通过模式改变对象的颜色;

2. 锐化工具:使图像变得锐利清晰;

勾选保护细节可以保护图像微小像素,防止画面失真;锐化工具与模糊工具效果无法相互转换;

3. 涂抹工具:直接在画面上画就可以;强度越高,涂抹效果越强;4. 减淡工具和加深工具:菜单栏-范围:中间调、高光、阴影区域的选择5. 海绵工具:局部增加或者减少饱和度(色彩的鲜艳程度);

6. 仿制图章工具:类似于复制粘贴的效果,更随意;

使用之前先按alt键选择“源”取样,之后按照画笔用法涂抹出仿制对象;选项栏与画笔相似;

7. 修复画笔工具:使用之后边缘会有融合的效果,;

具有一定的智能性,和环境很好的融合(仿制图章是一板一眼的,比较严格);用法和仿制图章工具基本相同;选项栏和仿制图章基本一致;

8. 污点修复工具:直接在污点上绘画

内容识别:自动识别;近似匹配:就近取样覆盖污点;创建纹理:擦除的同时创建出和周围相似的纹理效果;

9. 修补工具:类似套索工具,选取并拖拽;

10. 内容感知移动工具:

在移动模式下只需要画出选区,移动即可;扩展模式下做出选区移动后会复制出选区中的内容,相当于复制;

11. 红眼工具:消除红眼;点击即可;

颜色和图案的补充

13

1. 油漆桶工具:快捷键G,填充前景色;

建立选区之后,填充在选区中;选项栏参数可参照前面的讲解:消除锯齿、连续、图案、模式等;

2. 填充命令:编辑-填充:比油漆桶更加实用;

菜单栏-内容识别:填充具有智能计算的功能;填充-图案:可以填充整体区域或者选区的图案(配合模式使用);编辑-定义图案:可以定制自己的图形作为图案元素;填充-历史源:可以填充相应的历史源;

3. 渐变工具:点线拖拽;

可以在选项栏选择预设的渐变类型;通过渐变编辑器制作渐变效果(自定义):色标位置,色彩、透明度来控制渐变的效果;色标可以自由增加或者删除(点击即可);平滑度指过度的自然度;选项栏-模式:线性、对称、菱形、径向、角度;

自由变换

14

可以针对整个图层或者只针对选区;

1. 编辑-自由变换或者直接右击:

通过控件框来控制变换的效果;控点控制形状的变换,参考点是变换的轴心;参考点可以随意移动;

2. 自由变换中的移动:与移动工具的操作基本一致;可以调整选项栏xy的数值进行更精准的移动;

右击召唤菜单:

3. 对象缩放:作用在图形上;

注:百分比可以实现精准缩放;保持长宽比;缩放需要谨慎!

4. 旋转:可以在选项栏调整旋转的角度或者手动拖拽;

5. 斜切:倾斜效果的变换;拖拽控点;

6. 在自由变换和变形之间切换:

注:控件框变成九宫格式的网面后,可以实现非常灵活的变形,类似捏泥巴;

7. 扭曲:需要鼠标来操控;点击控点拖拽变形;

8. 透视:直接拖拽控点变形,遵循透视规则;

认识钢笔工具

15

1. 矢量图是重要的图像形式,能够绝对的精确;矢量图最基础的工具是钢笔

2. 路径模式:

直线绘制:是辅助制图的矢量图形工具,不是实际的图像;

曲线绘制:绘制自由曲线,选项栏与钢笔的基本相同;

标准曲线绘制:(1) 曲线点的绘制需要按住鼠标并拖拽;(2) 用直接选择工具编辑曲线点,或者拖拽控杆进行编辑。

路径面板和路径应用

(1) 用于生成选区-精准抠图;快捷工具无法完成的抠图高标准的抠图都会用到;需要细心(画到图片内测边缘)

(2) 右击进行填充路径和路径描边;

3. 形状模式的绘制和应用:

形状的绘制和途径相同;

可以填充和描边,形状图层内部也可以进行路径;可以进行属性复制;

4. 像素模式:直接生成像素;

文字处理工具

16

1. 文字工具使用方式:横排和直排工具;

2. 创建的两种类型:点式文字(点击即可);段落文本(鼠标拖拽划定区域);

3. 文字可以依附于路径的形状输入,也可以只在路径的范围内输入;

4. 文字图层

特殊图层,变相的矢量图层,可以栅格化为普通图层;点文本和段落文本也可以互相转换;

5. 在图层选择状态,可以进行选项栏参数调节(排版、字体、抗锯齿-大字使用平滑小字酌情不使用抗锯齿的效果,对齐,文字颜色,文字变形);调整文本格式也可以在局部文本激活状态下进行;可以在属性栏中设置更加具体的文本设置;

3D图像特效

17

1. 窗口-3D;

2. 可以创建预设好的对象;并切换源:图层、途径、选区、外部文件等;

3. 创建3D文字

输入文字并点击菜单栏上方3D的快捷按钮;环境调整环境光、阴影、反射等;场景调整表现效果的设定;视图的调节:材质编辑器。

视频动画

18

1. 工作区切换为动感;并创建时间轴:视频时间轴;

2. 添加视频组(最常用的视频层,可以包含很多图层;可以按照时间的前后来编辑)

3. 可以拖拽时间块,控制时间持续的长短;

4. 通过文件-置入;或者拖拽加入图片;

5. 右击滑块编辑运动特效;

2022PS最新款安装包及全家桶链接,后台私信小编【PS】即可领取吖~

参与评论