PS 工具是我们使用频率比较高的软件之一, 我们学习PS目的不是为了设计海报做电商和UI的,而是要求:

  1. 会简单的抠图

  2. 会简单的修改PSD效果图

  3. 熟练的切图

  4. 能和网站美工美眉有共同话题。。。。。

Photoshop基本使用

PS界面组成:

菜单栏、选项栏、工具栏、浮动面板(拖拽名称,可单独操作面板)、绘图窗口 ​ 窗口菜单,可显示隐藏所有面板

工作区:(新建)

调整浮动面板

基本操作

文件下拉菜单: ​ 1、新建 新建文档 CTRL+N

单位:像素 厘米 毫米

屏幕显示: 单位 像素 72像素/英寸 RGB颜色模式

2、关闭文档 CTRL+W

3、存储 CTRL+S (替存)

4、存储为 CTRL+SHIFT+S 另存一份文件

5、格式: ​ .psd PS源文件格式 图层、文字、样式等,可再次编辑 ​ (给自己) ​ .jpg 有损压缩格式 (给客户) 品质 最高12

6、文件打开: ​ 1)文件下拉菜单-打开(CTRL+O欧)

2)双击软件空白处也能打开 ​

移动工具 V

1、不同文件之间拖拽图像。

自由变形

ctrl + T 可以改变图像的大小

按下enter 回车确认操作。

图层操作(重点)

图层面板快捷键 F7 其实图层就是一张张透明的纸 可以实现叠加问题。

图层选择: 使用移动工具V

1、图层缩览图判断

2、按住CTRL,在目标图像上单击

3、将光标放置在目标图像上右键,选择图层名称

图层面板中加选图层:

1、按SHIFT,单击另一目标图层 中间所有图层被选中

2、按CTRL,单击另一目标图层 只选中目标图层

复制图层:选中目标图层后(移动工具状态下)

1、按ALT拖拽图像

2、CTRL+J (重合)

案例: 摆放一个自行车

图层编组

选中目标图层,CTRL+G

取消编组:CTRL+SHIFT+G

双击图层名称可重新命名

双击组名称,可命名组

移动工具V选择组或图层时,需设置选项栏

图层上下位置移动

1、选中目标图层,在图层面拖拽

