一. 使用ps前的一些设置工作

1.首选项的设置

编剧-首选项-单位与标尺-【标尺/文字】改为像素

2.面板的设置
窗口--仅保留常用的【F7图层】、【F8信息】、【历史记录】。

3.视图的设置
视图--仅保留常用的【显示额外内容】、【标尺】、【对齐】、
视图--显示--参考线

4.工具框的设置 //工具栏从上到下
a.移动工具
选区面板处,自动选择开启,选项选择图层。

自动选择:开启后,使用选择工具时PS会直接选中鼠标点击图形所在图层;否则需要在目标图形上右键选择图层,比较麻烦。
图层/组:选择图层选项后,PS会选中鼠标点击图形所在图层;选择组选项后,PS会选中鼠标点击图形所在图层的组里。

b.矩形选框工具

c.魔棒工具
选择不规则图形时使用,不满意时可以设置容差
【小技巧:确定图片是否为渐进色,可设置低容差,观察魔棒选取区域】

d.裁剪工具
选择裁剪工具后,图片边缘处会出现一个圈虚线,拖动虚线裁剪图片,最后在保留的图片上双击完成裁剪。

last.放大镜
可以放大/缩小图片, 建议使用快捷键。
PS:别忘了保存自己的工作区。

二. 常用的快捷键

1.撤销
a.只撤销一步 //再次输入会把操作加回来
Ctrl+Z
b.连续撤销 //输入多少次就删除多少步
Ctrl+Alt+Z
c.历史记录
直接在历史记录里选,要退到哪一步就选哪一步

2.放大/缩小
a.【Ctrl】+【+】/【Ctrl】+【-】

b.【Alt】+【鼠标滚轮】

c.100%显示图片
【Ctrl】+【1】

3.矩形选区的增减
使用矩形工具选出矩形后,
a.【按住Shift】增添区域

b.【按住Alt】 删除区域

c.【按住Shift+Alt】 交叉选区

4.保存
【Ctrl】+【c】/【Ctrl】+【n】/【Ctrl】+【s】 //连招存图

【Ctrl】+【Alt】+【Shift】+【S】 //存储为web用图片

5.标尺

【Ctrl】 + 【R】快速调出标尺

点击边框,拉出参考线

6. 更改图层的背景色

【Alt】+【Delete】换成前景色

【Ctrl】+【Delete】换成背景色

三. 图片类型

1.写在结构里的、内容性的,JPG
色彩丰富,无透明度要求

2.写在样式里的、装饰性的,PNG8/PNG24
a.PNG8
色彩相当不丰富,无论有无透明度要求
使用索引颜色会丢色,必须在【图像】--【模式】里选择RGB颜色

b.PNG24
在任何有半透明需求的情况下,都使用这个(在IE6下不支持半透明)

四. 切图

切图
1.文字若为独立图层,隐藏文字图层(隐去眼睛图标)

2.文字与背景合并了
a.背景图可以拉伸---矩形选框工具选一个矩形框,然后【编辑】--【自由变换(Ctrl+T)】拉动这个矩形框,最后双击即可。

b.背景图不适合拉伸-矩形选框工具选一个矩形框,选择移动工具然后按住【Alt】键移动即可。(如果想水平移动就再按住【Shift】键)

3.带背景切图(必须先 把图层合并/【图层】--【合并可见图层】)
先用矩形工具框住目标区域,然后选择魔棒工具,按住【Alt】后点击想要删除的区域,完成。

