这里我直接用手抄了一遍,原封不动的搬过来了。(稍微改一改加了加)
常见的图片格式:
1. jpg图像格式:
JPEG(.JPG)对色彩的信息保留较好,高清,颜色较多,我们产品类的图片经常用jpg格式的
2. gif图像格式:
GIF格式最多只能储存256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果
3. png图像格式:
结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景
4. PSD图像格式
PSD格式是Photoshop的专用格式,里面可以存放图层、通道、遮罩等多种设计草稿。
PS工具箱切换到移动工具,勾选图层(或者组),这个应该知道吧。
勾选图层就是点击元素显示具体图层,而勾选组就是点击元素显示元素所在的整个组。
1). PS切片工具
ps切图片,分两大步:
1). 用切片选中图片
-
利用切片工具手动划出
-
图层菜单---新建基于图层的切片
-
利用辅助线 来切图 -- 基于参考线的切片
2). 导出切片
文件菜单 -- 存储为web设备所用格式 ---- 选择 我们要的图片格式 ---- 点存储 --- 别忘了选中的切片
0). 切片选择工具 可以快速框出 选中的切片。
0). 鼠标选中图层,点击图层菜单 -- 新建基于图层的切片,可以快速创建精准切片。
0). 视图菜单 -- 清除切片,清除所有切片。
0). 画辅助线框范围,鼠标单击菜单下面的小按钮 “基于参考线的切片”,也可以创建切片。
辅助线和切片使用及清除
视图菜单-- 清除 辅助线/ 清除切片
2). 切图插件
Cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。
官网: http://www.cutterman.cn/zh/cutterman
注意: cutterman插件要求你的ps 必须是完整版,不能是绿色版,所以大家需要从新安装完整版本。
总结:2点
- PS里选中图层,一键导出。
- PS工具箱里用矩形选框工具,一键导出,比如截一个飞机,只要框出一个大体轮廓就好。cutterman会自动判断图像边缘。
另外:现在一般都用蓝湖 慕客 , 能直接在里面查看具体尺寸和大小。