1、界面设置css
1.新建设置{
Ctrl+N----新建文件;
web网页通常宽1920像素,高度不限;
分辨率:72像素/英寸;
颜色模式:RGB颜色,8位;
背景内容:透明;
(存储为预设)
} web
2.移动工具设置{
移动工具快捷键----v;
自动选择不勾选:图层----按住Ctrl键,鼠标左键点击要选择的图层,自动选择
}svg
3.视图设置{
视图----显示----智能参考线(打开)
视图----标尺(Ctrl+R)
}工具
4.窗口设置{
窗口----图层、历史记录、信息、字符(打开,其他可关闭)
信息----面板选项----第1、第二颜色信息选择RGB颜色
----鼠标坐标--标尺单位--像素
----状态信息--勾选文档大小(S)和文档尺寸(D)
}优化
5.首选项设置{
编辑----首选项----常规(ctrl+k)----单位与标尺----单位(标尺、文字)改成像素
----屏幕分辨率改成72像素/英寸
} 图片
6.保存工做区{
窗口----工做区(K)----新建工做区(N)
}资源
2、Photoshop基本操做 文档
另:{
盖印可见图层----Ctrl + Alt + Shift + E
空格 + 鼠标左键----移动
Ctrl + -/+ (Alt + 鼠标滚轮)----缩小/放大
按住H键,单击鼠标左键,选择区域----局部放大
}原理
一、移动工具(V){
选中多个图层的对齐操做。
}扩展
二、选区工具(M--[Shift + M(矩形选区和椭圆选区切换)]){
Ctrl + D----取消选区
选区的并集、交集、差集
Alt + 鼠标左键----鼠标初始位置为圆心(矩形定点)
Shift + 鼠标左键----画正方形(正圆)
}
三、套索工具(L--[Shift + L]){
套索工具、多边形套索工具、磁性套索工具
}
四、快速选择工具(W--[Shift + W]){
快速选择工具([ ---- 减少画笔大小; ] ----增长画笔大小)
魔棒工具
}
五、裁剪工具(C--[Shift + C]){
图层面板,按住Ctrl键,鼠标单击图层缩略图,自动选择图层选区
配合选区裁剪,alt + 鼠标单击图层面板的眼睛,隐藏其余图层,裁剪出背景透明的png图片
裁剪工具、透视裁剪工具、切片工具、切片选择工具
}
六、吸管工具(C--[Shift + C]){
吸管工具、3D材质吸管工具、颜色取样器工具、标尺工具、注释工具、计数工具
}
七、污点修复画笔工具(J--[Shift + J]){
使用Shift键限制描边
污点修复画笔工具----污点修复,抹掉选中的区域
修复画笔工具----Alt + 鼠标单击,选择源
修补工具----把要抹掉的区域选出(也能够用选区工具等),拖动到要替换成的地方
内容感知移动工具
红眼工具
}
八、画笔工具(B--[Shift + B]){
画笔工具
铅笔工具
}
九、仿制图章工具(S--[Shift + S]){
Alt + 鼠标点击定义源
仿制图章工具
图案图章工具
}
十、历史记录画笔工具(Y--[Shift + Y]){
历史记录画笔工具----历史记录中设置历史记录画笔的源----使用历史记录画笔工具
历史记录艺术画笔工具
}
十一、橡皮擦工具(E--[Shift + E]){
橡皮擦工具
背景橡皮擦工具
魔术橡皮擦工具
}
十二、渐变工具(G--[Shift + G]){
渐变工具
油漆桶工具
}
1三、模糊工具{
模糊工具
锐化工具
涂抹工具
}
1四、减淡工具(O--[Shift + O]){
减淡工具
加深工具
海绵工具
}
1五、钢笔工具(P--[Shift + P]){
添加锚点、删除锚点、转换点工具(配合Ctrl、Alt使用)
}
1六、文字工具(T--[Shift + T]){
横排文字(蒙版)工具、直排文字(蒙版)工具
风格选择Windows LCD可减小文字毛边
配合钢笔工具建立文字路径
文字蒙版----建立艺术字
}
1七、路径选择工具(A--[Shift + A]){
路径选择、直接选择
}
1八、形状工具(U--[Shift + U]){
矩形、圆角矩形、椭圆、直线、多边形、自定义形状
}
1九、PS图层的原理及其操做
前景色填充(Alt + Delete)
背景色填充(Ctrl + Delete)
变换选区
选中图层-移动工具-按住Alt键拖住移动----复制图层
参考线
按住Alt键改变参考线水平垂直方向
ctrl+;显示/隐藏参考线
3、 PS传统切图
切片工具
切片完成后Ctrl+shift+Alt+s存储为web所用格式
4、 PS精准切图
文件--将图层导出到文件--png-24-透明区域-交错-裁剪图层-运行
扩展自动切图: photoshop CC及以上版本中ctrl+k调出首选项 倒数第四个增效工具 勾选第一项:启用生成器-确认 勾选文件(F)-生成(导出E下一项)-图像资源 选中图层-重命名图层为name.jpg/.png后便可完成切图 Retina屏幕优化 重命名为200% name 2x.png 命名中删除后缀便可删除图片 可导出svg格式,webp格式 图层(L)-复制css