前端ps部分的更多相关文章

  1. 学习笔记2:前端PS切图

    前端PS切图 一.Photoshop的界面设置 二.Photoshop的基本操作 三.Photoshop的传统切图 四.Photoshop的精准切图 五.Photoshop的扩展知识 视频学习:htt ...

  2. 前端PS常用切图技巧

    前言:前端涉及到的 ps 操作不算复杂,基本上就是切图,本文总结了常用的几种切图技巧. 工具:photoshop cs6 . photoshop cc 1. 传统切图 01 这是最笨的一种方法,核心就 ...

  3. 前端ps实用小技巧

    下面总结了几个日常使用PS的小技巧,希望对大家有所帮助(重点推荐第一个小技巧) 场景一:用ps测量PSD图中的元素宽高间距时,一般是手动使用 测量,但其实是有快捷键的,如下图 首先选中元素相应图层,然 ...

  4. 前端PS切图

    http://www.imooc.com/learn/506    慕课网地址 Tools Tools  Photoshop 快捷键 l  移动工具 V l  选取工具 M l  套索工具 L l  ...

  5. 前端ps切图,图文教程,详细。

    https://blog.csdn.net/OBKoro1/article/details/69817571 1.下载 我现在使用的版本号:PS-CS6,网上很多破解版本的自行搜索下载. 2.安装好P ...

  6. 前端PS切图技巧

    先选择“编辑”-“首选项” 打开,找到“参考线”    设置一下每格网格 100像素 5个细块 确定后 ctrl+‘ 出现网格.(通过网格对齐切图比用参考线切图更好). 如果使用PS cc的软件的话, ...

  7. 前端ps中常用的操作

    昨天,ui给了个psd图,让写成网页.额,要自己切图.很久之前,操作的还凑乎.但是,好久了,都忘了.所以,打算自己记个笔记,方便以后查看. 首先,打开ps就先来设置一下ps的单位啦点击最上面的一行的编 ...

  8. 前端ps常用的小技巧

    一些很简单的例子,知道的就当看乐子. 1.T 是文字的  可以从矢量图中查看文字的大小 字体 颜色,具体就是T  选择一段文字,点确定,点击属性栏最后一个可以看详细信息.又字体,行高,颜色.如果要选取 ...

  9. 前端必备PS技巧

    hai,how is it going?I'm MuQing.I come back.哈哈,最近在英语的路上奋战,小秀一下.又好久没写博客了,实习的生活渐行渐远了,回到学校也终于能够坐下来对很多东西进 ...

随机推荐

  1. centos7设置时间和时区

    1.安装ntp服务软件包:yum install ntp 2.将ntp设置为缺省启动:systemctl enable ntpd 3.修改启动参数,增加-g -x参数,允许ntp服务在系统时间误差较大 ...

  2. ImageMagick、imagick和ghostscript三者的关联

    http://467754239.blog.51cto.com/4878013/1602518/ 一.功能概述 ImageMagick是第三方的图片处理软件,功能要比GD强大.建议两者都安装,并不冲突 ...

  3. 关于git CRLF LF结尾的问题

    在使用git的过程中,如果我们的项目是跨平台开发的 那么CRLF的处理也许会成为一个很头疼的事情,有可能会出以下的莫名其妙的问题: 我们的某个开发人员在linux上提交的一个文件 当从windows上 ...

  4. 解决Error:All flavors must now belong to a named flavor dimension. Learn more at https://d.android.com

    主app的build.gradle里面的 defaultConfig { targetSdkVersion:*** minSdkVersion :*** versionCode:*** version ...

  5. Python代码统计工具

    目录 Python代码统计工具 声明 一. 问题提出 二. 代码实现 三. 效果验证 Python代码统计工具 标签: Python 代码统计 声明 本文将对<Python实现C代码统计工具(一 ...

  6. Ubuntu下SSH无密码验证配置

    前言 SSH为Secure Shell 的缩写,是目前较可靠,专为远程登录会话和其他网络服务提供安全性的协议.越来越多的小伙伴们使用远程登录,而ssh安全性无疑是很高的,那么我们现在来看看如何实现ss ...

  7. jmeter中split分隔字符

    jmeter中自带了split函数,但是,注意但是,不能使用"-",","等等符合,否则会报错. 没办法,转投入beanshell的怀抱,使用split,发现& ...

  8. Atom与markdown

    简述 Atom是github开发的开源跨平台的编辑器,Atom的强大可以与大名鼎鼎的Sublime Text相媲美.因为使用过Sublime Text,所以用Atom上手很快.这篇文章主要介绍使用At ...

  9. java整形数据和浮点型数据

    在定义数据的时候,如果有不是整形的数据(单精度,双精度之类的),那么运算的时候要在其所在式子里的数据后面加上.0,否则会出现(1/2=0.1.0/2=0.5)的现象,比如如下代码 public cla ...

  10. CH 1201 - 最大子序和 - [单调队列]

    题目链接:传送门 描述输入一个长度为n的整数序列,从中找出一段不超过m的连续子序列,使得整个序列的和最大. 例如 $1,-3,5,1,-2,3$. 当 $m=4$ 时,$S=5+1-2+3=7$:当 ...