illustrator新手教程:创建酷炫时尚的多边形背景

2013/11/22 57042

在今天的Illustrator教程中,我们带大家创建一个多个蓝色多边形组成的超炫抽象背景,这种效果用在你的设计作品上是最好不过了,由于是矢量的,也意味着你可以随意控制大小,你将它用在书本封面或者网站背景都没有问题。
当然如果您想图方便,通过工具来制作出这样的多边形特效,可以查看这篇《网页设计趋势:来尝鲜多边形风格设计》文章下载工具学习。

精品ILLUSTRATOR教程:
利用ILLUSTRATOR设计时尚漂亮的LOGO
巧用ILLUSTRATOR的涂抹打造文字草图特效
手把手教你用ILLUSTRATOR创建精细的信封

这种步骤简单但效果超棒的教程,童鞋们花几十分钟就可以学会哦。

不多说,正文开始:
这是最终效果。

wps_clip_image-27616

这种多边形风格的效果看着有点像钻石的切割面,我们利用ILLUSTRATOR的路径合成工具就能做出这种效果,然后添加一系列的蓝色渐变就完成咯。

首先打开ILLUSTRATOR,在画板上画一个正方形,然后选择钢笔工具,随机画出曲线,穿过正方形。

wps_clip_image-17110

你可以打开智能参考线(Ctrl+U),以便能敏捷地捕捉到现有的点,然后继续画一些这样的线。

继续从横纵两个方向向都添加曲线,直到它看起来像这样。

wps_clip_image-14210

添加的曲线越多,也就意味着细节越丰富,你可以尽可能地添加,直到出现一个满意的效果。完成后全选所有,在路径寻找器(形状组合工具)里选择分割。

wps_clip_image-1412

然后取消选择,在正方形边缘做一个选区,去掉多余的线条。

wps_clip_image-3422

我们要设置渐变色板(Ctrl + F9),如图:

wps_clip_image-32347

wps_clip_image-14134

选择滴管工具,摁住Ctrl + Shift 单击选择一个多边形,松开后单击滴管,为多边形添加第一种渐变。

wps_clip_image-14565

继续重复这一个步骤,添加另一种渐变,注意不要跟第一种重叠。

wps_clip_image-8

添加第三种渐变,同样注意不要重叠

wps_clip_image-4922

全部填充渐变后,注意检查有没有漏下的,还有检查细节,不要同一个地方颜色相同,有点话重新调整渐变。

wps_clip_image-30787

当你调整到底部时,可不要都是直线的渐变,效果大概是这样:

wps_clip_image-9212

通过不同深浅的蓝色能突出亮暗对比

wps_clip_image-11328

下面的细节能用来提升颜色的质感,画一个圆,添加径向渐变,不透明度为0

wps_clip_image-23901

混合模式改为叠加,这能让白色点缀蓝色,使色调变化更加漂亮

wps_clip_image-26558

复制这个圆,随机移动到不同的位置,使白色的点缀更加丰富。

wps_clip_image-15651

好了,完成后的效果就是这样咯

wps_clip_image-13896

 

原文地址:spoongraphics
优设网翻译:程远
本文由优设网原创翻译,转摘请注明优设网译文出处,谢谢各位小编。

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量58万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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