黑马程序员技术交流社区

标题: ui技术帖 [打印本页]

作者: 小精灵666    时间: 2018-12-27 22:19
标题: ui技术帖
              Ps基础篇
看看别人P出高大上的图片,自己也想尝试,然而一学就会,一用就忘。看了很多方法,知道学习ps最重要的就是练习,可是由于教程说的案例,跟着是会做,但是课堂老师补充的知识又没有回放,所以很多都会忘记,这里就把老师讲的知识点系统总结一下,便于学习。
学习思路
Ps作为一种技能学习,在基础篇,我们可以把ps理解为工具的使用学习。而作为工具,ps里就像一个工具箱,我们要完成的就是图片处理,那我们首先要知道这个工具箱里都有些什么工具,以及工具怎么用,这就是我们要学习的目标。结合生活,你学习一样工具,比如说学习使用刀子,使用电磁炉,我们其实可以很容易得出结论,学习使用一件工具最重要的就是练习,ps也是如此。
现在正式进入ps的学习
很多工具的使用网上都有很多教程,比如软件怎么打开,界面的介绍,相信都很熟悉了,这里就讲一下核心重点的工具。

Ps最重要最核心的概念就是图层,弄懂图层就弄懂为什么说ps是用来合成的了,也就弄懂ps了,那图层到底是什么呢?就是一张透明的纸

图层是用来干什么呢?新建一个图层你可以在上面画画,可以在上面写字,可以在上面添加图像也可以编辑图像,也可以编辑图形,所以图层就是用来承载信息的,而ps合成就是把不同的图片信息分别放在不同的图层里最后合成一张新的图片。
就比如把下面两张不同的图片合成一张新的图片:
file:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps856D.tmp.jpgfile:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps857D.tmp.png
结果如下:第一张为一个图层,第二张为一个图层,叠加在一起就形成了如下图一样的图片
file:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps857E.tmp.png


那与图层相对应的另一个概念就是蒙版,如果说弄懂图层就是ps入门,那弄懂蒙版就是进阶了,那蒙版是什么呢?顾名思义就是用来蒙住信息的,就相当于在图层上加了一层遮罩,而这层遮罩是可以修改的,我们用画笔可以画出我们想要的图像信息,而遮住我们不想要的图片信息。下面就给根据下面三张图了解一下蒙版:


file:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps858F.tmp.pngfile:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps8590.tmp.png
file:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps85A0.tmp.png

第一步我们需要把苹果素材拖入ps中,作为背景:

file:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps85B1.tmp.jpg

第二步把西红柿拖入,把西红柿的果肉融入到苹果的果肉中,通俗一点就是苹果的果肉换成西红柿的果肉
file:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps85B2.tmp.jpg

后面西红柿后面带黑色的框框就是蒙版,就是可以用画笔擦掉和显示的,(画笔是根据前景色来决定的,通常使用黑色或白色,黑色是擦除我们不想要的部分,白色可以把黑色擦多的地方再显示出来,而不会损坏图片)

第三步就是把门窗拿进来,用蒙版来擦除我们不想要的部分,形成一个简单的合成了
file:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps85C3.tmp.jpg


我要说的第三个概念就是羽化了,不论是做选区还是画笔工具,都会出现羽化这个选项,那羽化是什么意思呢?
羽毛让人联想到柔软,而羽化就是柔软的成度,羽化值越高,柔软程度也越高,比如画笔工具中,羽化值为0的,画出来的就比较硬,边缘比较清晰。但是你要是给它点羽化,就会特别柔和,第一个是羽化值为0的,第二个硬度降低之后的

file:///C:\Users\小精灵\AppData\Local\Temp\ksohtml\wps85C4.tmp.jpg


第四个概念就是RGBRGB应该是色彩中最重要的了:RGB就是红绿蓝,就是英文的首字母,RGB是色光的三原色,没有光就没有色彩可言。主要运用在显示器(也就是我们看到所有在电子产品上看到的屏幕),你在显示器上看到的所有色彩都是由这三个颜色按照不同的比例混合得成的,而且遵循的就是加色原理。
红绿蓝三色中每一个都是有256个色相,色彩值就是0~2550代表什么也没有(就是黑色),255代表着色彩的最高值,如果RGB(红绿蓝)的色彩值都为255,那就是白色。反之如果都为0,那就是黑色。如果RGB的三个值一样,那就是灰色。那一共是多少颜色呢?256*256*256170万色。
既然说到了RGB,那就顺带简单说一下CMYKCMYK呢,就是青色(C),洋红(M),黄色(Y),黑色(K)四种颜色,它是用于印刷和打印,它的色彩值就是0~100之间进行混合,一共是100*100*100100万色。
颜色三要素:HSB
H指的是色相:赤橙黄绿青蓝紫
S指的是饱和度:颜色的浓度或者说颜色的鲜艳程度
B指的是明度:颜色的明暗程度
颜色的分类:原色,间色,复色
原色:色彩中不能再进行分解的颜色
间色:是由两个原色混合得到的,通常指的是青,洋红,黄
复色:是由原色和间色混合或者说间色与间色混合得成的
关于概念就说这么多吧,还有做设计用的颜色是红,绿,蓝,青,洋红,黄
设计师常用格式:JPG   PNG   GIF   PSD
下面补充一些重要的快捷键
新建图层:ctrl+shift+alt+N   
移动工具V:在移动工具下按住shiftctrl可以选择多个图层
自由变换:ctrl+t          选框的自由变换:alt+s+t载入选区:按住ctrl单击图层面板下的图层缩略图高级填充前景色:alt+shift+退格      高级填充背景色:ctrl+shift+退格
钢笔工具(P):抠完图可以ctrl+回车 , 可以转换成选区。抠图时发生错误,要按住ctrl+alt+z后退,不能delete删除
字体工具(T)ctrl+shift+<   >  改变字体的大小,需要注意必须选中文字
               Alt+左右方向键 ,可以改变字体间距
              Alt+上下方向键 ,可以改变行间距
              Ctrl+回车 ,提交文字
              Ctrl+A  ,全选
撤销返回:ctrl+shift+z    最后两步来回切换:ctrl+z   
恢复到画面初始状态:F12    返回上一步:ctrl+alt+z
新建图层:ctrl+shift+alt+n     原位复制图层:ctrl+j
调整图层顺序:上移一层:ctrl+】          一次性移到顶端:ctrl+shift+】      
下移一层:ctrl+【          一次性移到底部:ctrl+shift+
剪切蒙版:ctrl+alt+G         
色阶:ctrl+L       色彩平衡:ctrl+B      色相饱和度:ctrl+U    曲线:ctrl+M
去色:ctrl+shift+u    黑白:ctrl+shift+alt+B

苹果.jpg (37.36 KB, 下载次数: 16)

苹果.jpg

1_130312161002_2.jpg (362.08 KB, 下载次数: 7)

1_130312161002_2.jpg

窗户.jpg (117.06 KB, 下载次数: 8)

窗户.jpg

图片1.png (264.97 KB, 下载次数: 9)

图片1.png

图片2.png (277.7 KB, 下载次数: 19)

图片2.png

图片3.png (282.88 KB, 下载次数: 15)

图片3.png

图片4.png (90.58 KB, 下载次数: 8)

图片4.png

图片7.png (368.76 KB, 下载次数: 10)

图片7.png

图片6.png (179.13 KB, 下载次数: 9)

图片6.png

图片5.jpg (915.31 KB, 下载次数: 9)

图片5.jpg





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