ps常用操作

ps基本操作以及常用快捷键:

因为网页美工大部分效果图都是利用ps 来做的,所以,以后我们大部分切图工作都是在ps里面完成。

  • 文件--打开 -- 可以打开 我们要测量的图片

  • ctrl+r 可以打开标尺 或者 视图 -- 标尺

  • 右击标尺, 把里面的单位改为 像素

  • ctrl+ 加号 键 可以 放大 视图 ctrl+ 减号 缩小视图

  • 按住空格键, 鼠标可以 变成小手 ,拖动 ps 视图

  • 用选区 拖动 可以 测量 大小

  • ctrl+ d 可以取消选区 或者旁边空白处点击一下也可以取消选区

 

Photoshop 切图

常见的图片格式

1. jpg图像格式: 
JPEG(.JPG)对色彩的信息保留较好,高清,颜色较多,我们产品类的图片经常用jpg格式的
2. gif图像格式:
GIF格式最多只能储存256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果
3. png图像格式
是一种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景
4. PSD图像格式
PSD格式是Photoshop的专用格式,里面可以存放图层、通道、遮罩等多种设计草稿。

PS切图 可以 分为 利用切片工具切图 以及 利用PS的插件快速切图。

 

 

ps切图片,分两大步:

1). 用切片选中图片

  • 利用切片工具手动划出

  • 图层菜单---新建基于图层的切片

  • 利用辅助线 来切图 -- 基于参考线的切片

 

 

2). 导出切片

文件菜单 -- 存储为web设备所用格式 ---- 选择 我们要的图片格式 ---- 点存储 --- 别忘了选中的切片

辅助线和切片使用及清除

视图菜单-- 清除 辅助线/ 清除切片

2). 切图插件

Cutterman是一款运行在photoshop中的插件(免费的哟),能够自动将你需要的图层进行输出, 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。

官网: http://www.cutterman.cn/zh/cutterman

注意: cutterman插件要求你的ps 必须是完整版,不能是绿色版,所以大家需要从新安装完整版本。

查看是否是完整版(点击窗口==>扩展功能是否能选中)

 

1、下载好后,双击运行(默认安装位置),安装好后,重启ps,重启好之后就可以在,扩展功能里面就能看到安装好的插件神器了

在扩展功能点击插件(第一次需要注册账号)

 

 注册好后登录

2、插件切图操作

选中web,并选择保存格式,并选择保存位置

 

 选中图层,点击导出图层

 

 查看导出后文件

 

posted @ 2020-05-18 18:40  耗油炒白菜  阅读(350)  评论(0编辑  收藏  举报