黑马程序员技术交流社区

标题: 【成都校区】视觉设计入门篇-02视觉设计工具初识 [打印本页]
作者: 小刀葛小伦    时间: 2018-4-5 14:23
标题: 【成都校区】视觉设计入门篇-02视觉设计工具初识
本帖最后由 小刀葛小伦 于 2018-4-5 14:23 编辑

    小伙伴们，我又来了，上一次，咱们通过[maodian=http://bbs.itheima.com/forum.php?mod=viewthread&tid=391963,#ff0000]01了解视觉设计[/maodian] 这篇文章，有了对视觉设计的一个初步认识。
    那么，今天咱们就来见识一下，视觉设计的常见工具PS的使用！~

1. PS简介

    作为亚洲四大邪术其一的ps邪术，存在既有理，咱们一起来看看！
    Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。
    Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
    2003年，Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月，Adobe公司推出了新版本的Photoshop CC，自此，Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。
    截止2016年12月Adobe PhotoshopCC2017为市场最新版本。
    Adobe支持Windows操作系统 、安卓系统与Mac OS， 但 Linux操作系统用户可以通过使用Wine来 运行Photoshop。

2. PS功能

专业测评Photoshop的专长在于图像处理，而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形等来设计图形。
平面设计平面设计是Photoshop应用最为广泛的领域，无论是图书封面，还招帖、海报，这些平面印刷品通常都需要Photoshop软件对图像进行处理。
广告摄影广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过Photoshop的修改才能得到满意的效果。
影像创意影像创意是Photoshop的特长，通过Photoshop的处理 可以将不同的对象组合在一起，使图像发生变化。
网页制作网络的普及是促使更多人需要掌握Photoshop，因为在制作网页时Photoshop是必不可少的网页图像处理软件。
后期修饰在制作建筑效果图包括许三维场景时，人物与配景包括场景的颜色常常需要在Photoshop中增加并调整。
视觉创意视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常明显的商业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者开始学习Photoshop，并进行具有个人特色与风格的视觉创意。
界面设计界面设计是一个新兴的领域，受到越来越多的软件企业及开发者的重视。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是该软件。

3.PS组成

    从功能上看，该软件可分为图像编辑、图像合成、校色调色及功能色效制作部分等。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外来图像与创意很好地融合。
校色调色可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。
特效制作在该软件中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由该软件特效完成。
组成部分与功能使用
标题栏位于主窗口顶端，最左边是Photoshop标记，右边分别是最小化、最大化/还原和关闭按钮。属性栏(又称工具选项栏)。选中某个工具后，属性栏就会改变成相应工具的属性设置选项，可更改相应的选项。
菜单栏菜单栏为整个环境下所有窗口提供菜单控制，包括:文件、编辑、图像、图层、选择、滤镜、视图、窗口和帮助九项。Photoshop中通过两种方式执行所有命令，一是菜单，二是快捷键。
图像编辑窗口中间窗口是图像窗口，它是Photoshop的主要工作区，用于显示图像文件。图像窗口带有自己的标题栏，提供了打开文件的基本信息，如文件名、缩放比例、颜色模式等。如同时打开两副图像，可通过单击图像窗口进行切换。图像窗口切换可使用Ctrl+Tab。
状态栏：主窗口底部是状态栏，由三部分组成。
文本行说明当前所选工具和所进行操作 的功能与作用等信息。
缩放栏显示当前图像窗口的显示比例，用户也可在此窗口中输入数值后按回车来改变显示比例。
预览框单击右边的黑色三角按扭，打开弹出菜单，选择任一命令，相应的信息就会在预览框中显示。
工具箱
工具箱中的工具可用来选择、绘画、编辑以及查看图像。拖动工具箱的标题栏，可移动工具箱；单击可选中工具或移动光标到该工具上，属性栏会显示该工具的属性。有些工具的右下角有一个小三角形符号，这表示在工具位置上存在一个工具组，其中包括若干个相关工具。
控制面板
共有14个面板，可通过“窗口/显示”来显示面板。
按Tab键，自动隐藏命令面板，属性栏和工具箱，再次按键，显示以上组件。
按Shift+Tab，隐藏控制面板，保留工具箱。
绘图模式
使用形状或钢笔工具时，可以使用三种不同的模式进行绘制。在选定形状或钢笔工具时，可通过选择选项栏中的图标来选取一种模式。
形状图层
在单独的图层中创建形状。可以使用形状工具或钢笔工具来创建形状图层。因为可以方便地移动、对齐、分布形状图层以及调整其大小，所以形状图层非常适于为Web页创建图形。可以选择在一个图层上绘制多个形状。形状图层包含定义形状颜色的填充图层以及定义形状轮廓的链接矢量蒙版。形状轮廓是路径，它出现在“路径”面板中。
路径
在当前图层中绘制一个工作路径，随后可使用它来创建选区、创建矢量蒙版，或者使用颜色填充和描边以创建栅格图形（与使用绘画工具非常类似）。除非存储工作路径，否则它是一个临时路径。路径出现在“路径”面板中。
填充像素
直接在图层上绘制，与绘画工具的功能非常类似。在此模式中工作时，创建的是栅格图像，而不是矢量图形。可以像处理任何栅格图像一样来处理绘制的形状。在此模式中只能使用形状工具。
档案格式
PSDPhotoshop默认保存的文件格式，可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等，但无法保存文件的操作历史记录。Adobe其他软件产品，例如Premiere、Indesign、Illustrator等可以直接导入PSD文件。
PSB最高可保存长度和宽度不超过300 000像素的图像文件，此格式用于文件大小超过2 Giga Bytes的文件，但只能在新版Photoshop中打开，其他软件以及旧版Photoshop不支持。
PDD此格式只用来支持Photo Deluxe的功能。Photo Deluxe现已停止开发。
RAW：Photoshop RAW具Alpha通道的RGB、CMYK、和灰度模式，以及没有Alpha通道的Lab、多通道、索引和双色调模式。
BMPBMP是Windows操作系统专有的图像格式，用于保存位图文件，最高可处理24位图像，支持位图、灰度、索引和RGB模式，但不支持Alpha通道。
GIFGIF格式因其采用LZW无损压缩方式并且支持透明背景和动画，被广泛运用于网络中。
EPSEPS是用于Postscript打印机上输出图像的文件格式，大多数图像处理软件都支持该格式。EPS格式能同时包含位图图像和矢量图形，并支持位图、灰度、索引、Lab、双色调、RGB以及CMYK。
PDF便携文档格式PDF支持索引、灰度、位图、RGB、CMYK以及Lab模式。具有文档搜索和导航功能，同样支持位图和矢量。
PNGPNG作为GIF的替代品，可以无损压缩图像，并最高支持244位图像并产生无锯齿状的透明度。但一些旧版浏览器（例如：IE5）不支持PNG格式。
TIFFTIFF作为通用文件格式，绝大多数绘画软件、图像编辑软件以及排版软件都支持该格式，并且扫描仪也支持导出该格式的文件。
JPEGJPEG和JPG一样是一种采用有损压缩方式的文件格式，JPEG支持位图、索引、灰度和RGB模式，但不支持Alpha通道。
文件大小
像素总量=宽度X高度（以像数点计算）
文件大小=像素总量X单位像素大小（byte）
单位像素大小计算：最常用的RGB模式中1个像素点等于3个byte，CMYK模式1个像素等于4个byte，而灰阶模式和点阵模式一个
像素点是1个byte。
打印尺寸=像素总量/设定分辨率(dpi)
色彩设定

形像颜色
HEX格式
RGB格式
形像颜色
HEX格式
RGB格式
浅粉红
#FFB6C1
255,182,193
中宝石碧绿
#66CDAA
102,205,170
粉红
#FFC0CB
255,192,203
中春绿色
#00FA9A
0,250,154
猩红/深红
#DC143C
220,20,60
薄荷奶油
#F5FFFA
245,255,250
淡紫红
#FFF0F5
255,240,245
春绿色
#00FF7F
0,255,127
弱紫罗兰红
#DB7093
219,112,147
中海洋绿
#3CB371
60,179,113
热情的粉红
#FF69B4
255,105,180
海洋绿
#2E8B57
46,139,87
深粉红
#FF1493
255,20,147
蜜瓜色
#F0FFF0
240,255,240
中紫罗兰红
#C71585
199,21,133
淡绿色
#90EE90
144,238,144
兰花紫
#DA70D6
218,112,214
弱绿色
#98FB98
152,251,152
蓟
#D8BFD8
216,191,216
暗海洋绿
#8FBC8F
143,188,143
李子紫
#DDA0DD
221,160,221
闪光深绿
#32CD32
50,205,50
紫罗兰
#EE82EE
238,130,238
闪光绿
#00FF00
0,255,0
洋红/玫瑰红
#FF00FF
255,0,255
森林绿
#228B22
34,139,34
灯笼海棠/紫红
#FF00FF
255,0,255
纯绿
#008000
0,128,0
深洋红
#8B008B
139,0,139
暗绿色
#006400
0,100,0
紫色
#800080
128,0,128
查特酒绿
#7FFF00
127,255,0
中兰花紫
#BA55D3
186,85,211
草坪绿
#7CFC00
124,252,0
暗紫罗兰
#9400D3
148,0,211
绿黄色
#ADFF2F
173,255,47
暗兰花紫
#9932CC
153,50,204
暗橄榄绿
#556B2F
85,107,47
靛青/紫兰色
#4B0082
75,0,130
黄绿色
#9ACD32
154,205,50
蓝紫罗兰
#8A2BE2
138,43,226
橄榄褐色
#6B8E23
107,142,35
中紫色
#9370DB
147,112,219
米色/灰棕色
#F5F5DC
245,245,220
中板岩蓝
#7B68EE
123,104,238
亮菊黄
#FAFAD2
250,250,210
板岩蓝
#6A5ACD
106,90,205
象牙
#FFFFF0
255,255,240
暗板岩蓝
#483D8B
72,61,139
浅黄色
#FFFFE0
255,255,224
熏衣草淡紫
#E6E6FA
230,230,250
纯黄
#FFFF00
255,255,0
幽灵白
#F8F8FF
248,248,255
橄榄
#808000
128,128,0
纯蓝
#0000FF
0,0,255
深卡叽布
#BDB76B
189,183,107
中蓝色
#0000CD
0,0,205
柠檬绸
#FFFACD
255,250,205
午夜蓝
#191970
25,25,112
灰菊黄
#EEE8AA
238,232,170
暗蓝色
#00008B
0,0,139
卡叽布
#F0E68C
240,230,140
海军蓝
#000080
0,0,128
金色
#FFD700
255,215,0
皇家蓝/宝蓝
#4169E1
65,105,225
玉米丝色
#FFFC
255,248,220
矢车菊蓝
#6495ED
100,149,237
金菊黄
#DAA520
218,165,32
亮钢蓝
#B0C4DE
176,196,222
暗金菊黄
#B8860B
184,134,11
亮石板灰
#778899
119,136,153
花的白色
#FFFAF0
255,250,240
石板灰
#708090
112,128,144
旧蕾丝
#FDF5E6
253,245,230
道奇蓝
#1E90FF
30,144,255
小麦色
#F5DEB3
245,222,179
爱丽丝蓝
#F0F8FF
240,248,255
鹿皮靴
#FFE4B5
255,228,181
钢蓝/铁青
#4682B4
70,130,180
橙色
#FFA500
255,165,0
亮天蓝色
#87CEFA
135,206,250
番木瓜
#FFEFD5
255,239,213
天蓝色
#87CEEB
135,206,235
发白的杏仁色
#FFEBCD
255,235,205
深天蓝
#00BFFF
0,191,255
土著白
#FFDEAD
255,222,173
亮蓝
#ADD8E6
173,216,230
古董白
#FAEBD7
250,235,215
火药青
#B0E0E6
176,224,230
茶色
#D2B48C
210,180,140
军服蓝
#5F9EA0
95,158,160
硬木色
#DEB887
222,184,135
蔚蓝色
#F0FFFF
240,255,255
陶坯黄
#FFE4C4
255,228,196
淡青色
#E0FFFF
224,255,255
深橙色
#FF8C00
255,140,0
弱绿宝石
#AFEEEE
175,238,238
亚麻布
#FAF0E6
250,240,230
青色
#00FFFF
0,255,255
秘鲁
#CD853F
205,133,63
水色
#00FFFF
0,255,255
桃肉色
#FFDAB9
255,218,185
暗绿宝石
#00CED1
0,206,209
沙棕色
#F4A460
244,164,96
暗石板灰
#2F4F4F
47,79,79
巧克力
#D2691E
210,105,30
暗青色
#008B8B
0,139,139
马鞍棕色
#8B4513
139,69,19
水鸭色
#008080
0,128,128
海贝壳
#FFF5EE
255,245,238
中绿宝石
#48D1CC
72,209,204
黄土赭色
#A0522D
160,82,45
浅海洋绿
#20B2AA
32,178,170
浅鲑鱼肉色
#FFA07A
255,160,122
绿宝石
#40E0D0
64,224,208
珊瑚
#FF7F50
255,127,80
宝石碧绿
#7FFFD4
127,255,212
橙红色
#FF4500
255,69,0
番茄红
#FF6347
255,99,71
深鲜肉/鲑鱼色
#E9967A
233,150,122

4.PS快捷键
    是Photoshop为了提高绘图速度定义的快捷方式，它用一个或几个简单的字母来代替常用的命令。
多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取；查看键盘所有快捷键：【Ctrl】+【Alt】+【Shift】+【K】。
工具使用快捷键
矩形、椭圆选框工具：【M】
套索、多边形套索、磁性套索：【L】
橡皮擦工具：【E】
裁剪工具：【C】
仿制图章、图案图章：【S】
画笔修复工具、修补工具：【J】
添加锚点工具：【+】
移动工具：【V】
历史记录画笔工具：【Y】
模糊、锐化、涂抹工具：【R】
删除锚点工具：【-】
魔棒工具：【W】
铅笔、直线工具：【N】
减淡、加深、海绵工具：【O】
直接选取工具：【A】
画笔工具：【B】
吸管、颜色取样器：【I】
钢笔、自由钢笔、磁性钢笔：【P】
油漆桶工具：【K】
度量工具：【U】
默认前景色和背景色：【D】
文字、直排文字、直排文字蒙板：【T】
使用抓手工具【空格】
抓手工具：【H】
切换前景色和背景色：【X】
径向渐变、度渐变、菱形渐变：【G】
工具选项面板：【tab】
缩放工具：【Z】
临时使用移动工具：【Ctrl】
切换标准模式和快速蒙板模式：【Q】
选择第一个画笔 ：【[】


临时使用吸色工具：【Alt】
带菜单栏全屏模式、全屏模式 ：【F】
选择后一个画笔 ：【]】


输入工具选项【0】至【9】
移动图层至下一层：【Ctrl】+【[】
移动图层至上一层：【Ctrl】+【]】


循环选择画笔 ：【[】或【]】
图层置顶：【Ctrl】+【Shift】+【]】



