Photo Shop切图

简介: 切图之前 哪些是需要切出来的? 修饰性的 (一般用在background属性) 图标、logo 有特殊效果的按钮  文字等 非纯色的背景 内容性的 (一般用在img标签) Banner、广告图片 文章中的配图 从服务器加载的图片不用 切图,只需要『占位』即可     切出来的图片 存为哪种类...

切图之前

哪些是需要切出来的?


修饰性的 (一般用在background属性)

图标、logo

有特殊效果的按钮  文字等

非纯色的背景

内容性的 (一般用在img标签)

Banner、广告图片

文章中的配图

从服务器加载的图片不用 切图,只需要『占位』即可

 

 

切出来的图片 存为哪种类型?


修饰性的

PNG24 (IE6不支持半透明)

PNG8

内容性的

一般存为 JPG

 

 

切图 · 隐藏文字只留背景


若文字为独立图层,隐藏文字图层

找到文字图层

去掉眼睛图标

若文字和背景合并,平铺背景覆盖文字

矩形选框工具

自由变换 ( Ctrl+T )

使用移动工具 + Alt

 

 

切图 · png24


移动工具选中所需图层 (按住Ctrl 多选)

右键合并图层 (Ctrl+E

再右键复制图层到新文件,或直接拖至已有文件 (新建 : Ctrl+N)

imageimageimage

 

 

切图 . png8


带背景切

合并 (可见) 图层 (Shift + Ctrl +E

矩形选框工具选择内容

魔棒工具去除多余部分

           - 从选区中减去: 按住 Alt

 

 

可平铺背景的切图


主要针对css里面,background : repeat

用矩形选框工具选取一块区域

复制粘贴到新文件

平铺内容充满文件的宽 (x轴) 或高 (y轴)

 

 

 

切片工具


适用于可以一刀切的活动页

拉参考线

选择切片工具

点击 “基于参考线的切片”按钮

保存(全选切片,统一设置存储格式)

 

 

 

保存


存储所需内容

复制、       新建、     粘贴

Ctrl+c     Ctrl+N    Ctrl+V

   ( or 拖动内容至新文件)

存储为web 所用格式

Alt+Shift+Ctrl+S

 

image

 

 

 

保存类型一


当图片色彩丰富且无透明要求时

建议保存为JPG格式并选择合适的品质

品质,不要设置才能100,因为一旦设置成100,这就意味着图片没有任何压缩,这会导致图片相当大。

 

 

 

保存类型二


当图片色彩不太丰富时无论有无透明要求

请保存为PNG8格式

image

 

 

 

保存类型三


当图片有半透明要求

请保存PNG24格式

image

 

 

 

保存类型四


为保证图片质量

保留一份PSD,在PSD上进行修改

开始做,坚持做,重复做
相关文章
|
11天前
|
移动开发 JavaScript 小程序
uView Avatar 头像
uView Avatar 头像
38 0
|
区块链 Windows 存储
icon 制作
引用:http://apps.hi.baidu.com/share/detail/30039475 ico是Icon file的缩写,是Windows的图标文件格式的一种,可以存储单个图案、多尺寸、多色板的图标文件。
992 0
|
11天前
|
移动开发 小程序 JavaScript
uView Image 图片
uView Image 图片
35 2
|
11天前
|
前端开发 JavaScript 容器
ElementPlus Image 图片
ElementPlus Image 图片
39 0
video标签优化:通过图片显示视频封面和播放icon
video标签优化:通过图片显示视频封面和播放icon
131 0
video标签优化:通过图片显示视频封面和播放icon
elementUI:Upload组件list-type: picture-card上传闪动
elementUI:Upload组件list-type: picture-card上传闪动
478 0
|
图形学
Unity中Avatar换装实现
资源准备1.每一套装备模型必须使用同一套骨骼,并单独将骨骼数据保存成一个Prefab。红色部分为武器挂节点(也可以把武器做成一个SkinnedMesh,不采用挂接点的形式),骨骼数据在Unity中的展示形式就是Transform。
1749 0
1109. Group Photo (25)
#include #include #include #include #include #include using namespace std; struct node{ string name; ...
838 0