千图网官方Blog
千小兔

知识问答小行家

「周末作业」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




87531621
千图网  趋势教程  透气感场景  
千图用户评论 ( 16 )
    你可能喜欢
    教程分享
    原始色阶像是钢笔线描之后的色块填充,每个色块表现不同色阶,从而形成立体感,线稿的精细度甚至可以堪比数据化方块,远看是一幅简单的手绘,近看则是精致的线条和块面的衔接。用到的工具:PS审题绘制此类作品主要抓住两个特点:钢笔线描和色块表现不同色阶。先画好精细的线稿,造型像方块的感觉,再在线稿的基础上上色,用色块来表现出立体感。构图确定主题,绘制出主体外轮廓,再用线条丰富细节。01:主题为音乐节,画出主体
    千叫兽2019/06/27
    教程分享
    线排清漫特点带上了夏日的清凉,在灰暗的世俗里给人慰藉,用最基础的线排来表现明暗、黑白灰关系,清新脱俗,动漫的画面有不一样的静谧感。显著特点是用最基础的线排来表现明暗关系,风格小清新。用到的工具:AI审题绘制此类作品主要抓住特点:最基础的线排来表现明暗、黑白灰关系构思确定要画的主题,想好要画的物件风格色调,首先把背景色和排线画好,背景排线,先画好两根线用混合工具选择步数,可以随意更改步数比较方便。0
    千叫兽2019/06/20
    教程分享
    萤灵之光特点是黑暗中的光芒,像是黑夜里的萤火虫,将人们的视觉中心定位在光亮处,背景虚化推后,光源处描绘得细致具体,画面充满极致美妙的幻想,表现了森林、山中的美好场景。用到的工具:PS,SAI审题绘制此类作品主要抓住两个特点:明暗对比,冷暖对比。把握好明暗之前的微妙变化,利用对比色创造出具有妖精般空灵的感觉。构图确定要画的主题,找找会发光的生物,比如人鱼啦,妖精,萤火虫,设定场景,可以是森林,城市,
    千叫兽2019/06/13