效果图
照片原型
草稿
步骤01：新建文档
打开AI，文件—新建，创建画板，宽度770像素，高度600像素，色彩模式RGB。
步骤02：设置图层
创建新文件后，找到图层面板，依据插画内容新建7个图层，分别命名为：
层1：前景
层2：右房间
层3：右车库
层4：左方间一
层5：左方间二
层6：左方间三
层7：背景
步骤03：绘制基本结构
3.1 绘制背景
(1) 使用矩形工具拉出一个770×600的矩形，颜色为#4594f4，填满画板并与画板对齐。
(2) 在以下位置拉出6根辅助线，确定主体位置。
(3) 锁定图层
3.2 绘制右边房间
(1) 选中右房间图层
(2) 使用矩形工具绘制建筑结构：
①( 250.5*386.3px，圆角12.7px，#f8feff )
②(207.7*249px，圆角12.7px，#3f3c5c)
③(173.5*209px，圆角10px，#7d9ba9)
3.3 绘制车库
(1) 选中车库图层
(2) 绘制矩形219*69.3px，颜色3e58f41
3.4 绘制左房间
(1) 选中左方间一图层
(2) 建立矩形①(215.2*146.2px，圆角12.71px，#f8feff)、矩形②(125*46.6px，#c3edec)
(3) 选中左方间二图层
(4) 创建矩形①(87.3*79.6px，#c2e1f1)、矩形②(64.8*31.7px，#a7cad8)、矩形③(11.9*79.7px，#e58f41)、矩形④(182.7*22px，#e58f41)
(5) 位置进行组合
(6)选中左方间三图层
(7)创建矩形①(176.2*78px，#c2e1f1)、矩形②(99*45px，#ccf4ff)、矩形③(209.2*49px，#f8feff，左侧两圆角12.6px)，进行组合。
(8)接着绘制楼梯基本型，楼梯由4个长方形组成，宽12.2px，高分别为(66px、75px、84px、93px)，颜色#b8d1d8。
步骤 04 完善结构细节
4.1 选中右房间图层
(1)使用矩形工具绘制玻璃，166.6*201px，圆角6.35px，颜色#e0f8fa。
(2)右对齐深蓝色(使用选择工具同时选中两个矩形后，按住shift键再次点击深蓝色矩形，可以发现深蓝色矩形绿色选中框变粗，然后将对齐改为对齐关键对象，再选择水平右对齐)。
(3)使用矩形工具绘制玻璃框，3*202px，颜色#7d9ba9。
(4)左上光源，玻璃框受光面在上，尺寸同，颜色#cce8f2。
(5)选中全部玻璃框与玻璃框受光面，ctrl+g编组。
(6)使用钢笔工具绘制屋内光影，形状可随意，自然即可，颜色#c3e8f4，选中所有光影ctrl+g编组。
(7)使用矩形与钢笔工具绘制屋内陈列剪影，颜色#9ddced，分楼层将家具选中后ctrl+g编组。
4.2 选中右车库图层
(1)使用矩形工具绘制车库侧墙，5.1*69.1x，颜色#c4793b，与黄色底上下对齐。
(2)使用矩形工具绘制车库卷帘门，每一条尺寸182.7*6.3px，颜色#d5e9ef，#b8d1d8交替。
(3)选中所有矩形ctrl+g编组，与黄色底居中对齐。
(4)双击矩形组进入隔离模式，使用直接选择工具(A)框选深浅矩形重合的左侧锚点(图中标红锚点)，向右移动4px，同理选中右侧锚点向左移动4px。
(5)使用矩形工具绘制卷帘门两侧，4.5*6.3px，颜色#dfeef2，与卷帘门相切。
(6)使用矩形工具绘制车库里面，182.8*6.3px，颜色#3f3c5c，与卷帘门居中对齐，并置于卷帘门下层。
4.3 选中左房间一图层
(1)使用矩形工具绘制房间下凹结构，153.4*76.5px，颜色#e58f41，右边两个圆角10px，底对齐蓝色玻璃。
(2)使用矩形工具绘制墙的侧面，8.3*83.8px，颜色#d8783c;同时选中该矩形与浅黄色底，使用形状生成器工具(shift+m)，按住alt键发现鼠标左下角变为-号，划去多余部分。
(3)使用矩形工具绘制窗户框，128.6*53.3px，颜色#c2e1f1，与蓝绿色玻璃右对齐底对齐。
(4)ctrl+c，ctrl+f原位置复制粘贴一层蓝绿色玻璃，同时选中它与刚刚的窗户框，使用路径查找器减去顶层。
(5)窗户框侧面颜色#7d9ba9，选中所有窗框ctrl+g编组。
(6)使用矩形工具绘制护栏，横栏153.4*3.3px，颜色#f35a5a。
(7)竖栏4.45*13px，颜色#f35a5a;侧面2.6*13px，颜色#a92f55;选中所有护栏矩形ctrl+g编组。
(8)使用矩形工具绘制护栏玻璃153.4*13.6px，颜色#ffe1bd，混合模式变量，不透明度65%。
(9)同时选中该矩形与黄色圆角矩形，使用形状生成器工具(shift+m)，按住alt键划去多余部分。
4.4选中左房间二图层
(1)绘制方法参考左房间一，颜色参数设置。
4.5选中左方间三图层
(1)用步骤四第3步的方法绘制窗框，亮面颜色#a7cad8，暗面颜色#7d9ba9。
(2)使用矩形工具绘制错落的砖纹，避免规则排列，颜色#b3d7e2 ，#cee8ef。
(3)使用矩形工具绘制台阶亮面，高3.5px，宽度与每层台阶宽度一致，颜色#daf7f4。
步骤05 增加光影效果
5.1 右房间图层
(1)钢笔绘制高光，颜色#ffffff，置于窗框下层，家具剪影上层。
(2)使用圆角矩形工具绘制投影，并结合形状生成器修剪，使投影贴合结构。
(3)投影颜色#314444，混合模式正片叠底，不透明度20%。
5.2 右车库图层
(1)投影颜色#314444，混合模式正片叠底，不透明度20%。
5.3 左房间一图层
(1)使用钢笔工具绘制玻璃高光#edf7f1，混合模式正常，不透明度72%。
(2)护栏高光#ffffff。
(3)使用两个矩形，结合形状生成器和修剪路径，使投影贴合结构，然后使用路径查找器，将两个矩形做联集。
(4)拐点拉圆角4.24px，颜色#314444，混合模式正片叠底，不透明度20%。
5.4左房间二图层
(1)钢笔绘制玻璃高光，颜色#7fb7c6，护栏高光颜色#ffffff。
(2)投影颜色#314444，混合模式正片叠底，不透明度20%，方法同左方间一。
5.5左房间三图层
(1)钢笔绘制玻璃高光，颜色#ffffff。
(2)投影颜色#314444，混合模式正片叠底，不透明度20%。
步骤 06绘制场景，烘托气氛
6.1选中右房间图层，绘制凹槽。
(1)创建矩形，76.5*8.6px，颜色#97c4c2。
(2)使用添加锚点工具，在矩形右侧边中心添加一个锚点，并向左移动5px，将该锚点的圆角拉到最大。
(3)选中该图形与白色底，使用图形生成器删掉多余的部分，并添加投影，投影颜色与之前的投影参数一致。
6.2选中左房间二图层
(1)使用钢笔工具绘制盆栽。
(2)使用钢笔工具绘制花盆，置于植物的上层，颜色#26244b，#3f3c5c。
(3)缩放到适当的大小，置于图层中护栏与护栏玻璃的下面。
6.3选中左房间三图层
(1)使用钢笔工具绘制盆栽与沙发。
(2)缩放到合适的大小，置于该图层顶层，将上一步的盆栽修改部分颜色，缩小装饰桌面与环境。
6.4选中前景图层
(1)使用圆形工具绘制几个的圆(圆的大小路径合适即可)，选中所有圆形，使用路径查找器做联机。
(2)在圆形上方绘制一个矩形，选中两者使用路径查找器做减去顶层。
(3)得到一个草垛 用以上方法可以绘制所有草丛与云朵。
(4)深色草丛与云朵绘制在背景图层。
6.5 绘制路灯
(1)绘制矩形，33.3*5.2px，旋转315°，颜色分别是#26244b，#3f3c5c。
(2)使用椭圆工具绘制一个27.1*25.6px的椭圆，颜色#a92f55。
(3)沿椭圆中点画一个矩形，矩形在椭圆上。
(4)选中两者，使用路径查找器做减去顶层，得到一个半椭圆。
(5)ctrl+c，ctrl+f复制一层向右压扁，颜色改为#f35a5a，选中两者是有图形生成器删掉多余的部分。
(6)选中两个半圆旋转315°，并创建一个25.4*7.3法人矩形，位置放在圆角矩形下边。
(7)使用两个圆角矩形绘制灯柱，10*198.6px，圆角拉到最大，然后将所有元素组合。
(8)使用矩形工具绘制前景马路，宽770px，与画板居中对齐，错落排列矩形砖块(#2e3b44，#495860)。
6.5选中背景图层
(1)解锁图层，绘制水面与海鸥。
(2)使用矩形工具绘制水面(770*137px)，水光(20.7*6.7px)错落排列，圆角拉到最大。
(3)使用钢笔工具绘制海鸥，去除填充，描边为2.2px白色，错落排列(根据远近稍作大小区别)
最终效果
还没有评论，来说两句吧...