Photoshop制作创意简单的炫彩背景效果

2016-02-15 23:06 8 1 收藏

今天图老师小编要向大家分享个Photoshop制作创意简单的炫彩背景效果教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - PS 】

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

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

最后做出的背景图如下:

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

OK,让我们开始吧。

一、选择色彩方案

因背景色彩对比明显才能更好衬托出透明感,因此倾向于选择色调变化较大、分布较广的图片。

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

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

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

二、制作背景图

1、新建文件

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

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

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

这里需要注意的是:

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

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

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

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

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

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

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

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

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

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

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

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

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

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

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

三、将背景图投入使用

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

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

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

Photoshop制作创意简单的炫彩背景效果,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1565076.html

延伸阅读
标签: PS PS基础
今天休息,再给图老师的朋友们推荐一个PS制作炫彩立体字的教程,教程介绍的方法挺不错的,制作难度一般,推荐过来和图老师的朋友们一起分享学习了,希望大家喜欢这篇教程吧。 先来看看最终的效果图吧: 效果图 图0   FEVTE编注:更多PS文字效果教程学习和PS制作的文字效果作品交流请进入飞特论坛PS鼠绘交流区:http://bbs.fevte.c...
本教程主要网友如何使用Photoshop设计炫彩效果的网格光束效果,复杂的光束制作是非常繁琐的,如果当做一个整体来绘制,工作量是巨大的,而且光束叠加部分的效果不好刻画。可以把光束分解成一些小块,然后分段来完成,这样制作的过程相对简单一些,也比较好修改。 先看看效果图 1、新建一个壁纸大小的文档,这里设置的是1024 * 768像素,背...
标签: PS PS基础
最终效果 1、我们需要完成的几片花朵如下图。 2、新建一个1000 * 1000像素的文件,背景选择白色。新建一个组,用钢笔勾出一片花瓣的轮廓,转为选区后给组添加图层蒙版,如下图。 3、在组里新建一个图层,选择渐变工具,颜色设置如图4,然后由左至右拉出图5所示的线性渐变。 4、新建一个图层,用钢笔勾出花朵底部高光选区,...
标签: PS PS基础
最终效果 1、打开人物剪影素材,用魔棒工具把人物选取出来,复制到新的图层。 2、新建一个图层,用画笔随手涂些颜色,看个人喜好 ctrl+左键点人物图层,弄出选区,反选去掉不要的。 3、碎屑同上的方法复制出来,然后用套索工具选取局部复制,贴到人物及周边,看上去自然一点。然后用颜色叠加或者渐变上色。 再调整整体颜...
标签: PS PS教程
前面我们介绍过很多用Photoshop滤镜制作炫彩背景的实例,今天我们再来看一个简单几步实现绚丽纹理背景的实例。 完成效果如下: 新建图像800*800 背景为黑色,执行 Filter Render Lens Flare 连续N次的移动和添加光晕。效果如下 按CTRL+U执行 Hue/Saturation menu 设Saturation to -100如下 执行 F...

经验教程

116

收藏

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