位图:有像素点组成,放大会失真,文件较大;

矢量图:由直线和曲线组成,放大不会失真,文件较小;

位图的常用格式:jpg---有损压缩(关系不大的点舍去),常用于展示;

               png--无损压缩(相同的像素点保存记录下来),支持全透明和半透明,UI设计的常用格式;

                tif----支持图层,支持全透明,文件大,常用于印刷;

                 gif---支持全透明,支持动画,

              bmp--高画质,不压缩,图像资料不丢失;


像素:一个点,像素的大小时相对单位,不确定,与分辨率有关;

图像分辨率:单位长度有多少像素;dpi或ppi;每英寸有多少个点;

设备分辨率:设备有多大的成像能力;

屏幕分辨率:每英寸的长度上排列的像素点;

像素=分辨率*英寸;

印刷的分辨率一般设置为300ppi;平时网页设计一般设置成72ppi;

一英寸=2.54cm;

色彩:RGB--光学三原色---红绿蓝,用于网页和手机界面

CMYK--颜料三原色----用于印刷品---品红M,蓝色C,黄色Y,黑色K

色彩的种类:无彩色--黑白,不痛程度的灰(也称万能色或调和色)

有彩色----以红橙黄绿青蓝紫为基色

色彩三要素:色相-----色彩的相貌(也就是什么颜色)

明度-----色彩的明暗程度

饱和度----色彩的鲜艳程度

像素:一个点,像素的大小时相对单位,不确定,与分辨率有关;

图像分辨率:单位长度有多少像素;dpi或ppi;每英寸有多少个点;

设备分辨率:设备有多大的成像能力;

屏幕分辨率:每英寸的长度上排列的像素点;

像素=分辨率*英寸;

印刷的分辨率一般设置为300ppi,大尺寸远距离的广告一般用30----45;平时网页设计一般设置成72ppi;

一英寸=2.54cm;

色彩:RGB--光学三原色---红绿蓝,用于网页和手机界面

CMYK--颜料三原色----用于印刷品---品红M,蓝色C,黄色Y,黑色K

色彩的种类:无彩色--黑白,不痛程度的灰(也称万能色或调和色)

有彩色----以红橙黄绿青蓝紫为基色

色彩三要素:色相-----色彩的相貌(也就是什么颜色)

明度-----色彩的明暗程度

饱和度----色彩的鲜艳程度

互联网一般用像素,印刷用厘米毫米;

ALT+双击涂层-----------解锁;

ctrl+N-----新建画布;

command+alt+shit+N-------新建图层;

command+shit+N-----新建图层,会弹出一个面板;

在图层面板下倒数第二个按钮-----新建图层;

椭圆选区,按住shift画正圆,先松开鼠标,再 松开键盘;松开鼠标之前,按住空格键可以移动选区,画完之后,把鼠标放在选区内可以拖动选区;

comand+d---------取消选区;

D-----前景色和背景色回复默认(前黑后白);

X-----交换前景色和背景色;

alt+移动工具----------复制图层;

Command+J--------复制图层;

shift+移动工具----水平移动;

ctr+R------参考线;

ctr+t-------自由变换,按住shift---等比例缩放,按住alt---原中心点固定缩放;

选中图层面板中的选区,右键可以标记颜色;

带选区复制时,在同一个图层,没有选区时复制,都是在新建的图层;

拖拽工具-----属性中的自动选择勾选上时,选中图层中的任何一个元素,就会自动选择上这个元素所在的图层;

选中多个图层或一个图层,ctr +G 创建分组;

选中多个图层,添加链条,拖动一个会全部跟着移动;

拖动工具属性有对齐和分布,可以用来排列图形;自动对其属性可以用来合成拼接图片(广角效果);

选中多个图层,ctr+e----合并图层;组也可以合并图层;

==========================================

选区的运用:

shift +M  或alt+点击选区工具-----切换椭圆和矩形选区;

编辑菜单-->描边

选择->修改->收缩/边界/平滑/扩展/羽化

平滑----决定拐角的圆弧度;值越大,圆弧越大;

羽化-----是边缘模糊,值越大,越模糊;属性栏的羽化必须先填写羽化值,在操作选区,否则不起作用;选择菜单下的羽化值随便;shift+F6;

图像->调整->色相饱和度;色相H,饱和度A,明度I;ctr+U;

ctr +t ------自由变换;右键--扭曲;

ctr +alt+shift +t------自由变换的同时复制,自由变换中间的可以拖动的小圆圈是中心点,以这个点为中心变换;

=============================

路径,钢笔工具:

钢笔画出来的时路径(实线);

单击完第二点后,不要松开鼠标,拖拽鼠标可以画曲线;

路径选择工具:黑尖头-------移动路径;白尖头------调整锚点的位置和控制手柄;

存储路径------在路径面板中双击要存储的路径,弹出提示框,确定就可以存储路径来;还有一种方法是:先复制一个路径,然后再画路径;psd和jpg格式都可以保存路径,下次打开还时路径;

钢笔工具下面的属性:路径/形状(会填充颜色)

ctr+加号放大画布,或者按住alt滚动鼠标;

按住alt键点击移动锚点可以控制手柄长度,画的路径会吸附到手柄线上,手柄越长,吸附的越多;

ctr+回车------路径转选区;

添加锚点-----在路径线上点击一下;

ctrl直接选择工具;alt转换点工具------点击锚点可以吧曲线转换成直线;

自由钢笔工具-------随便绘制,连贯的线,

==========================

文字工具:

ALT+方向键上--------缩小行间距;

ALT+左方向键-----------缩小字符间距;

CTR+回车------------退出文字编辑状态;

文字蒙版;

文字变形:ctr+T;系统提供的变形;没有扭曲和透视;

文字删格化后就转变成普通图层,可以合并图层;

路径文字:画一条路径,用文字工具,当文字工具出现小波浪时,就可以沿着路径输入文字了;

可以在路径内和路径上编辑文字;

=======================

画笔工具,铅笔工具,颜色替换工具,混合器画笔工具

颜色替换工具-------------按住alt键吸取颜色,然后涂抹;连续,取样一次,背景色板;模式:颜色,明度,色相,饱和度;

混合器画笔工具:载入-----颜料的多少;混合----0取的是画笔中的颜料,100是画笔的颜色;流量------颜料流出的速度;潮湿--------越潮湿画的越长;

===========================

形状与路径:

背景色填充路径;

用画笔描边路径;

多边形路径在属性栏中可以选择星形;

自定义形状工具------可以选择预设的形状;

编辑-->自定义形状----确定就保存了自定义形状;

属性栏中约束路径勾选上后,就只能移动两个锚点之间的路径;

矢量蒙板;

路径布尔运算;原则-----必须在同一图层;按住shift拖动形状路径,可以把多个路径画在同一个图层;同一个图层的路径填充颜色都是一样的,如果合并图层,会以最上层的颜色为准;形状排列原则------最后画的在最顶层;只有用顶层的路径和其他底层布尔运算才会起作用;属性栏中有形状的排列顺序调整;对齐方式-------对齐到画布和对齐到选区;

==========================

图层样式:

不透明度----------图层会改变透明度和填充的颜色改变透明度;

填充不透明度-----------填充的颜色不透明度改变;

挖空--------击穿中间的图层,显示背景图层;在图层组中的时候,挖空浅褐挖空深有区别;

蒙板---------白色显示,黑色隐藏;

混合颜色带调整融合上下图层;按住alt健点击滑块,可以把滑块分开两半,分开的两半滑块离的越远,颜色过渡越柔和;

拷贝图层样式------黏贴图层样式-------缩放图层样式;

===================

套索工具:

选区:shift---添加选区,按住alt减选区,

快速选择工具要拖选,选的是内容;

魔棒工具选的是背景;

===============================

渐变编辑器中,下面的滑块式色标;上面的滑块是不透明度调节;把鼠标放在渐变条下边,点击一下就会添加一个色标;点击色标滑块,会出现一个菱形,是用来调正颜色占的区域的多少;点击新建按钮可以把渐变存储到预设里面;

===================

图像调整:

图像->调整->亮度与对比度---

对比度-------使亮的更亮,暗得更暗;

明度----------最大明度是全白,最小明度是全黑;

色阶---------直方图水平放方向最左边代表黑场(暗),最右边代表白场地(亮);垂直方向代表像素的多少;

输入色阶,输出色阶,吸管

===================

调整图层-----对他下方的图层都起作用;

给图层添加剪贴蒙板------按住alt键吧鼠标放在调整图层和要修改的图层中间,出现小方框时点击,这样就只为一个图层添加调整图层;

