请选择 进入手机版 | 继续访问电脑版

Illustrator绘制立体风格城市夜景插画

[复制链接]
悟空 发表于 2019-11-2 15:02:31 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
今天我们用AI软件绘制一个纪念碑谷那种不可能图形,然后结合PS制作成夜歌APP启动界面。首先我们在AI软件中搭建一个纪念碑谷的2.5D图形,首先纪念碑谷这种2.5D效果都是比较规则的图形,2.5D有个特点就是翻转下就能当另一面使用,这也是游戏中常用的手法。

先看看效果图
Illustrator绘制立体风格城市夜景插画-1.jpg







制作步骤:

这些矩形后面会大量用到,这里先做出几个备用
Illustrator绘制立体风格城市夜景插画-2.jpg







拿出一个矩形色板,执行【效果-3D-凸出和斜角】,
Illustrator绘制立体风格城市夜景插画-3.jpg







在弹出的对话框中位置选择上方,厚度我选择的是30 ,大家根据不同的大小合理设置厚度。
Illustrator绘制立体风格城市夜景插画-4.jpg







利用相同的方法再次制作一个立体的矩形,将两个矩形拼接到一起,如图示,将顶部的再复制一个到最下,记得调整图层上下顺序
Illustrator绘制立体风格城市夜景插画-5.jpg







将这3个矩形全选中,执行【对象-拓展外观】,将他们合并。
Illustrator绘制立体风格城市夜景插画-6.jpg







用直接选择工具选中形状底部的三个锚点,向下拖拽拉长一些。
Illustrator绘制立体风格城市夜景插画-7.jpg







继续复制下方这两个矩形,相同的方法将底部继续拉长。
Illustrator绘制立体风格城市夜景插画-8.jpg







这样城楼的主体形状就出来啦,下面制作一面旗帜。先用矩形绘制一长条,执行【效果-3D-旋绕】,选项内直接确定,将长条矩形变为圆柱旗杆。
Illustrator绘制立体风格城市夜景插画-9.jpg







用矩形工具绘制一个矩形,在矩形右侧中间位置利用钢笔添加一个锚点,并向左移动。
Illustrator绘制立体风格城市夜景插画-10.jpg







执行【效果-变形-旗形】,适当调整弯曲度,拼上之前的旗杆咱们的旗帜就完成啦,摆放到城楼上。
Illustrator绘制立体风格城市夜景插画-11.jpg







下面再来做窗户,首先绘制一个圆角矩形,圆角加大,将上下改为半圆形,选中最底部的锚点删除,嫌门小选中底部两个锚点适当的向下移动一些。
Illustrator绘制立体风格城市夜景插画-12.jpg







执行【效果-3D-凸出和斜角】,位置选择左方,厚度为0,这样一个倾斜的窗户就出来啦。
Illustrator绘制立体风格城市夜景插画-13.jpg







为了突出窗户,也显示屋内灯光,将窗户改为淡黄色,复制放到城楼上。
Illustrator绘制立体风格城市夜景插画-14.jpg







下面做窗台,同样创建一个长条矩形,执行【效果-3D-凸出和斜角】,位置选择左方,厚度为2,做出立体效果
Illustrator绘制立体风格城市夜景插画-15.jpg







将窗台摆放到窗户下面,复制几个放到其他窗户下面
Illustrator绘制立体风格城市夜景插画-16.jpg







复制一个窗户放到下面,放大当门来用,制作一个大的矩形立柱放到最下方
Illustrator绘制立体风格城市夜景插画-17.jpg







继续制作向上的阶梯,同样是用到这个矩形,倾斜摆放6个,将后面几个拉长,让他们底部对齐。
Illustrator绘制立体风格城市夜景插画-18.jpg







将几个图形选中,通过路径查找器的联集合并为一个形状,选中形状底部几个锚点,向下拖拽。
Illustrator绘制立体风格城市夜景插画-19.jpg







因为楼梯是不同的方向,记得多复制几个原始图形,拿其中一个执行【效果-3D-凸出和斜角】,位置选择左方,厚度为30,做出立体阶梯效果
Illustrator绘制立体风格城市夜景插画-20.jpg







将阶梯拼到原来的小楼上,接下来就是各种复制组装出效果。
Illustrator绘制立体风格城市夜景插画-21.jpg







下面来制作一个起点,拿过来一个矩形,将填充去掉换成描边,执行【效果-3D-凸出和斜角】,位置选择上方,厚度为0。做好后换个青色
Illustrator绘制立体风格城市夜景插画-22.jpg







将做好的起点放到城堡上,并复制几个中心收缩下。
Illustrator绘制立体风格城市夜景插画-23.jpg







下面将整个起点都选中,执行【对象-拓展外观】组合到一起。
Illustrator绘制立体风格城市夜景插画-24.jpg







多复制几个起点放到其他位置装点下,注意调整合适大小
Illustrator绘制立体风格城市夜景插画-25.jpg







现在城堡绘制完成啦,下面在PS中创建一个启动页面,将城堡复制过去。根据城堡的颜色在背景填充个渐变色,再找个星空的图案叠加上去,完成背景的制作。
Illustrator绘制立体风格城市夜景插画-26.jpg







月亮的制作,绘制两个圆形,合并到一起,用直接选择工具选中上方的圆形,在选项栏选择减去顶层,完成月亮
Illustrator绘制立体风格城市夜景插画-27.jpg







将月亮更改为黄色,并添加外发光。
Illustrator绘制立体风格城市夜景插画-28.jpg







最后添加上启动页必须的LOGO和slogan
Illustrator绘制立体风格城市夜景插画-29.jpg







在教程中咱们大量的用到了复制,这个也是2.5D的一个优点,只要改变方向就是另一面,哈哈,看着复杂,其实做起来挺简单的,大家可以跟着练习下。

免责声明:本教程来源于网络,禁止商业使用, 禁止个人使用,仅供学习交流使用 ,版权归原作者所有, 若涉及版权问题,请及时联系删除!!!(小编分享只为自己和大家学习所用!越努力,越幸运!本头条号不承担任何法律责任!)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题
阅读排行 更多
广告位
集装箱之家是国内最专业的集装箱建筑门户网站,是专业的规划、设计、制造、施工一体化服务平台(建成产品包括集装箱酒店、集装箱别墅、集装箱商业等)
关注我们
  • App下载

  • 扫描微信二维码

Powered by MyContainers! © 2008-2018 ArchNet Inc.( ICP16011403 )