AI教程!手把手教你绘制一个大气典雅的灯光背景

2015/10/19 21749

ai-create-light-background-1

今天通过@ChloeRowe林雅诺 这个教程,我们将学习如何快速绘制一个灯光背景。该教程将教你如何更好地使用基本形状工具和渐变,以制作出一个大气典雅的多彩背景图。动手吧!

效果图:

1. 新建一个700*420的图层,矩形工具,新建一个如下图所示的矩形。

渐变设置如下图所示:

黑灰色 (R=54, G=57, B=66) and black (R=15, G=18, B=27)

黑色(R=15, G=18, B=27)

2. 现在开始创建自定义图案,椭圆工具画一个黑色的圆,大小大概是:6.5px*6.5px。

再画另一个圆,但是大小要小一点,之后,如下图所示移动新创建的形状的位置。

复制该对象,然后将其往后移动(Ctrl+[),大概每次向下轻微移动0.1px,

打开颜色板,改变其颜色,填充灰色 (R=105, G=114, B=127)。

3. 选择所有的圆形,对象>纹理>编辑图案,弹出对话框。点击确定关闭消息通知。进入图案编辑模式。

首先,窗口>图案选择,启动图案选择窗口。当图案选项窗口出现,给该图案命名为“Dot Pattern”,

你的设置可以和下图所示的设置一样,但你也可以根据情况做进一步的调整。关闭对话框,回到正常模式。

现在,让我们在步骤1中创建矩形的副本,并将其放在之前的矩形上面。

从打开色板中的图案面板上选择图案,并将其应用到第一个矩形上。

4. 确保矩形的副本在最顶层,保持矩形对象的被选中状态,填充渐变,参数设置如下图所示:

亮灰 (R=230, G=230, B=230)

暗灰 (R=51, G=51, B=51)

改变图层混合模式:正片叠底,透明度100%

5. 现在创建另一个背景元素。矩形工具,然后画一个矩形,其大小大概是 850 x 225px。

打开颜色面板,设置填充颜色为黑色(R=15, G=18, B=27),对象>变换>缩放,出现新的对话框。

设置如下图所示:

不等比:

水平:100%

垂直:86%,点击“复制”,然后再次执行变换 (Ctrl+D) ,可以快速复制之前被改变的图形对象。

现在我们有三个大小不同的矩形,一个放置在另一个的上面。选择矩形序列堆里的第二个矩形,

然后填充渐变,参数设置如下图所示:

黑灰色(R=54, G=57, B=66)

黑色 (R=15, G=18, B=27)

最后,留下第三个矩形(顶部对象)不变。

6. 在第三个矩形上执行第5步骤,并保存它以备之后的使用。

在矩形工具(M)的弹出菜单中找到多边形,创建一个六边形(参见图片),大小大致是40 x 35px。

无填充,设置描边为1.5pt。

渐变设置如下图:

天蓝色 (R=67, G=233, B=255)

黑色 (R=0, G=0, B=0)

7. 对象>纹理>编辑图案,打开图案编辑模式。

然后给新的图案命名为“Hexagon Pattern”(六边形图案),确定。

现在我们把之前复制懂得矩形放置在如下图所示的位置,打开色板中的图案面板,用我们刚刚设置的图案对其进行填充。

图层混合模式:滤色 透明度:30%

8. 椭圆工具,画一个又细又扁的椭圆,图像如下图所示,参数设置大致是:660 x 7px。

打开渐变,径向渐变,

颜色设置:绿色(R=63, G=255, B=107) 黑色 (R=0, G=0, B=0)

透明度100%,混合模式:颜色减淡。

做完后,复制该图像多次,并改变其渐变颜色,放置在之前创建的六边形图案的边缘。

效果如下图所示:

9. 用椭圆工具创建 不同大小的圆形,把所有圆形放置在最顶层。填充圆形对象,设置与你在第8步骤里设置的一样的渐变。

改变混合模式:颜色减淡,透明度100%,使用剪贴蒙版,效果如2图。选择所有图层,按住Shift,旋转45°。

完成!

【优设十月热门教程合集】

一枚精美的锤子论坛图标:
《漂亮实力派!教你用SKETCH绘制一枚精美的锤子论坛图标》

超酷炫的九重天特效:
《PS教程!手把手教你打造酷炫的九重天魔幻特效》

从零开始学习黑白摄影:
《高手教程!从零开始帮你搞懂黑白摄影的后期方法》

原文地址:vectordiary
译者:@ChloeRowe林雅诺

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量102万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/ai-create-light-background

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里