调整图层的属性面板中有蒙板选项,黑色代表全部隐藏,白色代表全部显示;

================

曲线:x轴是黑白场,纵坐标是明度

============================

曝光度----------调整的是色调范围的高光区域,对暗部没有作用;

位移--------向右会使暗部变亮;

灰度系数---------向右移动,灰度会向暗部蔓延;向左会向亮部蔓延;

===================

自然饱和度-------调节颜色的纯度,

饱和度----------

===================

色相/饱和度:

着色------改成单色,明度保持不变;

======================

色彩平衡:

青色---->红色

洋红---->绿色

黄色---->蓝色

========================

黑白:

黑白可以调整每一个色相的明度,

================

白平衡---------描述rgb混合后生成白色精确度的一项指标;

照片滤镜------

======================

通道混合器:

单个通道中,白色代表通道的颜色,黑色代表不是通道的颜色;

=========================

颜色查找:

==============

反相---------吧颜色变成他的互补色;明度也会改变;一般与通道配合使用,例如头发抠图;婚纱抠图;

=======================

色调分离:可以将相近或相邻的颜色通过色阶分离和合并;色阶值越大,颜色就越多,颜色有过渡;色阶值越小,颜色就越少,相近的颜色就会合并;8位的rgb最多256个色阶(0-255);

===========================

阈值:低于某个值的色阶变为黑色,高于某个色变为白色;一般配合高反差使用;

=========================

渐变映射:

========================

可选颜色:

=======================

HDR色调:实现超现实的效果;

阴影/高光:阴影色块向右增加数量,暗部分会变亮,高光向右会使两部变暗;

===================

匹配颜色:

=====================

替换颜色:

如果勾选了本地化颜色族,颜色选择就会精准,只能选择一种颜色,吸管+和-就不起作用了;

=============

选择----->存储选区,通道中就多了一个选区;

载入选区;

=====================

污点修复画笔:----------直接涂抹,自动合周边的颜色融合相适应;

修复画笔----------按住alt键拾取源,然后用源区涂抹要修复的地方;源会跟着鼠标的移动而改变;也是自动融合,颜色边界的地方不好处理(会根据周边的颜色,对比度,亮度融合,防止图章没有);

修补工具----------用选区圈选要修补的地方,拉到好的地方;会融合周边环境,有目标和源的选择;

红眼工具-----------晚上照相会红颜;

仿制图章----------按住alt键拾取源;跟修复画笔类似(不会根据周围的颜色融合);将硬度调到最大,边界的地方就好处理了;

图案仿制图章----------

编辑------->定义图案,定义画笔预设,可以存储图案和画笔预设;

===================

历史画笔工具----------历史记录面板中前面相方框中画笔,画笔在哪一层,用历史画笔涂抹的时候,涂抹出来的就是有画笔的小方框那一层的图案样子;

历史艺术画笔工具-----------

编辑--->首选项--->历史记录

================================

橡皮擦---------直接用背景色去涂抹;

背景橡皮擦-------直接删除图层颜色;

魔术橡皮擦------大规模的删除图层颜色

==============

油漆桶下面的属性:所有图层勾选,会吧所有图层加在一起判断;

模糊工具------使得画面模糊;

锐化工具------跟模糊相反;变的清晰;

涂抹工具------对选择的颜色进行拉伸;

减淡工具------

加深工具------

海绵工具------

