Nelson-Yen

这里我直接用手抄了一遍,原封不动的搬过来了。(稍微改一改加了加)

 

常见的图片格式:

  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点

  1. PS里选中图层,一键导出。
  2. PS工具箱里用矩形选框工具,一键导出,比如截一个飞机,只要框出一个大体轮廓就好。cutterman会自动判断图像边缘。

另外:现在一般都用蓝湖 慕客 , 能直接在里面查看具体尺寸和大小。

分类:

技术点:

相关文章: