背景教程,设计半透明的花瓣背景

本篇背景教程教大家如何设计一张简洁的半透明花瓣图案背景,制作不难,画出椭圆形花瓣后,设置透明度和复制几层就能做出来,大家一起练习一下吧。

界面设计,快速设计炫酷界面

这种界面背景制作其实方法很简单,画好一个椭圆形,然后调整角度和不透明度颜色等即可,大家一起学习一下吧。

本篇背景教程教大家如何设计一张简洁的半透明花瓣图案背景,制作不难,画出椭圆形花瓣后,设置透明度和复制几层就能做出来,大家一起练习一下吧。先看看效果图

背景教程,设计半透明的花瓣背景插图

步骤1

创建一个新的3000×3000像素的文件。该文件的大小可以根据您的使用目的的改变。

创建一个新的背景色图层进行渐变填充,# 9e7cd1(R:158 G:124 B:209) 0%,# ed8dba(R:237 G:141 B:186)在50%和100% # edad91(R:237 G:173 B:145)。

背景教程,设计半透明的花瓣背景插图(1)

步骤2

1.画一个白色的椭圆形并居中,上下在画布边缘。

背景教程,设计半透明的花瓣背景插图(2)

2.双击弹出混合选项的椭圆形状,设置混合模式为柔光,不透明度为50%,填充不透明度为75%。

背景教程,设计半透明的花瓣背景插图(3)

3.添加白色描边,设置大小为3像素,位置外部,混合模式柔光。

背景教程,设计半透明的花瓣背景插图(4)

背景教程,设计半透明的花瓣背景插图(5)

4.重复的椭圆形,并以30°围绕中心旋转画出6个椭圆形。并所有6个椭圆形形状合并成一个组(Ctrl G),并把组命名为“图层组”,将组的不透明度为50%,

背景教程,设计半透明的花瓣背景插图(6)

5,ctrl+j复制图层组,调整不透明度为75%透明度。调整新组的同时按住Shift键来约束比例。降低整体大小约为65%或以下的点相交。

背景教程,设计半透明的花瓣背景插图(7)

步骤3

1.新建一个图层,去滤镜>杂色>添加杂色并输入200%的金额,高斯分布,并检查单色勾选.

背景教程,设计半透明的花瓣背景插图(8)

2.套噪声层的混合模式为柔光,不透明度为20%。这将使杂色的影响更加微妙。

背景教程,设计半透明的花瓣背景插图(9)

结果与变化

这里是最后的结果,你现在可以去练习了,如果需要调整颜色。整个图像的感觉可以通过简单地更新背景梯度层的变化。这里有几个例子:

背景教程,设计半透明的花瓣背景插图

例子:

背景教程,设计半透明的花瓣背景插图(11)

背景教程,设计半透明的花瓣背景插图(12)

其实在这里不只是改变颜色,你还可以添加上文字,你在做练习的时候,这些都可以加上,加油。

本篇背景教程教大家如何设计一张简洁的半透明花瓣图案背景,制作不难,画出椭圆形花瓣后,设置透明度和复制几层就能做出来,大家一起练习一下吧。先看看效果图

背景教程,设计半透明的花瓣背景插图

步骤1

创建一个新的3000×3000像素的文件。该文件的大小可以根据您的使用目的的改变。

创建一个新的背景色图层进行渐变填充,# 9e7cd1(R:158 G:124 B:209) 0%,# ed8dba(R:237 G:141 B:186)在50%和100% # edad91(R:237 G:173 B:145)。

背景教程,设计半透明的花瓣背景插图(1)

步骤2

1.画一个白色的椭圆形并居中,上下在画布边缘。

背景教程,设计半透明的花瓣背景插图(2)

2.双击弹出混合选项的椭圆形状,设置混合模式为柔光,不透明度为50%,填充不透明度为75%。

背景教程,设计半透明的花瓣背景插图(3)

3.添加白色描边,设置大小为3像素,位置外部,混合模式柔光。

背景教程,设计半透明的花瓣背景插图(4)

背景教程,设计半透明的花瓣背景插图(5)

4.重复的椭圆形,并以30°围绕中心旋转画出6个椭圆形。并所有6个椭圆形形状合并成一个组(Ctrl G),并把组命名为“图层组”,将组的不透明度为50%,

背景教程,设计半透明的花瓣背景插图(6)

5,ctrl+j复制图层组,调整不透明度为75%透明度。调整新组的同时按住Shift键来约束比例。降低整体大小约为65%或以下的点相交。

背景教程,设计半透明的花瓣背景插图(7)

步骤3

1.新建一个图层,去滤镜>杂色>添加杂色并输入200%的金额,高斯分布,并检查单色勾选.

背景教程,设计半透明的花瓣背景插图(8)

2.套噪声层的混合模式为柔光,不透明度为20%。这将使杂色的影响更加微妙。

背景教程,设计半透明的花瓣背景插图(9)

结果与变化

这里是最后的结果,你现在可以去练习了,如果需要调整颜色。整个图像的感觉可以通过简单地更新背景梯度层的变化。这里有几个例子:

背景教程,设计半透明的花瓣背景插图

例子:

背景教程,设计半透明的花瓣背景插图(11)

背景教程,设计半透明的花瓣背景插图(12)

其实在这里不只是改变颜色,你还可以添加上文字,你在做练习的时候,这些都可以加上,加油。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部