【工具】前端Photoshop
前端photoshop最常见问题:
- 字体单位换成像素:按下ctrl+k调出首选项,选择单位与标尺,在里面把文字单位由点改为像素就行了。不过要注意的是,点是很多软件里面文字的默认单位。像素是虚拟单位,如果以它做基本单位在输出的时候可能会出问题。
- 切雪碧图:接着魔棒或者快速选择icon图,点击裁剪,把所有的小icon图都拖拽到一个新建的透明的图层中,然后用标尺定位,回车确认裁剪,在文件-储存为web所用格式,预设PNG-24,存储即可。
- 切海报大图:隐藏其他图层,只选择可视海报图所在的组,如果图上有文字之类的就会是一个组,隐藏组中不需要的内容。将整个组复制到新的文档,然后合并为一张图。接着魔棒或者快速选择所需要的图,点击裁剪,自动得到最合适的大小,回车确认裁剪,在文件-储存为web所用格式,预设PNG-24,存储即可。
- 切片切图:用切片把需要的图片都裁剪出来,然后去掉背景,剪切,选择储存为web所用格式。
- 切按钮图:按钮是渐变色无法用颜色设置的,需要保存1px宽度图片然后用平铺来完成的图,在切图时裁剪好后选择图像-画布大小-width为1即可。
- 切多图层的图:要么合并它们拖拽到新建的透明的图层中,裁剪,保存。要么直接用裁剪保存。
- 获取背景颜色:选择吸管工具,右击保存十六进制代码。
- 自动选择图层:在移动工具下选择左上角自动选择-图层。ctrl+鼠标左键。
- 仅选择一图层:按住alt然后选择其中一个眼睛。
- 测量长度:按下F8,可以看到文字旁边的信息面板会显示宽高。
- 复印屏幕:Print Sc SysRq,在PS中粘贴。
- 快速切单独小图:把小图选择出来,复制,然后Ctrl+N新建,会新建出和图片一样大小的新图,然后粘贴,即可得到之前选择的小图。
- 放大镜:快捷键ctrl++,缩小ctrl+-。双击放大镜欢迎100%。
Photoshop cc版本能用到的切图方法:
Photoshop精准切图
打开文件-脚本-图片保存到文件,然后选择格式,切图等待。。这个方法有毒,有生之年,等不到图片。
photoshop扩展知识
psd图片的自动切图方式,可以把阴影等都切进来,有需要进行学习。
切图技巧步骤1:编辑- 首选项 - 增效工具 - 使用生成器
切图技巧步骤2:文件-生成 - 图片资源【直接通过向图层或文件夹添加或删除后缀名 .png / .jpg / .svg ,自动导出或删除图片。注意:文件名还可以命名为200%文件名(x%文件名是原大小百分之x大小),jpg8、.png8、.png24....(原质量的百分之x)】
.svg格式是一种矢量图的格式,图片变成代码。
抽出资源:文件-抽出资源
复制css:选择-图层-复制成css样式(非智能对象),可用于自己制作的图片或文字
1.编辑——首选项ctrl+k——勾选启动生成器
2.文件——生成——勾选图像资源【文件夹.assets】
3.文件命名--200%文件名space@/文件名8(尺寸/大小)
4.图层--复制CSS sublime text2【这个技能不错】
5.图层管理
【工具】前端Photoshop的更多相关文章
- [工具]前端自动化工具grunt+bower+yoman
安装过程 安装nodejs 安装grunt,bower,yoeman 命令:(-g 表示全局安装,否则安装到当前目录下) npm install -g grunt-cli npm install -g ...
- 前端photoshop 切图神器cutterman
1. 切图真的是就件很费力的事情,接下有给大家提供一个工具,本人觉得还不错 http://www.cutterman.cn/ 请参考这个网站,安装方法也有,很简单,我就不说了,赶紧点连接去注册帐号吧
- windows系统下sublime text3开发工具前端配置
1.打开https://www.sublimetext.com/3下载最新版Sublime Text 3安装. 2.打开packagecontrol安装方法按提示安装packagecontrol,或者 ...
- 浅谈前端常用脚手架cli工具及案例
前端常用脚手架工具 前端有很多特定的脚手架工具大多都是为了特定的项目类型服务的,比如react项目中的reate-react-app,vue项目中的vue-cli,angular 项目中的angula ...
- Web前端开发工程师养成计划【转载】
Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国 ...
- 前端工作面试问题--摘取自github
前端工作面试问题 本文包含了一些用于考查候选者的前端面试问题.不建议对单个候选者问及每个问题 (那需要好几个小时).只要从列表里挑选一些,就能帮助你考查候选者是否具备所需要的技能. 备注: 这些问题中 ...
- (生活)Photoshop入门(不定时更新)
我可能是想找个工作以外的事情做一下. 目标:我要自学网PhotoShop商业修图. 笔记: .图层 .1总结: 1.1.1图层就好像画画的一张纸,但是每一层又互不影响. 1.1.2图层蒙版(覆盖一层玻 ...
- 前端PS常用切图技巧
前言:前端涉及到的 ps 操作不算复杂,基本上就是切图,本文总结了常用的几种切图技巧. 工具:photoshop cs6 . photoshop cc 1. 传统切图 01 这是最笨的一种方法,核心就 ...
- 毕业生想学习web前端,应该怎么学才能最快找到工作?
首先无论你要学习任何技能,必须有一个清晰的版图,什么是清晰的版图呢?首先了解你学的技术将来要从事什么工作,这个工作的条件是哪些? 然后你要有一个非常清晰的学习大纲,切记学习任何东西都要系统,不可胡乱的 ...
随机推荐
- 系统无法安装 OfficeControl.ocx 控件如何解决
在OA上要直接查看word等公告文件,就必须安装office控件.要安装office控件,需要在IE浏览器中做相应的设置.如何设置呢,下面由小编具体介绍下. 工具/原料 OA IE浏览器 方法 ...
- pydevd 一次trouble shooting
只是一次小的trouble shooting. 關於python的遠程調試功能.但是由於思路混亂.浪費了許多時間,記錄一下整個過程.作爲改進的參考. 问题背景: 我之前一直在ubuntu上用pycha ...
- mvn打包源码的方法:maven-source-plugin
maven-javadoc-plugin可以打包 dubbo-demo-provider-2.6.1-javadoc.jar maven-jar-plugin 打包插件 dubbo-demo-prov ...
- 绑定服务时什么时候调用onRebind
Serivce中onRebind被调用的时机非常特别,想知道什么时候onRebind被调用,能够接以下的次序来学习.最后自然就明确了! 1. 首先要知道.同一个服务既可能被启动也能够被绑定; 2. S ...
- 中国第二代身份证验证js代码
以下这部分代码截取自盛大的某个网页.详细我就不给url了.以下是相应的js代码: iW = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1); iSum ...
- 扩展欧几里得模板&逆元求法
拓展欧几里得: 当 gcd ( a , b )= d 时,求绝对值和最小的 x , y 使得 x * a + y * b = d : d = gcd ( a , b ) = gcd ( b , a m ...
- android 添加手机短信,获取手机短信,删除手机短信和修改手机短信
注意添加权限: <uses-permission android:name="android.permission.READ_SMS"></uses-permis ...
- bzoj 1017 魔兽地图DotR
题目大意: 他们需要购买装备来提升自己的力量值,每件装备都可以使佩戴它的英雄的力量值提高固定的点数,所以英雄的力量值等于它购买的所有装备的力量值之和.装备分为基本装备和高级装备两种.基本装备可以直接从 ...
- 昆石VOS3000_2.1.2.4完整安装包及安装脚本
安装包下载地址:http://www.51voip.org/post/56.html 安装教程: 上传安装包 ·给整个目录授权 chmod 777 /root/vosintsall `核实 关闭sel ...
- TCP/IP的排头兵――地址解析协议(ARP) (转载)
转自:http://blog.csdn.net/wangxg_7520/article/details/2488442 一.引言 古人行军打仗,都要有一个可以引领队伍前进方向的排头兵,在TCP/IP网 ...