千小兔

知识问答小行家

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




126401622
千图网,趋势教程,透气感场景  
千图用户评论 ( 16 )
    你可能喜欢
    教程分享
    一、风格介绍暗黑东方风格强调感性的意象美。设计师运用暗色系作为主基调,加入亮色系中国色聚焦画面,给画面预留审美空间。设计师以具象化中式美学元素为主体,与抽象化几何元素相结合,这样虚实相生,如镜花水月,空灵飘缈,让画面在传统审美上增添了几分现代感。二、图形处理1.元素选择时,以富有中国风意象元素为主,如山水意境画,含象征意义的植物,古典样式器皿,中式典型建筑等。图形元素:画面结合了中式意象元素和抽象
    千小芽2024/03/05
    教程分享
    ●风格介绍水墨雅韵风是类似画笔顺着水流晕染的风格表现,在真实的水墨和PS晕染处理下既不失传统绘画的质感又融合了当代流行时尚的海报视觉效果 ●步骤分解首选我们需要下载一个过程详细的文件,最好每个过程有单独的分解,这样才能让晕染效果更加好,以下是我们今天需要用到的元素 1. 选择我们要晕染到的图层,选中图层按住ctrl把图层变成选区,然后
    千小芽2024/01/25
    教程分享
    一、风格介绍几何雅韵风格强调的是一种简洁、雅致的美感。设计师通过运用低饱和度的色彩,使海报整体呈现出淡雅、低调的氛围。同时,将几何形状与传统元素巧妙地结合,既展现了现代设计的简洁,又不失古典的韵味。二、图形处理在选择设计元素时,要特别注意那些具有古代中式风格的元素,如中式家具的线条、屏风的图案、古代建筑的构造以及植物和陶瓷的形态等。在设计过程中,建议从整体到细节,先确定大体的几何构图,再逐步添加烘
    千小芽2024/01/22