css预备课--PS基础技术总结.ppt

CSS 预备课 PS 基础 PS介绍 Adobe Photoshop，简称“PS”。 是一个强大的图片处理工具。 是设计师需要精通的一项技能！ 前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能。 @_@ → 疑惑！ “不需要精通，为啥还要必备？” PS 与 前端 的关系 前端的部分工作流程： 设计 → “建筑设计师” ↓ ↓ 前端 → “完成建造” PS 技能需求、工具需求 PS技能的需求：切图、修图、测量 PS工具： 移动工具 矩形选框工具 裁切工具 吸管工具 横排文字工具 手抓 缩放 标尺 自由变换 常用快捷键 ctrl + c 复制 ctrl + v 粘贴 ctrl + n 新建文件 ctrl + s 保存 空格键 手抓工具 ctrl + t 自由变形 ctrl + 加号 放大 ctrl + 减号 缩小 ctrl + r 标尺 ctrl + alt + shift + s 储存为web格式 ctrl + alt + shift + e 盖印可见图层 图片格式 （ PSD | JPG/GIF/PNG） PSD （源文件） JPG/GIF/PNG （导出图） JPG：不支持透明半透明，所有空白区域填充白色 GIF：支持透明，不支持半透明 png8：支持透明，不支持半透明 png24：支持透明，也支持半透明 JPG/GIF/PNG的应用 JPG：网页中的大图，高清图（体积大）； GIF：网页中的小图标（动画图片）； PNG8：网页中的小图标； PNG24：图像中存在半透明效果的图片； PSD测量注意事项 文字右方和下方会有1像素的默认间隙；