近来中意ui方面学习,从视频中总结了些许notses,希望能够帮到共同喜欢(❤ ω ❤)的友友

·基础了解

位图:由像素组成的图片,把位图无限放大以后看到很多小方格,一个方格代表一个像素

矢量图:放大缩小不失真,放大后不会有像素格

分辨率:单位长度内包含的像素点的数量,分辨率越高图片越清晰

打印:72

喷绘(室内)72

喷绘(室外)30-40

印刷:300-350

网页/移动端(屏幕显示)72

Rgb:红绿蓝色彩模式,屏幕显示模式

Cmyk:组成的青色4色,印刷颜色

HsB:色相,基于人眼

新建文件:ctrl+N

L明度a绿到红色值b:大自然颜色

打开文件:commad+N(window)ctrl+O

图片拖到ps菜单栏显示图标,图片拖到ps图标;

填充前景色:Alt+delete

填充背景色:Cmd+delete

默认回前景色背景色:D

切换前景背景色:X

图形100%显示:cmd+1

适合屏幕:cmd+0

放大文件cmd++/alt鼠标滚动

切换图片:Ctrl+Tab

保存图片:ctrl+S

另存为:ctrl+shift+S——保存原件psd(photoshop)格式,psb大型文件:保留图层

保存为web格式:ctrl+shift+Alt+S

常用格式:jpg无图层显示,png保存透明背景,TIFF格式文件较大,印刷模式;

·使用工具介绍

自由变换:cmd+T

按住shift键拉伸,同时缩放比例

按住shift+alt,从中心点向四周比例缩放

按住alt键可以修改中心位置

图层:F7(笔记本,先按fn才会有效果)窗口菜单下选择

图层种类:

  1. 背景层;新建文件自动出现一般背景曾不做操作
  2. 普通层:文件内的对象
  3. 文本层;文字工具打出来

图层前方眼睛:可以显示隐藏图层

图层上方方块:缩略图,选择图层面板右上角的图标,选择画板选择,可以在弹窗内调整缩略图大小

图层文字部分图层名称,双击文字可以改变名称

文字工具:T

选中文字后,按住alt键再向方向键可以调整文字的字间距和行间距

添加字体MAC:搜索框“字体册”打开后“+”再弹出框选择已经下载的目录,可安装

Win:直接把字体拷贝c盘windows---fonts目录下

移动工具:V

吸管工具I

橡皮擦E

裁剪C

属性栏上设置羽化值建立选区

反选“cmd+shift+I”   反相“ctrl+I”颜色反转

制作选区的过程要调整选区位置,按住空格键在移动鼠标

变换选区:在选区上点击右键,变换选区

收缩选区:菜单栏 选择——修改——收缩,在弹出的对话框输入要收缩的范围值

钢笔工具:P

用钢笔工具在文件上点击的点叫锚点,两个点之间的线段叫路径,可以更改路径方向的叫手柄

添加锚点:在路径上直接点击鼠标左键

减去锚点;在锚点上直接点击鼠标左键

转换点:按住alt在锚点上单击或拖拽手柄

移动锚点后手柄:属性栏“自动添加删除”需勾上

抠图时选路径/选中属性栏中自动添加删除可以修改锚点路径

转换点:按住alt单击鼠标拖拽/转化为直角

路径转换选区,cmd+enter

复制抠出的图:Ctrl+J

魔棒工具;W

容差值:取值范围0—255,容差值越大选择范围越大但不够精确,容差值越小选择范围越小越精准

应用范围:要选择的对象与背景颜色较大,背景颜色较单一的情况下

套索工具:L

套索工具:任意进行套选,松开鼠标左键会自动生成选区

多边形套索:适合选择规矩的形状(菱形/多边形)

磁性套索:具有一定的吸附性,按颜色范围

填充前景色到图形范围:alt+shift+delete

填充背景色图形范围:ctrl+shift+delete

通道抠图:

与画笔,钢笔工具同用

  1. 在通道面板选择一个对比较强的通道,右键复制通道
  2. 再复制通道上用色阶“cmd+L”调整明暗关系,让深色的地方更黑,亮部更亮
  3. 把中间需要扣图的部分用画笔或钢笔勾出并填黑色
  4. 按住cmd在调整好的通道前面方框点击,建立选区,选中白色区域
  5. 回到rgb通道,返回图层, Cmd+shift+I反选
  6. Cmd+I复制选区里的内容,此时完成

渐变工具:G

点击属性栏上渐变条可以弹出渐变预设器窗口,默认第一个渐变是前景色到背景色的渐变,渐变条下方滑块可以调整颜色,上方滑块可以调整不透明度

剪切蒙版:

利用上面图层的内容,填充下面图层的轮廓

  1. 按住alt建,在图层面板上把鼠标放在两个图层之间,鼠标变成方框和箭头形状时,单击鼠标左键
  2. 选择要剪切的图层,cmd+alt+G

