PS新手教程!教你创建超简单的炫彩背景

2016-01-29 09:11 50 1 收藏

PS新手教程!教你创建超简单的炫彩背景,@飞屋睿UIdesign:IOS 7毛玻璃质感的UI设计大行其道,别处找来的背景图总是不能符合自己心中理想的配色,在此,我将教大家利用PS制作出这类超级简单又能与自己的界面风格完全搭配的背景图。制作此类背景图的前提是需 ...

【 tulaoshi.com - PS 】

@飞屋睿UIdesign :IOS 7毛玻璃质感的UI设计大行其道,别处找来的背景图总是不能符合自己心中理想的配色,在此,我将教大家利用PS制作出这类超级简单又能与自己的界面风格完全搭配的背景图。制作此类背景图的前提是需要懂得一定的色彩理论,更需要一双对色彩搭配敏感的眼睛。

最后做出的背景图如下:

PS新手教程!教你创建超简单的炫彩背景

OK,让我们开始吧。

一、选择色彩方案

大家可以参考这篇教程:《配色弱有救了!教你利用图片创建独有的色彩方案!》我在这里选择了下面这张图片作为配色方案的灵感来源。因背景色彩对比明显才能更好衬托出透明感,因此倾向于选择色调变化较大、分布较广的图片。

PS新手教程!教你创建超简单的炫彩背景

配色方案吸取的颜色为:柿子椒的正红、青檬皮的深绿、葡萄的浅绿和柠檬黄,另外选择图片中的暗色木桌面作为底色,底色发挥衬托其他色彩的作用,如果你的其他色块面积大基本上也看不到底色,但能感觉到它。(嘻嘻,是否能理解这种“看不见但能感觉到”的神秘感呢?)

有人也建议直接选用黑或白的底色,但是我认为图片本身对黑白的表现要丰富得多,纯黑或纯白则过于规则和保守。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)二、制作背景图

1、新建文件

在这里,我将要制作一个适应手机屏幕展示的背景图,因此我的PS文件大小设定为W:640px、H:1136px,填充背景色为配色方案中的深色——底色。

PS新手教程!教你创建超简单的炫彩背景

2、在背景层之上新建一个图层,采用大而柔软的画笔笔刷涂上第一种颜色。

这里需要注意的是:

1)涂抹的画笔后最好一步到位,不要犹豫。因为软性画笔上色后,在超出画板的部分将会有一条很突兀的边界,这将不利于你对画笔着色后的图层的移动等操作。换句话说,大而软的画笔使用法则就是一步定位,修改的几率太小。

2)画笔大小我在这里选择的900px,实际大小根据你的文件画板大小和实际需要而确定。

3)画笔的透明度降低为70%,这会使不同的颜色间实现真正的“融合”。

PS新手教程!教你创建超简单的炫彩背景

3、再继续创建新的图层,涂抹上另外几种颜色。色彩的分布随自己的喜好。但注意每一种颜色最好新建一个图层,重命名不同的图层,可以方便今后修改和调整。

PS新手教程!教你创建超简单的炫彩背景

4、将红黄绿的色彩图层合并为一个图层,将这整个图层做一次变形。

(ctrl+T鼠标右键单击变形)变形的目的是为了让你的色彩融合得更自然,不再是一个个圆形拼凑起来的样子,而能呈现出一种流动感。这时,你将运用图形中的操作杆任意变化出你喜欢的图案。

PS新手教程!教你创建超简单的炫彩背景

5、这时,也许对你而言这张图片比较暗,那么你可以通过调整色阶来实现提亮和加强图片色彩的对比。

PS新手教程!教你创建超简单的炫彩背景

6、进一步修饰,这类修饰是随性的。根据你自己的期望,可以使用诸如橡皮擦、调整图层进一步将图片变为你想要的结果。

7、最后,为使你的图片颜色显得更为丰富,你可以复制色彩图层,将复制后的图层混合模式改为“柔光”或“叠加”。并适当调整它的透明度。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

PS新手教程!教你创建超简单的炫彩背景

三、将背景图投入使用

有很多方式可以做出这样的图片,但对我来说这是最简单的一种方式。请记得,这其中最重要是获得创作的乐趣。

PS新手教程!教你创建超简单的炫彩背景

这是投入项目实际使用后的效果,在背景图上使用的色块和线条都需要降低一点透明度。相信大家按照这个方法可以做出更出色的作品。

PS新手教程!教你创建超简单的炫彩背景

来源:http://www.tulaoshi.com/n/20160129/1478629.html

延伸阅读
原图 最终效果图 1.首先打开原图,执行"图层/新调整图层/色相饱和度",把"着色"打勾,通过调色相和饱和度确定图片的整体色调。 2.在"色相/饱和度"调整图层旁的蒙板中用柔一点的黑色画笔涂抹或用套索工具选取后羽化填充黑色。 3、现在人物有太鲜明了,所以我们对人物进行调色,执行"图层/新调整图层/色颜平衡",这...
标签: PS
PS滤镜打造炫彩万花筒效果背景   PS滤镜打造炫彩万花筒效果背景
标签: PS
PS教你临摹活泼阳光的小米炫彩海报   今天带同学们来临摹一个小米的宣传图,空间感和色彩都非常吸引眼球,拿来做海报练手再好不过。教程每个步骤都仔仔细细地截图了,新手也可以顺利完成,直接开练吧。 效果图: 新建。 选择圆角矩形工具。 选择形状,不描边,半径设置成10,拉一个圆角矩形。 ...
标签: PS
PS教你创建超写实的金属质感沙漏   该教程其实很简单,重点在高光和阴影上~还是细节问题~恩,其实做多了类似的教程~就知道其实不是很难~所以还等什么呢!赶快打开你的Photoshop,做一个沙漏吧! 效果图: Step 1 新建图层,参数如下: Step 2 矩形工具,前景色为#808080。一个164 x 235像素的矩形...
PS鼠绘超炫按钮教程 我们先来看看完成的photoshop教程效果 下面是具体的制作步骤介绍: 1.新建,背景填充深灰色,新建图层,选择椭圆工具(U)在图层B上创建一个白色圆圈这里名为B。 2.创建两个红色和绿色的圆圈,在图层B上。重新命名为M圈(红色)和S圆(绿色)。 3.选择B圈图层,双击图层打开图层样式对话框...

经验教程

635

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部