AI教程!教你打造超美渐变色的秋分主题插画 - 优设网 - UISDC

AI教程!教你打造超美渐变色的秋分主题插画

2016/09/22 37495评论区

ai-gradational-autumnal-equinox-illustration-1

@杨洋-XHM :经常在网络上看到类似的主题插画。前天看到这个作品,觉着渐变特别漂亮。就临摹了一下。正好秋分,可以拿来跟大家分享。这次练习主要练习渐变工具​,对渐变运用不熟练的小伙伴,值得动手练习一下。

作者追波:@Yuan

uisdc-qiufen-2016092212

步骤一:

打开你的Adobe Illustrator,创建一个新文档。

  • 宽度:800像素
  • 高度:600像素

首先,我们将插画的背景画出来。

使用椭圆工具(L)画一个正圆,并用对齐面板(Shift+F7)将圆对齐到画板中心。​然后用参考线工具标出正圆的正中心。

uisdc-qiufen-201609221

使用路径查找器(Shift+Ctrl+F7)将背景一分为四,上面天空多一点,下面的地面适当的少一点。同时给每个色块填充相应颜色,数值见下图:

uisdc-qiufen-201609222

​步骤二:

刻画天空的夜晚与清晨。

温馨提示:在AI里面使用渐变,需要尽可能的多调节角度、长度以及颜色的扩展范围。切不可心急,想一次出效果。参数不重要,一切以实际效果为准。

  • 夜晚渐变:径向  –  45°  –  #136078~#1C2E43
  • 清晨渐变:径向  –  137°  –  #EBC814~#D19D3B

uisdc-qiufen-201609224

步骤三:

刻画地面的夜晚与清晨。

温馨提示:这里的地面渐变因为要与后面设计的元素有很好的融合,所以在这里的渐变和之前的天空采用不一样的方式。

将地面的两个块面,左侧原地复制粘贴一份(Ctrl+C – Ctrl+F ),右侧因为有两个光,所以原地粘贴两份。三个光的渐变数值与角度如下图:

  • 夜晚渐变:线性  –  -90°  –  #37A88E(不透明:0%)~#1E775F
  • 清晨渐变:右上光  –  径向  –  -90°  –  #EBC814(不透明:60%)~#D19D3B(不透明:0%)
  • 清晨渐变:右下光  –  径向  –  -86°  –  #EBC814(不透明:0%)~#D19D3B

uisdc-qiufen-201609223

步骤四:

刻画太阳于增加地面颜色的丰富性。

温馨提示:这里的就是用了两个正半圆, 也是使用路径查找器(Shift+Ctrl+F7)做的,一块做太阳,一块放在地面右侧的,同时记得对齐锚点和中心

  • 太阳渐变:线性  –  0°  –  #BF3524~#D28B2D
  • 右下渐变:径向  –  -85.7°  –  #37A88E(不透明:0%)~#1E775F

uisdc-qiufen-201609225

​步骤五:

增加太阳的辐射光。

温馨提示:这里的三个正半圆, 也是使用路径查找器(Shift+Ctrl+F7)做的,先做好靠近太阳的一块, 先调整好渐变。然后原地复制粘贴一份(Ctrl+C  –   Ctrl+F ),使用选择工具(V),按住(Shift)等比例放大做出第二层。最后一块则是用选择工具(V)复制、翻转+对齐就可以了,同时记得对齐锚点和中心线。

  • 太阳同向渐变:径向  –  90°  –  #D29F3C (不透明:0%) ~#EBCC3B
  • 太阳向左渐变:径向  –  -180°  –  #BF3524(不透明:0%)~#D28B2D
  • 因为辐射的范围不同,所以左侧色值的位置也要有相应的调整,状态如下图:

uisdc-qiufen-201609226

步骤六:

增加太阳在地面的辐射光。

温馨提示:下方的正半圆, 也是使用路径查找器(Shift+Ctrl+F7)做的,唯一要注意的,就是要和上面的半圆吻合,最好是把之前的圆保留下来在这里进行操作。最后要记得检查对齐锚点和中心线。

  • 太阳下方渐变:径向  –  90°  –  #D29F3C (不透明:0%) ~#EBCC3B

uisdc-qiufen-201609227

步骤七:

增加夜晚的云朵。

温馨提示:云朵的基本型,是通过三个正圆得到的。

一个正圆打底, 填充:#35b094。原地复制粘贴两份(Ctrl+C  –   Ctrl+F ),使用选择工具(V),选择其中一个正圆调整好位置大小, 选择对象使用路径查找器(Shift+Ctrl+F7)将基本形的暗部做出来,加上渐变,最后复制粘贴,调整位置即可。

  • 基本形暗部渐变:线性  –  100°  –  #37a88e (不透明:0%) ~#1e775f

uisdc-qiufen-201609228

步骤八:

增加清晨的云朵。

温馨提示:清晨的云朵,基本是通过上一步得到的基本形,复制、粘贴改变位置和暗部渐变做出来的,所以这一步我就不在重复了。

  • 打底正圆填充:#f4d644
  • 基本形暗部渐变:线性  –  100°  –  #ebcf49 (不透明:0%) ~#e3b93b

uisdc-qiufen-201609229

步骤九:

增加清晨的元素。

温馨提示:这里的两向右的正半圆, 也是使用路径查找器(Shift+Ctrl+F7)做的,先做好靠近太阳的一块,调整好渐变。然后原地复制粘贴一份(Ctrl+C  –   Ctrl+F ),使用选择工具(V),按住(Shift)等比例放大做出第二层,最后再检查一下是否对齐锚点和中心线就可以。

  • 元素渐变:径向  –  0°  –  #ebc93c ~ #d19d3b

uisdc-qiufen-2016092210

步骤十:

增加夜晚的元素。

温馨提示:因为是夜晚,所以需要用椭圆工具(L)画一些正圆来作为星星点缀画面。

  • 星星的颜色填充:#dcc584
  • 星星的位置和数量就由你们自己,自由发挥,但星星不宜过多,以免喧宾夺主。​

uisdc-qiufen-2016092211

今天秋分,昼夜温差慢慢变大,各位加班的设鸡师们,一定要注意保暖哟。​

今天就到这里,想要了解更多优质教程,欢迎关注 → 优设基础训练营,还有我 → @杨洋-XHM

这么认真的看完了,你不给自己点个赞么? ~(^v^)~

「杨洋的精品教程」

  1. 3D精灵球:《PS教程!手把手教你绘制光影巧妙的3D精灵球》
  2. 配色技巧:《用这两个技巧,科学解决没灵感+不好看的配色难题》
  3. 沟通技巧:《减少改稿次数!10个值得设计师学习的沟通技巧》
  4. 素材整理:《超高效!轻松3步帮你掌握实用的设计资源整理术》

yestone-uisdc-2

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ai-gradational-autumnal-equinox-illustration

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

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

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

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