界面设计

首页>前端教程>界面设计

ps调色的混合匹配法,俗称红外线调色法,色感不好的童鞋有救了!

李涛老师的混合匹配法,俗称叫红外线调色法,对于色调感觉不太好的人来说,可以快速发现图片合成的过程中,物体之间色调的协调性是否和谐。图片合成的过程中,因为素材的光源不同,导致色温色调不一样,用色彩平衡可以改变色调,但是到底调的合不合适,有没有调过分,靠肉眼感觉不出来,就可以利用红外线的原理来帮我们判断...

使用 adobe color CC的三板斧配色技巧,你也可以快速配色!

在学习配色之前,至少应该搞明白了12色环的基础知识,掌握了色相、纯度、明度三个要素之间的关系,这样配色的时候才能明白千变万化的色彩之间的关系。自己选色配色是个很高级的活儿,不过今天有adobe爸爸替我们干了一件大事,利用adobe color CC在线配色网站的几种配色方法,你也可以轻松get到这几...

利用通道和中性灰给人物磨皮,真的可以大变活人!

磨皮的手法很多,普通的就是高斯模糊结合蒙版,还有双曲线和中性灰,但是我认为最最厉害的还是通道磨皮,一点不损伤肌肤质感,可以立刻肤白貌美哦。皮肤上面的痘痘,暗疮,痘印,斑点一般都让皮肤暗沉,所以只需要把暗沉的地方调亮调白就可以了。按照这个思路,只需要找出皮肤上面暗部的像素即可。举例子:1、打开原图,人...

ps巧用中性灰的方式让脸部皮肤年轻五岁!

关于什么是中性灰,在上一篇“高反差保留”的文章中已经介绍过了,那么再来看看利用中性灰如何修饰人物。用污点画笔等工具只能对人物进行初修,但是要改变人物脸部的轮廓或者黑眼圈等,用普通的修复画笔就有点难了,还是需要掌握一些不破坏人物肌理的方法。先看看原图如下:1、利用污点修复画笔或者修复画笔等工具可以完成...

ps巧用“高反差保留”完成图片最后的锐化效果!

在图片处理最后,都会做一次轮廓的锐化,让对象的边缘看起来更清晰。除了ps滤镜里面专门的锐化之外,简单的边缘锐化我更喜欢用“高反差保留”,因为简单好用。“高反差保留”利用了中性灰的概念。先看什么是中性灰,就是50%的灰度,任何颜色只要饱和度为0,明度为50%,就是中性灰。而图层模式里面“叠加、柔光”这...

ps图层样式中的等高线才是最有威力的!

ps图层样式在图标绘制的过程中会大面积使用到,不过随着这几年扁平化的流行,图层样式使用没有拟物化年代那么精雕细琢了。投影、渐变叠加、斜面与浮雕、内阴影、内发光、外发光依然是常用的图层样式效果。但是很多时候等高线这个利器却被我们忽略了。用好了等高线,效果大不一样。等高线几乎都是一个x、y轴所构成的界面...

用选区抠图,最后一定要用“调整边缘”去掉杂边!

用魔术棒或者快速选择工具抠图,适合背景颜色单一,主体轮廓清晰的图片,但是只要是选区,都不能保证边缘一定没有杂边,所以,”调整边缘“就是一个绝好的命令,在CC2017版本已经变成了”选择并遮住“,我这里用的还是CC2014的版本,所以位置可能不太一样,但功能还是差不多的。首先,调整边缘的功能分为两大部...

为什么看了无数教程,还是抠不好长头发丝,关键步骤没告诉你!

通道一直是ps初级课程里面一个相对较难的知识点,今天暂且不谈通道的具体原理,就讲一个抠长头发丝的小技巧。网上很多教程讲解抠长头发丝,都是利用通道来完成,但是为什么都是一样的步骤,你扣出来就是一团糟呢,关键的核心步骤好多教程都没有讲清楚。今天我举一个栗子。一、找一张长发飘舞的照片,质量要高,这是抠图的...

网页设计中是如何计算网格系统的?

宽屏时代,1920px的画布,满足大屏幕显示器,可以通过背景的100%让屏幕填充完整。内容版心区域在960px-1350px之间,满足1024分辨率的显示器和1366分辨率的笔记本电脑用户。其实现在pc端都是宽屏时代了,所以pc端的网页几乎都是以1280或者1440分辨率为最低需求。可以通过百度的流...

学ps,你应该知道的《PS礼仪手册》!

好东西要分享!无意之间在美丫姐分享的文章中发现了《PS礼仪手册》,一眼就看出这是个好东西。很多人用了好几年ps,你看他的源文件的时候都要强忍一腔怒火,为什么呢,你看完这个手册再来回复:你中了几条?整个手册从文件管理、图层、图片、字体、特效、练习、测试、导出这些方面进行了统一的规范,规范可以让我们更高...

