尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:240
已运行时间:
目录
  1. ps 基本操作以及常用快捷键:
  2. Photoshop 切图
    1. 1). PS 切片工具
    2. 2). 切图插件

尼采般地抒情

尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:240
已运行时间:

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 的插件快速切图。

1). PS 切片工具


ps 切图片,分两大步:
1). 用切片选中图片

  • 利用切片工具手动划出

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

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

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

辅助线和切片使用及清除

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

2). 切图插件

Cutterman 是一款运行在 photoshop 中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 “导出 web 所用格式” 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出,方便你在 pc、ios、Android 等端上使用。 它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。
官网: http://www.cutterman.cn/zh/cutterman
注意: cutterman 插件要求你的 ps 必须是完整版,不能是绿色版,所以大家需要从新安装完整版本。

博客内容遵循: 署名-非商业性使用-禁止演绎 4.0 国际(CC BY-NC-ND 4.0)

本文永久链接: https://www.wztlink1013.com/blog/gqw2qf/

编辑: 部署: 订阅:

评论区

Twikoo 转换 utterances

最新评论

Loading...