前端切图相关ps技术
标签(空格分隔): 前端切图
复制图层到一个新的ps文件
对于单个图层
1.选中图层
2.CTRL+A全选
3.CTRL+C
4.CTRL+N新建文件,文件大小默认就可以(背景透明也在这个面板设置),新建的文件大小默认就是你当前图层的大小(比较便利)
5.CTRL+V。针对一个以上的图层
1.按住Ctrl,鼠标点击想要的图层
2.右键选择复制图层选项弹出设置面板,文档项选择新建即可;另一种比较好用的方法是选择‘转化为智能对象’,然后步骤同单个图层即可完成
切图方法
- 比较笨的方法就是采用裁剪的方式
 - 需要大面积切图的话,可以使用切片工具。用参考线作为切图标准,选择切片工具,在上面的面板上选择‘基于参考线的切片’,保存即可
 - 如果只需要的单个小图片,参照上面‘复制图层到一个新的ps文件’即可实现
 
切片过程中遇到的小问题
大家会发现切片的结果分为灰色、蓝色和棕色区域,蓝色指已经被切好的切片,灰色不属于用户切片的范畴,棕色切片表示你刚切好的切片(意义不大)。
在保存切片的时候,分为保存所有切片、所有用户切片和选中的切片,所有切片是指灰色、蓝色和棕色区域所有的切片,用户切片则是指蓝色和棕色区域,选中的切片则值当前鼠标选中的切片
前端切图相关ps技术的更多相关文章
- APP切图标记PS的外挂神器-Assistor PS(转)
		
目前APP设计师们对Assistor PS 可是好评连连,说是切图仔的福音或救星.确实是这样的. 与其他切图标记软件不同的是,Assistor PS 是完全独立于 PS 本身的,说是一个外挂更加合适, ...
 - 前端切图神器-cutterman
		
之前我写过一篇关于前端切图的博客:https://www.cnblogs.com/tu-0718/p/9741058.html 但上面的方法在切图量大时依然很费时间,下面向大家推荐这款免费切图神器 c ...
 - 前端切图实战(PSD设计稿转化为前端)
		
课程来源:https://www.imooc.com/learn/668 一:读设计稿 划分:头部.尾部.公共部分.大概分多少块.logo的重用.列表有哪些.各部分用什么技术实现等等. 二:建立项目目 ...
 - 切图技巧——PS篇
		
1.选框工具这里可以选择增加选区.减少选区 ==> 2.存储为web格式 1)JPG:一般用于大图 2)gif:可作动图,与png-8基本一样,不支持半透明 3)png-8:不支持动图,不支持半 ...
 - Mac下Web切图常用PS快捷命令
		
Mac下 Z 放大镜 双击放大镜 图片会回到100%大小 C 切片工具 B 画笔 alt 在B模式下 吸取颜色 M 选区(默认) 点击第二次M 矩形选区 可以固定大小 shift+c ...
 - ps前端切图常用快捷键
		
一.新建文件:预设-自定:宽度1920,单位像素,高度自定义:分辨率:72像素/英寸:颜色模式:RGB,8位:背景色:透明:可存储预设,下次新建的时候,直接在预设中,选择那个名称,点确定.视图:显示- ...
 - 【前端切图】用css画一个卡通形象-小猪佩奇
		
最近在腾讯云技术社区遇到了一位奇才,用css画出了一个社会人小猪佩奇,不得不服.研究了一下他的文章https://segmentfault.com/a/1190000014909658,感觉甚是有趣, ...
 - 前端切图要选择png和jpg呢?
		
今天特意验证了一下: 切完图分别保存png24.png8和jpg60.jpg80(60和80表示保存图片时品质选择)后, 然后再压缩图片,压缩图片地址:https://tinypng.com/ 图片直 ...
 - 前端切图|点击按钮div变色
		
<!DOCTYPE html> <html> <head> <title>点击按钮div变色.html</title> <meta c ...
 
随机推荐
- jQuery学习- 位置选择器
			
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
 - Redis架构之防雪崩设计:网站不宕机背后的兵法
			
互联网系统中不可避免要大量用到缓存,在缓存的使用过程中,架构师需要注意哪些问题?本文以 Redis 为例,详细探讨了最关键的 3 个问题. 一.缓存穿透预防及优化 缓存穿透是指查询一个根本不存在的数据 ...
 - Python之面向对象的组合、多态、菱形问题、子类中重用父类的两种方式
			
一.组合 ''' 1.什么是组合 组合就是一个类的对象具备某一个属性,该属性的值是指向另外一个类的对象 2.为何用组合 组合也是用来解决类与类直接代码冗余问题的 3.如何用组合 ''' # 继承减少代 ...
 - 第一个Django demo
			
平台:Pycharm Django 使用 Pycharm 进行开发,需要提前在 Pycharm 中(File > Settings > Project: Python > Proje ...
 - shentou mianshiti
			
给你一个网站你是如何来渗透测试的? 在获取书面授权的前提下.1)信息收集,1,获取域名的whois信息,获取注册者邮箱姓名电话等.2,查询服务器旁站以及子域名站点,因为主站一般比较难,所以先看看旁站有 ...
 - mysql的安装教程-【linux】
			
先卸载系统自带的mysql,停止mysql:service mysql stop 1.查找以前是否装有mysql命令:rpm -qa|grep -i mysql可以看到mysql的几个包:qt-mys ...
 - JetBrains激活 PyCharm | IntelliJ IDEA | CLion | WebStorm...
			
最近,JetBrains的IDE火了起来,身为学Java的人,放弃了Eclipse,选择了Idea,还真有点不舍得呢... 虽然Idea不错(在我看来,比Eclipse好用),但是,人家是收费的呀.. ...
 - (1) Python 数据类型功能
			
1.int 将字符串转化为数字 a="123" print(type(a),a) b=int(a) print(type(b),b) num="0011" ...
 - Netty源码分析第2章(NioEventLoop)---->第2节: NioEventLoopGroup之NioEventLoop的创建
			
Netty源码分析第二章: NioEventLoop 第二节: NioEventLoopGroup之NioEventLoop的创建 回到上一小节的MultithreadEventExecutorG ...
 - IDEA配置maven中央库
			
分两步: STEP :配置maven: STEP :配置IDEA.区分默认配置和项目级配置. STEP 1:maven中央库配置 国内常用的maven库主要是阿里云maven库.华为云maven. 其 ...