美文网首页设计军团
3步创建一个抽象的几何背景色

3步创建一个抽象的几何背景色

作者: 3e39d85c28ab | 来源:发表于2017-04-30 22:29 被阅读37次

本教程将告诉你在创建几何背景色。这种技术使用矢量形状图层,图层样式,创建出一个惊人的背景。

步骤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)。

步骤2

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

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

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

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

5,ctrl+j复制学UI设计网组,调整不透明度为75%透明度。调整新组的同时按住Shift键来约束比例。降低整体规模约为65%或以下的点相交。

步骤3

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

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

结果与变化

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

例子:

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

​本文章来源【学UI设计网​】http://www.xueuisheji.com/?p=4270

相关文章

  • 3步创建一个抽象的几何背景色

    本教程将告诉你在创建几何背景色。这种技术使用矢量形状图层,图层样式,创建出一个惊人的背景。 步骤1 创建一个新的3...

  • iOS 如何在用masonry布局时第一时间获取到frame

    问题:在用masonry布局时,想给按钮添加一个渐变的背景色。渐变背景色用CAGradientLayer来创建。 ...

  • 抽象工厂方法

    创建user Role Product类 创建操作抽象类Dao 创建Dao的具体实现类 创建一个抽象的工厂方法 ...

  • 责任链模式在实际开发中的应用

    1.创建一个抽象类,方便责任规则传递。 抽象类中,抽象类作为自己的属性。并创建一个抽象方法; eg: public...

  • 抽象中理性与自由共存——黄渊青

    几何抽象以及几何抽象的延伸一直是上海抽象画的主要方向。一直被冠以上海抽象艺术家的代表,以及中国抽象艺术界独特的领军...

  • 设计模式|抽象工厂

    设计模式|抽象工厂 意图 抽象工厂提供一个接口,用来创建相关的对象家族,而不是和工厂方法一样,创建一个对象。 抽象...

  • UITableViewHeaderFooterView背景色问题

    UITableViewHeaderFooterView背景色问题 问题发生 在一个tableview中创建了Sec...

  • 抽象工厂模式

    一、抽象工厂模式概述 抽象工厂模式提供一个接口,用于创建相关的对象家族。抽象工厂模式创建的是对象家族,也就是很多对...

  • JDK源码设计模式

    创建型模式 抽象工厂模式(通过创建的方法返回工厂本身, 可以依次创建另一个抽象/接口类型)javax.xml.pa...

  • 设计模式 -- 简单工厂模式

    表述 (创建型模式) 专门定义一个类来负责创建其他类的实例,被创建的实例常常具有共同的父类 定义一个抽象类,抽象...

网友评论

    本文标题:3步创建一个抽象的几何背景色

    本文链接:https://www.haomeiwen.com/subject/pwnxtxtx.html