释放剪切蒙版同理

上方的剪切蒙版可以有N个下方显示图层只能有一个

图层蒙版:

作用:针对当前的图层起保护作和遮挡的作用

添加图层蒙版的方法:通过图层面板下方的蒙版按钮添加

图层蒙版不具备色彩,只有黑白灰,白色表示可以显示的部分,黑色表示隐藏的部分,不同的灰度值表示不同的透明度

用法:

1、在图层上建立图层蒙版,将前景色变为黑色,用画笔在不需要的地方涂抹

2、在图层上建立图层蒙版,选择渐变工具,在渐变编辑器里选择黑白渐变,在拖拽出渐变效果

启用/停止用图层蒙版:按住shift建再点击蒙版即可

仿制图章:S (修图工具)

按住alt吸取拾色源,在需要修补的地方点击鼠标左键

滤镜:

用来实现图像各种特殊效果

滤镜库:

Ps自带的一些滤镜效果,如素描,塑料质感

液化:cmd+shiftX

快速瘦身、放大眼睛,根据需要修改的地方用“向前变形”“膨胀”等工具对图像进行收缩,推拉等;

滤镜——模糊

动感模糊:模拟物体运动产生的模糊效果

高斯模糊:可以使图片模糊效果,半径越大,模糊程度越大

径向模糊:

1、旋转:如同漩涡效果,可以模拟飞速旋转的车轮效果

2、缩放:可以用于模拟冲刺前进的运动状态

污点修复画笔工具:I

修复画笔工具;:按住alt吸取拾色源,可以和周围的环境进行融合

污点修复画笔工具:直接用,哪里不爽点那里,可以和周围环境进行融合

修补工具:直接画出选区移动到想要替换的位置,可以和周围环境进行融合,多用在范围较大的区域

内容感知移动工具:直接画出选区,注意属性栏模式,有移动和扩展,扩展是复制一个,可以和周围环境进行融合

红眼工具:直接在红眼上点击即可

模糊工具:

模糊工具:将涂抹的区域变得模糊,强度越大越模糊

锐化工具:可以快速聚焦模糊边缘,提高图像中某一部风的清晰度

涂抹工具:可以改变一个图形形状,多用于水波纹的制作

减淡工具:O:将图像亮度增强,颜色减淡

加深工具:将图像变暗,颜色加深

海绵工具,改变局部色彩饱和(鲜艳程度)属性面板2种模式“去色”是降低饱和度“加色”增加饱和度

匹配颜色:图像——调整——匹配颜色

可以将一个图像的颜色和另一个图像的颜色相匹配

渐变映射:

可以将相等的图像灰度范围映射到指定的渐变填充色

曝光度:

用来控制图片色调强弱工具

调节图片光感强度,数值越大图片越亮

位移:调节图片中灰度值,中间调到明暗

灰度系数矫正:用来减淡或加深图片灰色部分

黑白:cmd+shift+alt+B

把图片变为黑白灰,可以单独调节原来画面上各个颜色明暗

去色:cmd+shift+U直接把图片去色

柔光:alt+shift+F

滤色:alt+shift+S(去黑)

正片叠底:alt+shift+M(去白)

亮度/对比度:用来调整整个画面的明暗,以及明暗对比度

色阶:cmd+L

调整画面的明暗对比关系

在色阶对话框中有三个滑块,最右侧可使高光部分变得最亮,左侧可使暗部变得更暗,中间划块是中间调色明暗

曲线:cmd+M

所有对比度,亮度,色阶都可以通过曲线进行调整

色相饱和度:cmd+U

色相:色彩相貌,红尘黄绿青蓝紫

饱和度:颜色鲜艳程度

明度:明暗程度

如果想要整个颜色画面颜色统一,需要先勾选“着色”在调整色相

色彩平衡:cmd+B

用来调整画面的颜色,有三个选项

阴影:调整暗部

高光:调整亮部颜色

中间色:中间颜色调整

滤镜:杂色——添加杂色——可以制作下雨下雪场景图

ps中方平面设计:

平面构成基本元素

点:点缀,丰富画面气氛的元素

特征:体积小,分散的,远近对比,密集的物体

总结:

1、点是对比出来的,而不是由自身大小决定的

2、点可以很好的烘托氛围,显示重点,指示信息和活跃版面

3、点可以成为版面的肌理和背景

线:

1、线也是对比出来的,长度和宽度呈现极大对比时就能称为线

2、线呈现出点的移动轨迹

3、连续的文字也是线

4、线的功能性大于装饰性

面:是信息的载体,分割画面

特征:规则的,不规则的,几何形体

1、可以理解为点的放大、集中或重复

2、设计里“面”的塑造,具有平衡/丰富空间层次/烘托及深化主题作用

