Photoshop制作简易炫彩背景图

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

  最后做出的背景图如下:


  图01

  OK,让我们开始吧。

  一、选择色彩方案

  在这里选择了下面这张图片作为配色方案的灵感来源。因背景色彩对比明显才能更好衬托出透明感,因此倾向于选择色调变化较大、分布较广的图片。


  图02

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

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

  二、制作背景图

  1、新建文件

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


  图03

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

  这里需要注意的是:

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

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

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


  图04

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


  图05

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

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


  图06

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


  图07

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

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


  图08

  三、将背景图投入使用

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


  图09

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


  图10

分类:

  • PS入门教程
时间: 2024-09-19 17:28:46

Photoshop制作简易炫彩背景图的相关文章

PhotoShoP制作超炫浪漫背景

PhotoShoP制作超炫浪漫背景--原图 最终效果图 1.首先打开原图,执行"图层/新调整图层/色相饱和度",把"着色"打勾,通过调色相和饱和度确定图片的整体色调. 2.在"色相/饱和度"调整图层旁的蒙板中用柔一点的黑色画笔涂抹或用套索工具选取后羽化填充黑色.

Photoshop制作红色放射光效背景图

  效果图: 第一步:新建600*600的画布,白色填充,执行[滤镜-杂色-添加杂色],效果如下 执行[滤镜-模糊-动感模糊],效果如下 执行[滤镜-模糊-极坐标-扭曲],效果如下 第二步,给该图层添加渐变叠加,设置如下: 效果如下: 第三步,调整色阶,设置如下: 效果如下: 第四步,渐变映射,设置如下: 效果如下: 第五步,画一个圆,高斯模糊,效果如下: 第五步,画一个环,高斯模糊,最终效果就完成了:         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:31127

Photoshop调出梦幻炫彩的菱形背景图

  本教程主要使用Photoshop调出梦幻炫彩的菱形背景图,制作小三角像素背景的方法跟星光背景有点类似,都是把素材复制两层,分别执行正负45度的滤镜,小三角像素背景执行滤镜之前需要先变形,然后修改图层的不透明度或混合模式就可以得到想要的效果. 最终效果 1.准备一张作为banner背景的照片,下面我们以下图作为演示. 2.复制两次背景层. 3.先对最上面的图层使用自由变换工具(Ctrl + T 或选择主菜单"编辑">"自由变换")让图像水平倾斜45度. 4.

Illustrator结合photoshop制作漂亮的蜂巢炫彩背景图案教程

给各位Illustrator软件的使用者们来详细的解析分享一下结合photoshop制作漂亮的蜂巢炫彩背景图案的教程. 教程分享: 一.制作背景色 这里,我将采用我习惯的利用图片作为炫彩背景色素材的取色方式,我曾经写过的教程<配色弱有救了!教你利用图片创建独有的色彩方案!>已经有具体地阐述过,找图的时候最好找一些颜色相对丰富一点的图片.然后打开PS,新建一个1800px*1200px的文档,将图片拖入其中,调整到合适的大小.   采用快捷键Ctrl+J复制背景图,将复制后的背景层的图层名称改为

用Photoshop滤镜轻松制作炫彩背景

滤镜 前面我们介绍过很多用Photoshop滤镜制作炫彩背景的实例,今天我们再来看一个简单几步实现绚丽纹理背景的实例. 完成效果如下: 新建图像800*800 背景为黑色,执行 Filter > Render > Lens Flare 连续N次的移动和添加光晕.效果如下 按CTRL+U执行 Hue/Saturation menu 设Saturation to -100如下 执行 Filter > Pixalate > Mezzotint 类型 = Medium Strokes. 再

PhotoShop制作随意涂抹炫彩签名图教程

介绍用PhotoShop制作简单的随意涂抹炫彩签名图效果,教程核心:蒙版的运用,纹理是运用滤镜作的,挺简单,适合新手朋友学习. 效果图: 1.新建图层,填充深蓝到黑色的径向渐变. 2.新建图层,填充任意颜色,设置前景色和背景色分别为黑色和灰色,然后执行滤镜-渲染-纤维,然后执行滤镜-模糊-动感模糊. 3.新建图层,填充任意色,打开图层样式,勾选渐变叠加,颜色设置如下: 4.把之前的纤维模糊图层移动到渐变图层上并且调整图层模式为:叠加,然后设置渐变图层的渐变颜色,使线条更清晰. PS:此处的效果和

PS制作时尚炫彩风格的小米手机海报

  今天带同学们来临摹一个小米的宣传图,空间感和色彩都非常吸引眼球,拿来做海报练手再好不过.教程每个步骤都仔仔细细地截图了,新手也可以顺利完成,直接开练吧. 效果图: 新建. 选择圆角矩形工具. 选择形状,不描边,半径设置成10,拉一个圆角矩形. 双击圆角矩形图层缩略图的右下角,弹出拾色器,选择想要的颜色,这里是#ff7906 然后给圆角矩形加效果,先淡淡的一层投影,参数如图,距离大点,大小也大点,不透明降低. 添加渐变,默认的黑白,反向,混合模式叠加. 然后把圆角矩形移动到合适的位置. 栅格化

Illustrator制作梦幻炫彩标志效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作梦幻炫彩标志效果的教程. 教程分享: 先来看效果:   先填充渐变,然后在使用不透明蒙版. 或者偷个懒,用径向网格建好图形,然后用MeshTormentor填色. 就像这样,我家里的电脑装不上这个插件,这个方法可行但没什么意义.   用混合也可以做出来 如图,先做一个   复制变换,然后重新填色即可       好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的制作梦幻炫彩标志效果的教程解析分享

PhotoShop制作五彩菱形格子背景图片效果教程

教大家用PhotoShop制作五彩菱形格子背景图片效果,大概用形状工具画出形状,通过图层样式设置出效果,然后复制排列出整体效果,喜欢的同学可以学习一下哟! 效果图: 1.新建1920*1200大小文档,填充黑色. 2.用多边形工具,拉出菱形,菱形拉小点颜色随意,设置图层样式如下:     相关教程: PS制作梦幻飞舞的绚丽雪花背景 Photoshop背景虚化效果教程 PhotoShop制作光芒四射的极坐标放射线背景效果   分类: PS入门教程