UI--位图和矢量图,色彩,相关推荐

  1. c#位图转换未矢量图_PS基础:像素与分辨率,位图与矢量图

    一.像素与分辨率 1. 像素 定义:图像中的最小颜色单位,是一个非常小的方形颜色块. 像素(Pixel)一般用px表示,每个像素只能有一个颜色. 将图像无限放大,会发现图像是由许多色彩相近的颜色方块组 ...

  2. 转载:位图和矢量图的区别

    原文链接:位图和矢量图的区别 位图和矢量图是计算机图形中的两大概念,这两种图形都被广泛应用到出版,印刷,互联网[如flash和svg]等各个方面,他们各有优缺点,两者各自的好处几乎是无法相互替代的,所 ...

  3. 游戏中的图像资源(位图与矢量图比较)

    当今游戏早已不再是黑白机的时代,游戏都由色彩丰富.精致的图像,流畅的动画构成.Flash游戏也不例外,Flash既支持矢量图又支持位图,他们各有优缺点.本文的目的即是介绍何时使用矢量图,何时使用位图, ...

  4. android 笔记 --- 位图和矢量图区别

    位图和矢量图是计算机图形中的两大概念,这两种图形都被广泛应用到出版,印刷,互联网[如flash和svg]等各个方面,他们各有优缺点,两者各自的好处几乎是无法相互替代的,所以,长久以来,矢量跟位图在应用 ...

  5. SVG实例详解系列(一)(svg概述、位图和矢量图区别(图解)、SVG应用实例)

    SVG实例详解系列(一) (svg概述.位图和矢量图区别(图解).SVG应用实例) 目录 一.什么是SVG? (1).位图和矢量图概念(图解) (2).SVG的小例子 (a)笑脸符 (b).小鸟 (c ...

  6. 《JavaScript高效图形编程(修订版)》——6.2 位图、矢量图,或两者兼而有之?...

    本节书摘来自异步社区<JavaScript高效图形编程(修订版)>一书中的第6章,第6.2节,作者:[美]Raffaele Cecco著,更多章节内容可以访问云栖社区"异步社区& ...

  7. 怎么把word里面的彩色图转化为灰度图,直接在word里面操作,无需转其他软件,超简单!(位图和矢量图都可以)

    怎么把word里面的彩色图转化为灰度图,直接在word里面操作,无需转其他软件,超简单!(位图和矢量图都可以) Microsoft Office Word是微软公司的一个文字处理器应用程序.它最初是由 ...

  8. Qt(mingw)+GDAL位图转矢量图写入shp或json文件

    参考: Qt + GDAL 写入矢量图层 shp windows下的QT(mingw版)+GDAL库下载.安装.测试 已经编译好的GDAL库下载: https://download.csdn.net/ ...

  9. 位图和矢量图谁的色彩更丰富_更少的更多色彩

    位图和矢量图谁的色彩更丰富 It's simple to compute data and perform calculations directly in your stylesheet using ...

  10. 透彻理解位图与矢量图的本质区别(小包子觉得讲的很清晰)

    其实每个人都能轻松而透彻地理解位图与矢量图的本质区别 位图与矢量图的区别(为什么要再进行解释)      播放录像时按空格键暂停/继续播放 (关于位图与矢量图的区别,各种教材和网上解释的有很多,但是本 ...

最新文章

  1. tidb mysql登录_TiDB 忘记密码如何登陆
  2. 微服务实践分享(2)api网关
  3. nyist 637 我和你
  4. HDU 6155 Subsequence Count (DP、线性代数、线段树)
  5. 阿里云HBase携X-Pack再进化,重新赋能轻量级大数据平台
  6. 使用内存数据库的.NET Core 3.0中基于身份(Identity-Based)的身份验证
  7. php 检验类,php实现的简单检验登陆类
  8. python游戏开发库_Python库之游戏开发及虚拟现实
  9. 代码有温度 科技需向善
  10. eventlog analyzer 8.0
  11. 第U题:Java BigDecimal解决··Noder现在上初三了,正在开始复习中考。他每天要计算型如..............
  12. 转:vs2012远程调试功能的改进
  13. 关于云计算的一些概念理解
  14. visual studio 下载地址和安装方法
  15. 使用U盘启动盘安装Imperva MX13.0
  16. Tushare简单的数据使用以及mysql存储教程
  17. 全要素分析与问题解决:以人为本,主次分明
  18. 一个实验了解多层内网渗透
  19. 2022年N1叉车司机操作证考试题模拟考试平台操作
  20. Wolfram Alpha使用方法

热门文章

  1. 软件工程概论第一次作业
  2. cookie httponly ajax,HostOnly Cookie和HttpOnly Cookie
  3. Mysql 高德转天地图经纬度sql ,高德地图GCJ-02火星坐标系与GPS的WGS-84坐标系转换
  4. Chronometer 倒计时控件,你搜到的用法可能全是错的
  5. vue实现在线预览office文件
  6. sentinel整合feign
  7. 使用 Vue CLI 创建 Vue 2.x 项目
  8. 计算机考研820什么意思,电子科技大学
  9. Signoff Criteria --- ocv applied and results
  10. 【MySQL】- 04.1 MVCC 概要