教程作者:软件基础营38期-A41-坚果
交作业:#优设每日作业#
关于教程
本次内容是绘制一张扁平风格的噪点质感风景插画,主题是夕阳下的小屋。灵感来自于Dribbble上作者VIDOR的作品Small House。作者展现的是海子的“我有一所房子,面朝大海,春暖花开 ”。而我更向往陶渊明“采菊东篱下,悠然见南山。山气日夕佳,飞鸟相与还。”这样的田园生活,于是做了这样一张夕阳下的小屋。大家在寻找灵感时也可以根据一些喜欢的诗歌、文章等进行场景的构思,加入自己的理解去进行创作哦~
你也想做出这么漂亮的插画吗?让包大老师手把手教你→点我学习制作AI插画
关于软件
作品的绘制主要分为Ai与Ps的部分。先用Ai绘制完插画后导入Ps中进行噪点的添加。绘制过程中主要涉及Ai 中的形状工具、钢笔工具、渐变、形状生成工具、布尔运算、路径查找器、混合模式以及Ps中的画笔“溶解”模式等工具的应用。
教程步骤
- 步骤01
确定风格与配色绘制简单草图,本图部分颜色参考:
- 步骤02
在Ai中新建一个800*600的横向画板,分辨率72,颜色为RGB模式。
- 步骤03
根据草图进行场景的绘制。
可将画面分为前景、中景、远景三个层次,由远及近开始绘制。
- 步骤04
进行远景的绘制,包括天空、夕阳、云朵、远景树、两座山。首先绘制天空。由于是傍晚,需要表现夕阳染红一半天空的效果,主要为红色橙色到蓝色的渐变。
使用矩形工具画一个与画板等大的矩形,并渐变填充。
渐变参数如下:
- 步骤05
使用钢笔工具画出最远的山坡(注意保持曲线的流畅),进行渐变填充。
由于是夕阳,靠近太阳的受光照影响会较亮,所以绘制不同山坡的时候注意颜色由远及近越来越深。最远的山坡是在夕阳下,所以是最亮的哦~
- 步骤06
使用钢笔工具进行远处两座山的绘制,进行渐变填充,同上,靠近太阳的一侧较亮,渐变从左往右渐深。
- 步骤07
进行夕阳的绘制,圆形工具创建一个270*270的圆形,渐变填充。然后将图层置于山坡下面,只露出一部分。
- 步骤08
绘制一个三角形,渐变填充,作为第一个远景树。然后复制三个调整适当大小后进行编组,放置在合适的位置上。将远景树图层置于夕阳与山坡的图层之间。
- 步骤09
绘制天上的云。
首先使用圆形工具绘制三个不同大小的圆,颜色填充为#ffffff,调整好位置。
在圆上绘制如图矩形,全部选中后,使用形状生成工具,按住alt键,减去多余部分。如果形状不满意,再进行微调。调整后合并形状。
同理再画一朵云,将两朵云置于如图位置。
- 步骤10
绘制山坡山的纹理。使用钢笔工具进行形状勾勒。颜色填充为#ffffff,调整合适的不透明度。
这样远景的部分就绘制完成啦~
- 步骤11
中景的部分主要包括房子,烟囱飘的烟,两个山坡,房子周围的灌木丛、橙色的草以及周围其他树木。
首先来画主体物-房子。房子分为:墙体、门窗、屋顶、烟囱这几个部分。
- 矩形工具绘制一个386*228的矩形作为左边的墙体,颜色填充为#DCE8ED。再绘制一个162*228的矩形,颜色填充为#7AB2D4。绘制一个等腰三角形,与该矩形合并形状,形成右边的墙体。复制左边墙体,对齐置于上方,重新填充颜色为#E43531。
- 直接选择工具,选中上方两个锚点,拉动至如图位置,形成屋顶。再选中下方两个锚点,适当拖长,形成屋檐。
- 同理绘制右边屋顶。
- 接着绘制屋顶条纹,先画出一条,颜色填充为#020F25
- 按住alt+shift 复制平移第二个,然后按ctrl+d复制操作,完成屋顶条纹绘制。
- 绘制烟囱,绘制23*25矩形,颜色填充为#DCE8ED。复制一个置于右侧,颜色填充为#7AB2D4。
- 步骤12
绘制门窗的部分。
绘制30*60的矩形作为窗户,颜色填充为#020F25。复制出其他几个窗户,调整适当位置。
绘制37*77的矩形作为门,颜色填充为#020F25,调整位置。
这样房子的部分就完成啦~是不是很简单呢~
- 步骤13
钢笔工具绘制房子前面两个山坡,渐变填充。编组置于房子上层。
- 步骤14
绘制中景植物。
从左向右依次:
- 绘制126*222的椭圆,渐变填充为:#001F3D-#005C8A(由深至浅)。钢笔工具勾出树的枝干,颜色为#001F3D。
- 钢笔工具绘制灌木丛,注意树球的大小起伏。渐变填充#001E24-#12BFBF(由深至浅)。钢笔工具绘制枝干路径,颜色为#052616。使用宽度工具对枝干进行粗细的调整。
- 绘制橙色的草。先用钢笔工具勾出形状,颜色填充为#ED6402。再在上面用钢笔工具随意勾出形状,编组后全选,路径查找器-减去顶层,完成草的形状。
- 绘制三角缺口的树。先绘制一个三角形,渐变填充为#183D43-#00AF9B(由深至浅)。参考草的画法,钢笔绘制形状再进行布尔运算,得到树的形状。复制一个,调整大小及位置。
- 同理绘制两颗椭圆缺口的树,调整渐变如图。
- 椭圆工具绘制最右侧的树,调整渐变为#003945-#006E62(由深至浅)
- 钢笔工具绘制烟囱的烟,填充颜色为#ffffff,调整不透明度为76%
中景的部分就完成啦~
- 步骤15
前景主要为最近的山坡和其他植物。绘制方法前面基本都讲到,相信大家已经掌握,在此不多重复啦。
右下角叶子的画法:用钢笔工具勾出形状或用椭圆工具绘制椭圆,调整锚点,均可绘制。叶片分为两个部分,可以根据你想要的叶子造型去调整叶子的渐变填充角度,注意明暗的处理。可以在部分叶面上点一些暖色,呈现夕阳照在上面的感觉。
到这里Ai的部分就完成啦。
- 步骤16
文件-导出-导出为,将绘制完成的插画导出为psd格式,命名并保存。
- 步骤17
开始给图层叠加噪点。噪点一般叠加在元素的高光及阴影处,形成渐变。通过叠加噪点可以增加画面的质感丰富图形的细节。
首先在ps里打开刚刚保存的插画psd文件,找到需要叠加噪点的图层。创建剪切蒙板,使用画笔工具,将画笔模式调整为溶解。调整流量进行噪点叠加。需注意过度要自然,靠近边缘的地方密集一些。叠加后适当调整画笔图层不透明度,让噪点与画面自然的融合。
这样一张风景噪点质感插画就完成啦!
最终效果
结语
本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。
如果你也想绘制出这么漂亮的插画,戳链接让包大老师手把手教你→点我学习制作AI插画
相关推荐
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 已发布 5 条