文件操作使用快捷键
新建图形文件： 【Ctrl】+【N】默认设置创建新文件 ：【Ctrl】+【Alt】+【N】
打开已有的图像： 【Ctrl】+【O】打开为：【Ctrl】+【Alt】+【O】
新建图层：【Ctrl】+【Shift】+【N】另存为 ：【Ctrl】+【Shift】+【S】
关闭当前图像 ：【Ctrl】+【W】显示的“预置”对话框 ：【Alt】+【Ctrl】+【K】
存储副本 ：【Ctrl】+【Alt】+【S】保存当前图像 ：【Ctrl】+【S】
应用当前所选效果并使参数可调 ：【A】页面设置【Ctrl】+【Shift】+【P】
打开预置对话框 ：【Ctrl】+【K】设置透明区域与色域 ：【Ctrl】+【4】
设置“常规”选项： 【Ctrl】+【1】设置参考线与网格 ：【Ctrl】+【6】
打印 ：【Ctrl】+【P】设置存储文件：【Ctrl】+【2】
设置显示和光标 ：【Ctrl】+【3】斜面和浮雕效果：【Ctrl】+【5】
内发光效果 ：【Ctrl】+【4】外发光效果： 【Ctrl】+【3】
设置单位与标尺 ：【Ctrl】+【5】通道选择【ctrl+1.2.3.4】
图像调整使用快捷键
　　
自由变换：【ctrl】+【T】再次变换：【Ctrl】+【Shift】+【Alt】+【T】
图像大小：【Ctrl】+【Alt】+【I】色阶：【Ctrl】+【L】
画布大小：【Ctrl】+【Alt】+【C】色相/饱和度：【Ctrl】+【U】
曲线：【Ctrl】+【M】黑白：【Alt】+【Shift】+【Ctrl】+【B】
去色：【Shift】+【Ctrl】+【U】反相：【Ctrl】+【I】
色彩平衡：【Ctrl】+【B】　
编辑文字使用快捷键
　　
移动图像的文字：【Ctrl】 + 选中文字选择文字时显示/隐藏：【Ctrl】 + 【H】
选择从插入点到鼠标点的文字：【向上键】+ 点击鼠标使用/不使用下划线： 【向上键】+ 【Ctrl】 +【 U】
使用/不使用中间线：【向上键】+ 【Ctrl】 +【 /】使用/不使用大写英文：【向上键】+【 Ctrl】 +【 K】
使用/不使用Caps：【向上键】+【Ctrl】 +【 H】　
图层操作使用快捷键
　　
正常 ：【Shift】+【Alt】+【N】正片叠底： 【Shift】+【Alt】+【M】
循环选择混合模式 ：【Shift】+【-】或【+】溶解 ：【Shift】+【Alt】+【I】
颜色减淡 ：【Shift】+【Alt】+【D】阈值（位图模式）：【Shift】+【Alt】+【L】
背后 ：【Shift】+【Alt】+【Q】颜色加深 ：【Shift】+【Alt】+【B】
强行关闭当前话框：【Ctrl】+【Alt】+【W】清除 ：【Shift】+【Alt】+【R】
饱和度： 【Shift】+【Alt】+【T】无限返回上一步：【Ctrl】+【Alt】+【Z】
屏幕： 【Shift】+【Alt】+【S】重新选择：【Ctrl】+【Shift】+【D】
修改字距：【Alt】+【←/→】叠加： 【Shift】+【Alt】+【O】
变亮：【Shift】+【Alt】+【G】修改行距：【Alt】+【↑/↓】
柔光： 【Shift】+【Alt】+【F】差值： 【Shift】+【Alt】+【E】
粘贴：【Ctrl】+【Alt】+【V】强光：【Shift】+【Alt】+【H】
排除：【Shift】+【Alt】+【X】全部选取：【Ctrl】+【A】
变暗： 【Shift】+【Alt】+【K】色相： 【Shift】+【Alt】+【U】
路径变选区 数字键盘的：【Enter】变亮：【Shift】+【Alt】+【G】
颜色： 【Shift】+【Alt】+【C】羽化选择：【Ctrl】+【Alt】+【D】
光度： 【Shift】+【Alt】+【Y】复制当前图层：【Ctrl】+【J】
载入选区： 【Ctrl】+点按图层、路径取消选择：【Ctrl】+【D】
反向选择：【Ctrl】+【Shift】+【I】　
色彩空间该词源于西方的“ColorSpace”，又称作“色域”，色彩学中，人们建立了多种色彩模型，以一维、二维、三维甚至四维空间坐标来表示某一色彩，这种坐标系统所能定义的色彩范围即色彩空间。经常用到的色彩空间主要有RGB、CMYK、Lab等
颜色模式
RGB模式用红（R）、绿（G）、蓝（B）三色光创建颜色。扫描仪通过测量从原始图像上反射出来的RGB三色光多少来捕获信息。计算机显示器也是通过发射RGB三种色光到人们的眼中来显示信息。
CMYK模式用青色（C）、洋红色（M）、黄色（Y）和黑色（K）油墨打印RGB颜色。但由于油墨的纯度问题，CMYK油墨（也叫加工色）并不能够打印出用RGB光线创建出来的所有颜色。
Lab模式一种描述颜色的科学方法。它将颜色分成3种成分：亮度（L）、A和B。亮度成分描述颜色的明暗程度；“A”成分描述从红到绿的颜色范围；“B”成分描述从蓝到黄的颜色范围。Lab颜色是Photoshop在进行不同颜色模型转换时内部使用的一种颜色模型（例如从RGB转换到CMYK）。
灰度模式灰度模式在图像中使用不同的灰度级，灰度图像中的每个像素都有一个 0（黑色）到 255（白色）之间的亮度值。灰度值也可以用黑色油墨覆盖的百分比来度量（0% 等于白色，100% 等于黑色）。
位图模式位图模式使用两种颜色值（黑色或白色）之一表示图像中的像素。位图模式下的图像被称为位映射 1 位图像，因为其位深度为 1。
双色调模式该模式通过一至四种自定油墨创建单色调、双色调（两种颜色）、三色调（三种颜色）和四色调（四种颜色）的灰度图像。
索引颜色模式索引颜色模式可生成最多256种颜色的8位图像文件。当转换为索引颜色时，Photoshop将构建一个颜色查找表 (CLUT)，用以存放并索引图像中的颜色。
多通道模式多通道模式图像在每个通道中包含 256 个灰阶，对于特殊打印很有用。多通道模式图像可以存储为 Photoshop、大文档格式 (PSB)、Photoshop 2.0、Photoshop Raw 或 Photoshop DCS 2.0 格式。
多色调分色法这一过程将平滑的颜色转换分裂成可见的纯色色阶。当谈到渐变时，它也常被称作梯级法或条带。
杂色一种点状图案，类似于电视接收不到信号时出现在屏幕上的雪花点。这个图案常用于模糊两种颜色之间的清晰过渡。它用多种随机边缘形状来代替原来的直线过渡边缘。
抖动这种方法利用两种纯色图案来模拟一种颜色（例如，在黄色区域上增加红点图案可以创建出橙色）。这个术语也指在锐化时添加杂色图案使边缘变得不那么明显。
矢量图像可以是光栅、矢量，或者两者的组合。光栅图像由像素网格构成，这使得图像在近看时会有锯齿，并且导致它们在放大时会显得模糊或呈锯齿状；相反，矢量图像是由光滑的曲线和直线（也就是路径）构成的，它能够以任意比例缩放而不会降低图像的质量。创建矢量图像的最常用程序是AdobeIllustrator。
图像分辨率其单位是ppi(pixels per inch)，既每英寸所包含的像素数量。如果图像分辨率是72ppi，就是在每英寸长度内包含72个像素。图像分辨率越高，意味着每英寸所包含的像素越多，图像就有越多的细节，颜色过滤就越平滑。

5.最后
初步学习的话，PS是我们的第一个工具，上面的一些内容就是我们常见的了，很多的快捷键，需要大家去进行练习，这样掌握的就会很快！
除外掌握一些工具之外，大家还要常常去见识美丽的帅哥或者美女！提高审美和设计理念，好了，大家加油哦！~







欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2