ps切图 4 保存

保存

  存储所需要内容

  第一种  :

  •     如果是独立的图层 ,我们采用移动工具 把我们需要的内容拖到新文件中
  •     如果是已经合并在一起的图层,我们可以采取:
  •           先用矩形选框工具选取图层, 然后使用魔棒工具 按住 alt 键  选取需要的图层 ,然后使用下面这三个快捷键连用的方式     

    ·   复制  、     新建  、     黏贴

            Ctrl + C     Ctrl + N      Ctrl + V

     新建的时候  背景内容一般为 透明     

  第二种:

  存储为web所用格式  (第三节  切图  - 切片工具- 适用于可以一刀切的活动页 案列)

 ( Alt + Shift + Ctrl + S )

保存为哪种类型呢?

保存类型一

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

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

    操作步骤:  切出图片 (分独立图层和合并图层)---Ctrl + c  复制图层 --- Ctrl + N 新建文件 --  Ctrl + v  黏贴图层 --- 文件  --- 存储为web格式  (Shift + Ctrl + Alt + S)

    选择JPEG  品质设置稍微合适点  根据你项目实际

保存类型二

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

操作步骤 :选择好图片---放入新文件中----- 存储为web格式  (Shift + Ctrl + Alt + S)

请保存为PNG8格式

颜色  256

杂变  无

扩散  五仿色

这里可以保存设置 以后就可以直接用

保存类型三 

当图片有半透明要求

请保存PNG24格式

操作步骤 :选择好图片---放入新文件中----- 存储为web格式  (Shift + Ctrl + Alt + S)

保存类型四 

为保证图片质量

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

为什么要这样做呢?

一是因为PSD文件是可以保留原图层的,对于我们后期维护是相当方便的

另外PNG8会对图片进行压缩的,如果我们在PNG8文件中修改再进行保存,那就等于压缩了两次 ,会导致像素点的丢失

原文地址:https://www.cnblogs.com/hzaixt/p/9275836.html

时间: 2024-10-23 01:29:51

ps切图 4 保存的相关文章

ps切图保存所有切片为png

ps切图保存所有切片为png的步骤: 1. 切图完毕后 2. 点击‘文件’--‘保存为web格式’,弹出对话框 3. 选择左下角的缩放,缩放到一定的比例 4. 按住键盘shift 点选需要的切片(切片周围呈现橙黄色线框) 5. 点击右上角格式为‘png’ 6. 点击右下角'存储',弹出对话框 7. 选择‘选中的切片’保存到你所能找到的地方,over

ps切图保存的网页让它居中

魅力网络今天在给一学生做ps切图,我们一起复习一下网页的基础知识,当我们用ps切图直接保存网页,用浏览器打开默认是左对齐的,一般的网页都是居中对齐这样才看的好看,下面让河北魅力网络告诉大家方法.方法一:<body style="text-align:center" 在body后面加上 style="text-align:center" 这样就能保证内容居中了. 方法二:实用精简方法,直接在body头部中加<center>底部加</center

做一个会PS切图的前端开发

系列链接 做一个会使用PS的前端开发 做一个会PS切图的前端开发 切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图.所谓传统切图就是切图人员基本上都是自己分割图层切图,传统切图又分为全手工切图和参考线切图:现在CC版本提出的精准切图,切图人员可以依赖计算机把图层对象精确的切割出来,这样切割出来的图层肯定比传统切图切出来的精准度高.另一方

页面制作部分之PS切图

页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选

前端技术-PS切图

页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选

ps切图

Ps切图快捷键m -----选框工具(然后按shift键不放是增加选框,按alt键不放是减小选框)v -----移动工具z -----放大工具(然后按alt键不放,就是缩小工具)空格键-----抓手工具(拖拉画布)注意:一直按住空格键c  -----切片工具F8 -----显示信息 ctrl+1-----100% 正常预览页面 ctrl+r-----隐藏/显示标尺 ctrl+h -----隐藏/显示参考线 按alt键滚动鼠标  -----缩放页面 吸管工具:测量项目上的颜色值: 文字工具(T):

第144天:PS切图方法总结

一.切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图.所谓传统切图就是切图人员基本上都是自己分割图层切图,传统切图又分为全手工切图和参考线切图:现在CC版本提出的精准切图,切图人员可以依赖计算机把图层对象精确的切割出来,这样切割出来的图层肯定比传统切图切出来的精准度高.另一方面,CC版本可通过脚本执行全自动切图,这样完全解放了切图人员的

网页设计中ps切图注意问题

最近工作中老是用到ps切图,然后高手说我切图做的不好,在此去网上找了点材料汇集起来,作为参考: 网页设计的切图,最好先用PS做出效果图,然后进行切图.   一.切图的原则:  1.图切的大小越小越好. 2.图切的数量越少越好. 那对于一整张图来说,同时达到这两个原则是相互矛盾的,所以一个网页差不多切成20-30个图就可以了,这样网页的加载速度是不会受影响的.  二.切图的技巧:  1.一行一行的切图.  2.背景的切成小条.  3.不能分开的不分好了,选行的时候要注意怎么样合理.  4.切图的时

Assistor PS切图

下载.net framework PS外挂:Assistor PS 使用指南-软件介绍与下载 标注.切图.圆角.自定义参考线.单位换算N合1神器-Assistor PS 一款APP从设计稿到切图过程全方位揭秘 免费了!切图标记外挂神器ASSISTOR PS深入解读(上) APP切图实例操作 UI基础教程 – 原生App切图的那些事儿 Assistor PS切图标记工具的详细教程与汉化 android APP UI设计图标注.换算