3、如果出现2个面,比例最好不要等比例

ps:cmd仅次于mac系统中,相当于windows中的Ctrl

ps基本认识的更多相关文章

  1. Linux命令:ps,netstat,top

    ps ps用于查看当前运行的进程.如果想查看动态的进程信息,可以使用top命令.查看详细命令帮助使用man ps. ps最常用的选项组合就是ps aux: # ps aux USER PID %CPU ...

  2. 一个前端所需具备的PS能力

    前端网页设计+静态实现案例 放一个2天半内给某公司完成的(设计 + 静态实现)的案例吧,静态阴影用CSS3实现的http://www.cnblogs.com/MuYunyun/p/5693615.ht ...

  3. Linux下ps命令详解 Linux下ps命令的详细使用方法

    http://www.jb51.net/LINUXjishu/56578.html Linux下的ps命令比较常用 Linux下ps命令详解Linux上进程有5种状态:1. 运行(正在运行或在运行队列 ...

  4. 前端少侠的ps故事

    前端少侠的ps故事 正所谓,码在江湖,身不由己.自21世纪前后端分离,代码分工细化以来,前端与设计的合作也变得越来越重要.有人说,如果前端懂设计的话,工作会更快一点.倘若说我入前端半年能算半个前端少侠 ...

  5. ps命令

    Linux中的ps命令是Process Status的缩写.ps命令用来列出系统中当前运行的那些进程.ps命令列出的是当前那些进程的快照,就是执行ps命令的那个时刻的那些进程,如果想要动态的显示进程信 ...

  6. 整理文件,翻出了以前作的ps稿 (^o^)c旦``

    稍稍会那么一点PS,小意思   

  7. AI与PS

    PS 提取边界的方法 http://jingyan.baidu.com/article/4665065864c41ff549e5f80d.html 镜面对称 http://jingyan.baidu. ...

  8. linux ps命令,查看进程cpu和内存占用率排序(转)

    使用以下命令查看: ps -aux | sort -k4,4n ps auxw --sort=rss ps auxw --sort=%cpu linux 下的ps命令 %CPU 进程的cpu占用率 % ...

  9. LINUX 常用命令 ps 详解

    ps常用命令 ps -u ceshi 查看特定用户(ceshi)进程的情况 ps aux | grep nginx 查找nginx的进程 pa -ef | grep nginx 查找nginx的进程 ...

  10. 用PS如何把图片调出时尚杂志色

    摘自:http://www.3lian.com/edu/2013/07-22/83061.html 01:打开图片,执行调整图层-色彩平衡;调整图层的标记-红色方框内图标. 02:色彩平衡-设置-点选 ...

随机推荐

  1. linux下close 掉socket 之后 阻塞的recv 不会立即返回

    转载自:http://www.cnblogs.com/wainiwann/p/3942203.html 在开发的一个基于rtmp聊天的程序时发现了一个很奇怪的现象. 在windows下当我们执行 cl ...

  2. JS字面量创建方式的优缺点

    http://www.cnblogs.com/wuyaxing/p/6416441.html

  3. Django基础之Model操作

    一.数据库操作 1.创建model表 基本结构: #coding:Utf8 from django.db import models class userinfo(models.Model): #如果 ...

  4. javascript animation lib greensock gsap介绍

    一般前台做动画有以下几种方式: 1. 简单的css transition动画; 2. css animation动画 3. javascript库动画 一般来说css html5动画只适用于简单的形变 ...

  5. python 3 输入和输出

    一.普遍的输入和输出 1.输入 在python3中,函数的输入格式为:input(),能够接受一个标准输入数据,返回string类型. input() 函数是从键盘作为字符串读取数据,不论是否使用引号 ...

  6. 让UpdatePanel支持文件上传(2):服务器端组件 .

    我们现在来关注服务器端的组件.目前的主要问题是,我们如何让页面(事实上是ScriptManager控件)认为它接收到的是一个异步的回送?ScriptManager控件会在HTTP请求的Header中查 ...

  7. [翻译] SvpplyTable

    SvpplyTable https://github.com/liuminqian/SvpplyTable SvpplyTable is a demo to realize expandable an ...

  8. [翻译] KVNProgress

    KVNProgress KVNProgress is a fully customizable progress HUD that can be full screen or not. KVNProg ...

  9. 转自csdn:计算机启动过程

    启动第一步--加载BIOS 当你打开计算机电源,计算机会首先加载BIOS信 息,BIOS信息是如此的重要,以至于计算机必须在最开始就找到它.这是因为BIOS中 包含了CPU的相关信息.设备启动顺序信息 ...

  10. python3程序设计基本方法

    实例 6.升级维护 总结: 打了多年的游击战.突然经过教官的指导,觉得很受益,程序自学需要总结和交流.