百木园-与人分享,
就是让自己快乐。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

img

原图作者:Sara Groblechner

教程作者:软件营34期-A17-小石

交作业:#优设每日作业#

关于教程

冬天的时候多想躲到热带度假呀!

在Dribbble上看到这幅作品,非常适合学习AI入门。一起来看看怎么绘制吧!

 

教程步骤

  • 步骤 01 分析画面,做好分层

画面大背景是地板和泳池(底层),中间层是桌子、椅子、柱子等物,最上层是树叶。接着我们按这样的逻辑去制作画面。

 

  • 步骤 02 建参考线,背景制作

1. 建立参考线。在空白图层,先用直线段工具等距拉好竖排线(线建的密一点),再选中所有竖排线分别旋转60°和120°复制,注意三排线要交叉(没有交叉,返回竖排线的步骤,从中删一条,再做旋转)。

选中所有线,视图-参考线-建立参考线。(参考线的颜色可从首选项中更改。)

改图层名为“参考线”,锁定该图层。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

2. 背景是地板。用钢笔工具沿着参考线画出一个平行四边形(描边:1PX,填充:#ebe0d4)。注意,一定要控制长边为偶数量参考线格子,否则后面复制会造成瓷砖大小不同。(例图:长边12格)

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

复制该平行四边形,并且等距排开(一定要对好参考线)。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

继续把这一排编组对好参考线复制。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

3. 地板有渐变。新建图层,建画布大小的矩形,与画布对齐。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

  • 步骤 03泳池绘制

1. 新建图层,沿参考线做一个平行四边形,填充:#000000

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

2. 用钢笔勾一个泳池内部,颜色参数如图。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

3. 沿着参考线,用钢笔勾出泳池壁。填充长:#0c3439,短:#0e3a3d

沿着参考线画出泳池内壁的线(0.5PX,#000000)。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

4.沿着参考线,用钢笔画出阶梯。(颜色最深的阶梯可参考图8,其他三个阶梯在此基础上,依次提亮一点灰度即可)

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

5. 泳池扶手。新建一个35*75的圆角矩形,圆角拉到最大。偏移路路径-3。选中两个图形,路径查找器-减去顶层。做一个矩形,再用一次减去顶层。移到合适位置后,同时选中泳池用形状生成器,去掉多余部分。(填充:#cec6c0)

底座是两个深浅不一的椭圆,不赘述。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

6. 水波。先用钢笔做一个平行四边形水面,再拉一条直线。点击直线,效果-扭曲-波纹效果

填充:#19a8ce,透明度 20%

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

  • 步骤 04 人物、软装制作

1. 人物。眼睛和脸是形状工具做的,身体、头发、泳衣是用钢笔工具做的。泳垫是先做一个矩形,拉好圆角,对象-封套扭曲-用网格重置,用直接选择工具来调整曲度。

(填充:泳垫-#e24b4c;投影-#011e21,透明度40%;身体-#f1cab0;头发:#bfa701)

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

2. 桌椅。桌面是用椭圆。桌脚先建一个矩形,选择效果-3D-绕转-等角左方,做出立体效果。

椅子的黄色部分是用钢笔勾的,深色部分是用矩形做的,记得调整角度。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

3. 躺椅。用钢笔勾。椅脚做法同桌脚。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

4. 花盆。植物的部分都用钢笔即可,注意叶子的形态要适当变化。花盆主体先建一个椭圆和一个圆,对齐后,用直接选择工具下拉圆左右两个锚点的杠杆,可以做出底部宽大的形态;最后用路径查找器做联集。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

5. 花盆2号。枝干,底部枝干做法是同桌脚,上面则用多个矩形做联集。花盆,底部先做一个矩形,直接选择工具选中底部两个锚点,用比例缩放工具调整;在底部中间增加一个锚点,下拉后,调整圆角。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

6. 杯子。杯体底部弧度做法同花盆2号,用杯口同大小的椭圆和杯体做减去顶层。注意最后的叠放顺序,从上到下为杯体-吸管-杯口。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

7. 帽子。帽顶,先做一个椭圆与矩形做减去顶层,下面的弧度与花盆做法一样。飘带一部分用描边,一部分用钢笔。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

  • 步骤 05 前景树叶

树叶用钢笔勾勒一片,剩下的可以复制调整,注意两边叶子形态不同。树枝也是用钢笔。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

  • 步骤 06 制作阴影

注意保持各阴影角度相同。

 

  • 步骤 07 用ps溶解

AI导出PSD格式。利用PS在你需要添加溶解的图层上,新建图层,并创建剪贴蒙版。画笔模式选择溶解,可以自行调整流量、透明度等。做错了可以用橡皮擦擦掉。

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

最终效果

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

 

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

 

相关推荐

→ AI教程!教你绘制复古风格配色的夏日午后泳池

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

→ AI+PS教程!教你绘制2.5D等距视角噪点质感插画

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示) 【收获】更好的自己


来源:https://uiiiuiii.com/illustrator/1212123046.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI+PS教程!教你绘制2.5D等距视角风格夏日度假场景插画

相关推荐

  • 暂无文章