photoshop是一款优秀的图像处理软件，作为前端开发工程师，掌握它的一些常用功能是必须的。photoshop的常用功能有：选择、剪裁图像、修图、取色、插入文字等等。除了这些常用功能，前端还需要掌握制作新图像、切图等技巧。本文使用photoshop版本为cs6
由于插图不方便，本文中的各图标用文字进行描述……
图片格式转换与压缩
- 文件/存储为选择图片类型以及压缩比（不推荐）
- 文件/存储为web所用格式 选择图片类型以及压缩比（推荐）
主界面简介
- 默认为左边为工具栏；
- 右边是工具面板；
- 最上方为菜单栏；
- 上方第二栏为工具属性栏（显示当前选择的工具的属性、设置等）；
- 上方第三行为已经打开的图片；
- 中间最大的方框为绘图区域；
- 工具栏中靠下方处有两种颜色的方框处分别显示为前景色和背景色，上一层为前景色，后面的一层为背景色；可以点击该图标右上角的曲线箭头进行前景色和背景色的交换
注意
- 各个面板都可以进行拖拽；对于拖拽出来的面板，当将其拖拽到适当靠边位置时，面板会自动"贴"到该位置去
- 对于有"双箭头"的地方，可以进行点击以展开相应面板
- 对于有向下箭头+菜单的图标，点击可以弹出一个菜单（对应于相应面板的图标操作）
- 如果想要显示或隐藏某个窗口，可以从菜单栏/窗口中进行选择
- 对于左边（默认）工具栏左下角有灰色三角形的图标，表示其是一类工具，可以先选中，然后右击，可以查看或选择该类的其他工具
图像放缩、平移
- 放大镜图标 缩放工具 图像放大所幸，在图像上点击放大，按住alt键点击缩小，快捷键ctrl+"+"放大 ctrl+"-"缩小，双击此工具可以让图像按照原始大小显示；也可以直接选择该工具后直接按住左键对图片进行拖动进行缩放
- 手掌形图标 对图像进行移动，在使用其他工具时，按住键盘的空格键，可以切换到此工具，移动完后松开空格键回到原来的工具。双击此工具图标可以让图像缩放到显示区域完全显示
新键图层
执行菜单命令 文件/新键 可以新键一张图片，设置大小，颜色模式选rgb，网页图片一般选择72像素/英寸，如果图像要打印，可设为300/英寸。背景按情况选透明或白色
移动选择与图层面板
- 按住ctrl键，在图像上点击可以选中图层
- 鼠标上有十字箭头的图标 选择这个工具，勾选工具属性栏上的"自动选择图层"，可以在图像上点击选中图层
- 移动元素同时按住alt可复制一个图层
- 图层面板的操作，包括图层的显示隐藏、图层顺序、新建图层、图层删除
针对图像中选中图层的操作
- 移动
- 自由变换 执行菜单命令 编辑/自由变换（快捷键：ctrl+alt+t）；等比例缩放：按住shift然后用鼠标对图像的某个角进行拖拽；注意：自由变换时，1. 可以对图片中间的旋转中心进行移动；2. 当将鼠标移动到图层外时，鼠标会自动变成一个 圆弧的双向箭头，此时可以对图层进行旋转
- 拖拽到况一张图像上完成图层拷贝
历史记录面板
默认是记录20步操作，可以点击已经记录的步骤回到之前（ctrl+z退回上一步）
选择工具
选框类
- 虚线的矩形图标 矩形选择工具
- 虚线的椭圆图标 椭圆选择工具 按住alt+shif键可以从中心拉出正圆；按住shift可以从鼠标位置拉出一个正圆
套索类
- 像一个打结的绳子的图标 任意套索工具 用手任意画出选区，不精确，不常用
- 像一个小山峰的图标 多边形套索 可以选择多边形物体，对于结构复杂的物体，可以点多个小段来选择
- 打结的绳子+磁铁的图标 磁性套索，可以自动在物体边缘生成选择线，但是由于太自动了，所以不够精确，也不常用
快速选择类
- 像一个魔法棒的工具 魔棒工具，按照点击的点的颜色范围来选择，可以设置范围的容差，容差越大，选择区域越大，对于有单色背景的图像中的元素，可以用它点击选背景图，然后反选，从而选中元素
- 一支毛笔+虚线圆圈的图标 快速选择工具 直接在要选的元素上画，按照画的颜色范围进行选择
对图层创建选区：ctrl+鼠标点击图层面板中图层的图标，在图层外框生成选区选中整个图层
图层面板的基础操作
- 双击图层的名字可以对其进行命令
- 一直点击一个图层，可以对其进行上下的拖动以调节该图层的顺序
对图层的操作
如果要对某个图层中的内容进行操作，一定要先选中该图层（图层面板中该图层显示高亮）
选区的编辑技巧
- 新选区模式下移动选区
- 选区的加、减、乘、除，工具栏属性上设置
- 调整边缘 工具属性栏或者执行菜单命令 选择/调整边缘
- 变换选区 执行菜单命令 选择/变换选区，可对选区进行缩放、移动等
- 反选 执行菜单命令 选择/反向（快捷键：ctrl+shift+i）
- 取消选责 执行菜单命令 选择/取消选择，快捷键ctrl+d
注意
- 选择了选取后，可以对其进行移动、复制、变换等操作
- 图层面板右下角的右边三个图标分别为：新建组（可以把多个图层进行分组）、新建空白图层、删除图层
- 每有一个操作，最好就新建一个图层，即：将新的操作单独放在一个图层上，不要对原图像有更改
参考线技巧
- 视图/标尺，显示标尺，在标尺上按住鼠标拖动可以拉出参考线
- 视图/对齐到/参考线 让参考线移动时自动对齐到选框或者图像的边缘
- 视图/新建参考线 可以精确创建参考线
图像大小与画布大小
- 图像/图像大小 查看和设置图像的整体大小
- 图像/画布大小 查看和设置图像的画板大小
网友评论