设计时不知道用什么字体?那是因为你不懂字体的情感!

记得小时候,每天放学做完作业都要写几篇字帖,每次写完后拿给父亲检查。父亲写得一手好的钢笔和毛笔字,很多人看了,都说可以算半个书法家,可惜我自己在练字的道路上没有坚持下去。偶尔翻出父亲留下的一本很古老的字帖,仍然感叹怎么有人能写出那么漂亮的字体。不同的字体有不同的风骨,也体现出该字体独特的情感。如果我...

UI学习第十课:蒙版,不破坏原始素材合成图像的武器!

很多新手感觉蒙版有点难于理解,其实,蒙版也是一种选区,可以让你选择性的看被蒙版挡住的对象。一、蒙版上面只有黑白灰非彩色被黑色挡住的对象完全看不见,被白色挡住的对象完全可见,被灰色挡住的对象,根据灰色的深浅呈现不同的般透明度。1、创建蒙版选择某个图层,点击蒙版按钮,默认产生一个白色的蒙版遮挡在图像上面...

UI学习第九课:图层样式,绝对的利器!

如果学习了矢量形状工具,绘制出线性图标也很漂亮的话,或者扁平风格的图标也很潮流,但是如果想获得真实拟物的图标,绝对离不开图层样式。图层样式用好了,可以打造出超级真实的图标。虽然拟物化的潮流已经过去好久,扁平风格正是铁板烧上的鱿鱼,热得发烫,不过轻拟物化的风格还是很受欢迎的。这是典型的拟物图标↓是不是...

UI学习第八课:矢量形状工具(附漂亮的线性图标源文件下载)

对于UI来说,在很大一部分时间被人认为是画图标的,虽然这种说话太局限性,但是也可以看出绘制图标对于UI的重要性。图标的绘制主要使用的工具就是矢量形状工具,当然包括钢笔工具以及基础形状工具。除了万能的钢笔工具之外,矢量形状工具主要指的是:矩形工具圆角矩形工具椭圆工具多边形工具直线工具自定形状工具这些工...

UI学习第七课:钢笔(附很棒的练习游戏网站)

钢笔工具比起其他选区工具和矢量绘图工具来说,具有一定的难度。钢笔可以绘制直线和曲线,尤其是绘制流畅的曲线。首先明白什么是贝塞尔曲线。在使用钢笔工具之前一定要打开“橡皮带”,可以预览曲线。1、曲线是由节点、方向线、方向点构成的。节点控制线段的位置和长短,方向线控制曲线的形状,方向点控制方向线的位置。2...

UI学习第六课:画笔

其实,我以为:画笔完全可以取代大部分选区工具的使用。因为ps是图像合成处理软件,而画笔就是合成最最重要的工具。想想我们处理青春痘的时候,污点修复画笔工具多么得心应手。再配合历史记录画笔,磨皮大法用起来也毫不费劲。当然,仿制图章工具几乎不用了。想想我上大学的时候,ps老师用仿制图章工具复制了一个小黄鸭...

UI学习第五课:图层模式

ps中的很多工具都可以使用图层模式,而图层模式又是很多同学搞不清楚的。其实,我们要掌握它的规律,不管是哪种工具使用图层模式,原理都是一样一样的。图层模式分为6大块。第一块的正常就是什么效果都没有。溶解需要透明度的配合。透明度越低,溶解效果越明显。第二个模块是变暗模式,就是说这个模块里面的五个命令都会...

喜欢一个字体,但是不知道是什么字体怎么办?

做设计的时候常常遇到这样的问题,看到别人的设计效果图上的字体很漂亮,好想用,但是不知道是什么字体?于是跑去设计师群里问大神,“求大神,这是个什么字体?”于是,得到这样一张图片。今天就教大家一个小技巧,如果用求字体网找字体,而不是去求人。1、每天扫图看别人的设计的时候,关注一下字体,看到好看的字体自己...

UI学习第四课:选区

选区作为基础的选取对象工具,主要有规则选区、不规则选区和魔棒等工具。有一个细节要注意,如果选区内没有像素,要变换选区则要使用“变化选区”的命令,如果选区内部有像素,则可以使用“自由变换(ctrl+T)”的命令。1、使用了“自由变换”或者“变换选区”命令后,再右键单击,就可以出现变换面板,主要包含“自...

UI学习第三课:初识ps

学习了素描中基本的点线面、三大面、五大调子、透视等基础后,开始进入ps的学习。一、ps的模块1、菜单栏菜单分为公共菜单和私有菜单。比如“文件”、“编辑”、“窗口”、“帮助”等菜单是绝大部分软件都有的,如果有学习过别的软件的基础,这几个菜单应该很好掌握。文件菜单主要负责“新建”、“打开”、“保存”、“...
Top