千锋教育-做有情怀、有良心、有品质的职业教育机构

当前位置:首页  >  关于学院  >  技术论坛  >  正文

UI培训教程分享:常见的图片格式有哪些?PS三种切图方式

来源:千锋教育
作者:qyf
关键词: UI培训 UI培训班
2022-01-19
分享

  本期UI培训教程主要为大家分享常见的图片格式有哪些?PS三种切图方式!在布局页面时,是需要对图片部分进行切片处理,切图可以说是每个前端必须掌握的基础技能之一,在实际开发中,PS切图可以说是最方便快捷的,PS 有很多的切图方式:图层切图、切片切图、PS 插件切图等都是比较常用的。

  常见的图片格式:

  1. jpg图像格式: JPEG(.JPG)对色彩的信息保留较好,高清,颜色较多,我们产品类的图片经常用jpg格式的

  2. gif图像格式:GIF格式最多只能储存256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果, 实际经常用于一些图片小动画效果.

  3. png图像格式是一种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景. 如果想要切成背景透明的图片,请选择png格式.

  4. PSD图像格式PSD格式是Photoshop的专用格式,里面可以存放图层、通道、遮罩等多种设计稿. 对我们前端人员来说,最大的优点,我们可以直接从上面复制文字,获得图片,还可以测量大小和距离.

  图层切图

  最简单的切图方式:右击图层→快速导出为 PNG。但是很多情况下,我们需要合并图层再导出:

  1. 选中需要的图层: 图层菜单→合并图层(ctrl+e)

  2. 右击→快速导出为 PNG 最好的方法是: 沟通

  切片切图

  PS 有很多的切图方式:图层切图、切片切图、PS 插件切图等。

  1. 利用切片选中图片

  利用切片工具手动划出文件菜单

  2. 导出选中的图片

  导出→存储为 web 设备所用格式→选择我们要的图片格式→存储。

01

  PS 插件切图

  Cutterman是一款运行在Photoshop中的插件,能够自动将你需要的图层进行输出,以替代传统的手工

  "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。

  官网:http://www.cutterman.cn/zh/cutterman

  注意:Cutterman插件要求你的PS 必须是完整版,不能是绿色版,所以大家需要安装完整版本。

02

  关于“常见的图片格式有哪些?PS三种切图方式”的内容,上面已经为大家做了详细的介绍,如果您想了解更多关于千锋教育或者UI设计的相关资料及信息,可以咨询我们的客服小姐姐,他们会为您做详细的解答。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

相关推荐

  • 他们说的抖音带货“兴趣电商”到底是什么? 一、什么是兴趣电商? 兴趣电商是一种基于人们对美好生活的向往,满足用户潜在购物兴趣,提升消费者生活品质的电商 兴趣电商成交路线: 1.娱乐消遣,无明确购买需求 例如:休闲一下,刷会 抖音,看看今天有什么好玩的视频! 2.短视频/直播娱乐 例如:这个小姐姐画眼线也太熟练了吧! 3.被提示痛点 例如:一直想学学画眼线,好像得买只眼线笔? 4.被激发商品兴趣与购买需求 例如:小姐姐用的眼线笔看上去很适合新手,不如买来试试?
  • 任何一个做抖音、开直播没流量的人 不看这篇我都会伤心 短视频播放量破不了500、直播间在线人数个位数、用心做了短视频就是没流量……这些做抖音短视频和开直播的常见问题,小编就帮大家盘一盘流量那点事儿,并交上一份你急需的解决方案,快来领取!
  • 手把手教你提升抖音店铺&账号管理能力 结合我的经历、特点等和用户画像决定账号的相处关系,主要分为: 高大上、近生活、接地气   我是谁 + 用户是谁   二、账号主页搭建六要素   1.头像   l 人物ip:形象照、生活照、艺术照画质清晰、有亲和力
  • Python培训教程:python字符串连接的五种方法 学习Python技术的同学们应该都会接触到Python字符串这个课程,字符串是python中最常用的数据类型,我们可以使用引号('或")来创建字符串;而且创建字符串很简单,只要为变量分配一个值即可。那么python连接字符串的方法有哪些呢?
  • UI培训分享:ui设计的简约风格有哪些误区? 从事UI设计工作的我们,对于设计风格是一定要有自己的思维的,很多企业都要求简约风格,那么到底什么样的是简约风格?ui设计的简约风格有哪些误区?来看看下面的详细介绍。
  • Python培训教程分享:Python魔法方法是什么?如何使用? 本期Python培训教程分享:Python魔法方法是什么?如何使用?魔方方法是Python的内置方法,无需主动调用,主要目的就是为了给Python的解释器进行调用,而且每个魔方方法都有一个对应的内置函数或运算符,接下来我们来看看具体的介绍。