千小兔

知识问答小行家

「周末作业」NO.27 透气感场景设计教程

2018/08/30 09:306分钟读完

趋势@2x


运用不同色相的渐变和透明度,配合有现代设计感的无衬线字体, 

营造出科技感强的2.5D场景,

 半透明的外层结构,给生活于都市森林的人们心灵来一场通透轻盈的净化。

 这种风格的特点是

使用丰富的渐变、多变的透明度、合理的布局以及不同寻常的对比,

衬托出大气而有冲击力的主体


设计工具: ILLUSTRATOR  运用范围: APP启动页,banner,品牌宣传场景设计,海报设计等

案例设计师: 千画

案例说明:制作过程

流行热度: ★★★★ 

创作难度: ★★★★★

教程长图_03


作品展示@2x


骚气的渐变色

通透的立体场景

林立的高楼

处处充满现代科技感

现在让我们开始学习吧!


教程长图_07

教程长图_09


按图中数值设置好3D参数




教程长图_11


将3D字母扩展外观




教程长图_13


使用渐变面板给每个面板单独上色




教程长图_15


上好色之后,给每个面设置透明,顶部的面可以不设置透明。

设置好透明度之后会发现背部有一些面是缺失的,需手动补齐(具体可以查看视频操作)


教程长图_17

教程长图_19


复制一个立体字母,放大后填白色透明渐变,调整好外形,

使它看上去像是罩在字母外层


教程长图_21教程长图_22


我们要在字母中间加一个房间,营造出一种悬浮于字母中间的办公场景效果,

所以需要先把顶部透明的一层移开,复制H字母左边的一个面,缩小以适当大小,

放到最底层,加选要剪切的面,调出路径查找器面板,点击右下角的剪切,

得到一个镂空的面



教程长图_24


复制这个镂空的小矩形,移动右边适当位置,用钢笔勾出一个立体矩形空间

勾出楼房反光形状,并用白色半透明渐变添加楼房的反光



教程长图_26


使用透明度画板设置玻璃反光条的透明度

TIM截图20180829171819


教程长图_30


用3D工具绘制楼房基础形状并给楼房的每个面单独上色




教程长图_32


按图中参数给楼房添加窗户和灯光




教程长图_34


复制楼房到上层:CTRL+C   ,粘贴到上层CTRL+F,用路径查找器面板的联集,

将楼房联集成一个形状,并填黑白渐变的形状及原来的楼房,

在透明度面板中点击“制作蒙板”即可得到一个下半部分透明的楼房




教程长图_36


绘制更多楼房并摆放好位置,根据近大远小,近实远虚的原理设置透明度,

或运用不同的颜色营造出远处楼房的效果,

也可添加一些金币装饰



教程长图_24


用画笔工具点出背景的星空,并设置不同星星的透明度

勾出楼房反光形状,并用白色半透明渐变添加楼房的反光



教程长图_26


使用透明度画板设置玻璃反光条的透明度


教程长图_42

教程长图_43


好啦!教程就到这里

(给大家录制了视频教程,小编已发在评论区)



快去画一个试试吧!

根据教程的步骤

相信优秀的你已经做出很棒的透气感场景作品啦!

那么请你~

·

·

·

·

现在将作业上传到千图网

(必须是和教程不一样的作品哟)

并在评论下方粘贴你的作业链接

叫兽将随机抽取5名做作业的同学送千图网创意马克杯1个(样式随机)~ 包邮噢~

402f338ea761461d7933ad648cfc15ee

(截止时间9月15号)

————————————————————————————————————————————

第二十六期「流光溢彩教程」的获奖名单如下

获奖者加群后联系群主,我们的话题交流群也欢迎各位加入,群号:599450867 

下面这些是前面的获奖者,速速加群联系群主领取吧

11111111111




1520
千图网  趋势教程  透气感场景  
千图用户评论 ( 15 )
    你可能喜欢
    教程分享
    这种风格的插画,主要在于它的配色运用鲜明的糖果色色彩整个画面充满着流动的液体和气泡的形状吸引人们眼球用到的工具:草图先勾画出画面中人物的形态,一个戴帽子仰头的时尚女郎。配色整个画面使用鲜艳的糖果色上色从人物开始,由皮肤到衣帽配饰逐一上色使用硬边笔刷平涂就可以了可以把比较简单的部分先画出来比如脖子的亮部及眼镜部分的投影背景上色,先画出大色块,调整颜色不与人物颜色相冲突再修饰边缘,呈现流线型如下图不规
    千叫兽2018/11/22
    教程分享
    如何快速制作背景 Hello,大家好我是阿九,很感谢这次小木邀请我给大家做一个背景制作的分享,也是对自己这几天制作背景的一个总结和回顾,希望对你们有帮助,也欢迎一起交流设计经验。以下是我对背景制作这一块的遇到问题和总结:如何在保证质量的同时,快速并准确的做出一张背景。 一.确定制作方式:一般有这几种(1.手绘2.扁平风3.元素拼接) 手绘:利用笔刷用手绘板画出想要的背景画面扁平风:用钢笔和形状工具
    千小木2018/11/19
    教程分享
    这种风格,背景和主体相互交融,画面丰富生动。背景中一块块不规则流动的图形,像一个个游走的梦。色块中充满繁复的机理一眼看过去竟分不清主体和背景,细看去别有洞天。寻找素材丰富背景背景中,抽象的色块中是几何图形构成的花纹,这部风可以自己绘制自己想要的图形,也可找素材填充。配色高饱和度明艳的色彩更吸引人眼球注:填色时可以使用其类似色,或者提高明度使用,使画面更丰富。草图勾勒出主体的动态,这是一个冲浪少年的
    千叫兽2018/11/15