2、CTRL+] 向上移动图层 ​ CTRL+[ 向下移动图层

3、CTRL+SHIFT+] 图层置顶 ​ CTRL+SHIFT+[ 图层置底

移动选区或图像时:

移动过程中,没释放鼠标,按住SHIFT,可同一水平线、同一垂线、45度移动。

ps中的撤销操作是:

ctrl+z 撤销一步

ctrl+alt+z 撤销多步

图层合并

ctrl+e 可以合并图层

图层透明度

不透明度:设置图层的不透明程度 0%完全透明,不可见

100%完全不透明,真实可见

填充:与不透明度效果类似

键盘数字键,可快速设置透明度数值

矩形选区工具 M

用来选择某部分区域 我们成为选区工具

取消选区: ctrl+d

颜色填充

套索工具 L

1、套索工具 L 在屏幕上拖拽鼠标左键,释放后生成选区

2、多边形套索 L 连续单击绘制多边形选区

闭合方法:1、单击起始点 2、双击任意位置

DELETE删除当前点

磁性套索 L

L 在颜色交界的位置单击后拖动。单击起始点后,生成选区。

魔棒工具 W

以单击位置为选择色,选择相似颜色生成选区。

容差:选择颜色的范围 容差小,颜色选择精确。 0-255

连续:勾选连续时,相连颜色生成选区。

不勾选,画面中所有相似颜色被选中生成选区。

按SHIFT在未生成选区位置单击,可选区相加。

选区反选:CTRL+SHIFT+I

选区布尔运算

选区面积大小的变化。

新选区:保持选中状态

添加到选区:相加运算(按住SHIFT再绘制选区)

从选区减去:相减(按住ALT再绘制选区)

与选区交叉:重合部分保留。(按住ALT+SHIFT再绘制选区)

梦幻星球

钢笔工具: P

作用:绘制路径,生成选区,抠图。

组成;路径线和锚点

绘制路径后,CTRL+回车,生成选区。

路径类型:

直线型路径:连续单击

曲线型路径:第一点单击,第二点拖动鼠标。

文字工具

T 可以直接输入文字

Photoshop 切图

PS切图 可以 分为 手动 利用切片切图 以及 利用PS的插件快速切图

切片工具

  1. 利用切片工具手动划出

  2. 图层菜单---新建基于图层的切片

  3. 利用标尺 基于参考线的切片 (选择切片工具)

4.先选个一个整个的切片, 切片选择工具-- 属性面板中有 “划分” --可以等分数平分切图

导出切片: 文件-- 存储为web设备所用格式

辅助线和切片使用及清除

视图菜单-- 清除 辅助线/ 清除切片

切图插件

Cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。

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

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

Photoshop基本操作的更多相关文章

  1. PS切图(一)

    Photoshop界面设置 新建文件Ctrl+N,其中[预设]-[web],[宽度]-[1920],高度不定.[背景内容]-[透明],也可存储为预设. 移动设置(V) 建议不勾选[自动选择],选择[图 ...

  2. PS:切图

    1.从psd中获取资源 2.基本了解 3.简单的图片操作和调整 4.对自己的审美提高一.界面设置: 1.新建设置:ctr+n; 预设:Web,大小Web(1920*1080) 背景:透明 2.移动工具 ...

  3. 小小知识点(十四)——Adobe photoshop cc 2018中简单抠图的一些基本操作

    一 如何抠图 1. 右键弹出选择工具,随后鼠标左键选择快速选择工具 2.通过点击鼠标,选择想要的区域: Alt+鼠标右键  左右拖动鼠标可调整画笔大小 Alt+鼠标滑轮,可放大或缩小画布大小 ctrl ...

  4. (转)价值240万的photoshop中文教程,错过了后悔都来不及 (吹得好响)

      PS抠图方法 一.魔术棒法——最直观的方法 适用范围:图像和背景色色差明显,背景色单一,图像边界清晰. 方法意图:通过删除背景色来获取图像. 方法缺陷:对散乱的毛发没有用. 使用方法:1.点击“魔 ...

  5. 替代PhotoShop:GIMP图形编辑器的使用

    GIMP最早是linux环境下用于图形编辑的一款开源软件,目前的功能很已经很丰富,如果使用得当,在很多的图形编辑操作上完全可以替代收费的Photoshop(PS).目前GIMP已经发展成了多平台的开源 ...

  6. Photoshop零基础教程集锦,助你快速进阶为大佬,轻松、任性!!!

    现今,对于Web或App UI设计师而言,除了不断学习专业知识,提升设计技能.掌握一款得心应手的设计工具(例如设计师们常用的图像处理工具PhotoShop,矢量图绘制工具AI, 图形视频处理工具AE, ...

  7. Dreamweaver Flash Photoshop网页设计综合应用 (智云科技) [iso] 1.86G​

    全书共15章,主要包括网页制作基础.Dreamweaver CC网页制作.Photoshop CC网页图像设计.Flash CC网页动画设计以及综合案例实战5个部分.通过本书的学习,不仅能让读者学会三 ...

  8. Photoshop入门教程(一):文本新建与概念解析

    写在开头 <Photoshop实用入门>系列教程可能对于一点都没有接触过Photoshop的人来说不太容易接受,因为本教程并没有细致到教你如何使用画笔工具等一系列很基础的东西,有些地方的讲 ...

  9. Dreamweaver Flash Photoshop网页设计综合应用 (智云科技) [iso] 1.86G

    全书共15章,主要包括网页制作基础.Dreamweaver CC网页制作.Photoshop CC网页图像设计.Flash CC网页动画设计以及综合案例实战5个部分.通过本书的学习,不仅能让读者学会三 ...

随机推荐

  1. echart 柱状图背景色设置

    方法一: series: [ { name: '1', type: 'bar', itemStyle: {//柱图背景色 color: '#111' }, data: list }, { name: ...

  2. 微信小程序のwxs

    WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构. wxs可以说就是为了满足能在页面中使用js存在的,在wxml页面中,只能在插值{{ }}中写简单的j ...

  3. zepto-touch事件

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. Webstorm 、ECMAScript 6 、AngularJS

    突然接到一智障询问以上内容,大发善心总结(其实就是CV大法)一下下,希望能帮助某智障.....上干活! WebStorm 刚看到我是懵逼的,但是看到和其他两个在一起,猜想到是前台的一开始以为是前台框架 ...

  5. 27 string类中常用的方法列表

    1. 获取方法 int length()     获取字符串的长度 char charAt(int index) 获取特定位置的字符 (角标越界) int indexOf(String str) 获取 ...

  6. vue组件间函数调用

    vue父子组件间函数调用 <Child ref="myChild"></Child> // 父组件 // 引入子组件 import Child from ' ...

  7. 二分法的应用:最大化最小值 POJ2456 Aggressive cows

    /* 二分法的应用:最大化最小值 POJ2456 Aggressive cows Time Limit: 1000MS Memory Limit: 65536K Total Submissions: ...

  8. Android SDK 环境变量配置

    ANDROID_HOME = D:\Package\android-sdk-windows 在path 中加入 %ANDROID_HOME%\tools 和 %ANDROID_HOME%\platfo ...

  9. 黑科技之杜教bm

    这个板子能够解决任何线性递推式,只要你确定某个数列的某项只与前几项线性相关,那么把它前若干项丢进去,这个板子就能给你返回你要求的某项的值. 原理???(待补充) #include<bits/st ...

  10. Android Telephony分析(一) ---- Phone详解

    目录: Phone的继承关系与PhoneFactory(GsmCdmaPhone.ImsPhone.SipPhone) Phone进程的启动 Phone对象的初始化(DefaultPhoneNotif ...