一. 使用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. linux命令之间的分号,&&, ||

    在用linux命令时候, 我们经常需要同时执行多条命令, 那么命令之间该如何分割呢? 分号: 顺序地独立执行各条命令, 彼此之间不关心是否失败, 所有命令都会执行. &&  : 顺序执 ...

  2. 也谈.Net中间语言——破解Delphi2CS行数和时间限制

    其实我一直在研究将Delphi版的传奇2源代码使用C#实现,不过由于我并没有学习过Delphi.就只能说先试着用一些工具转换代码. 后来我在网上找到了一款软件:Delphi2CS.这款软件比较强大,虽 ...

  3. G - Supermarket

    A supermarket has a set Prod of products on sale. It earns a profit px for each product x∈Prod sold ...

  4. SVN创建分支主干策略

    本篇目录 前言 SVN分支管理策略 VisualSVN Server TortoiseSVN客户端 Repository的创建 Check out trunk创建新项目MyProject trunk更 ...

  5. Mysql 全文搜索 Match Against用法

    全文检索在 MySQL 中就是一个 FULLTEXT 类型索引.FULLTEXT 索引用于 MyISAM 表,可以在 CREATE TABLE 时或之后使用 ALTER TABLE 或 CREATE ...

  6. 三剑客之awk

    简介 awk是一个强大的文本分析工具,相对于grep的查找,sed的编辑,awk在其对数据分析并生成报告时,显得尤为强大.简单来说awk就是把文件逐行的读入,以空格为默认分隔符将每行切片,切开的部分再 ...

  7. Oracle的字符连接函数 concat 和 || 的区别

      总结:concat 只能连接两个字符串,|| 可以连接多个

  8. CentOS 7.4下使用yum安装MySQL5.7.20 最简单的 (引用)

    引用 https://blog.csdn.net/z13615480737/article/details/78906598 CentOS7默认数据库是mariadb, 但是 好多用的都是mysql ...

  9. 网易云信&七鱼市场总监姜菡钰:实战解读增长黑客在B端业务的运用

    近些年 ,随着互联网的迅速崛起,“增长黑客”一词逐渐映入大众的眼帘,并成为了最热门的话题之一.从2018年开始,线上流量触达天花板,引流之争的激烈程度空前高涨,企业为了获得更多的关注,产品的比拼.流量 ...

  10. Spark安装部署(local和standalone模式)

    Spark运行的4中模式: Local Standalone Yarn Mesos 一.安装spark前期准备 1.安装java $ sudo tar -zxvf jdk-7u67-linux-x64 ...