AI教程!教你绘制塞尔达传说角色插画

优设6年行业口碑保障!专业培养高薪设计人才,你想要的课程这里都有 前往咨询
  • 水平 : 入门
  • 观众 : 7528
  • 时间 : 2018-07-24

教程

原图作者:Matt Anderson

教程作者:左畔寿司(训练营28期学员)

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

教程步骤

  • 步骤 1.0

新建文档,宽 1600px ,高 1200px,新建矩形,宽 1600px ,高 1200px ,填充颜色 #fff1e1 ,去除描边,在窗口里找到【对齐】,点开右上角选项栏,点击【显示选项】,在右下角设置【对齐到画板】,将矩形与画板水平居中对齐,垂直居中对齐,双击图层重命名为【背景】,锁起来。

绘制旗子

  • 步骤 2.1

图层面板右下方点击【新建图层】,命名为【旗子】,按【矩形工具】新建矩形,宽 188px ,高 14px ,填充颜色为 #a07a66# ,去除描边,选择工具选中上述矩形,【按住 alt + shift 键(垂直移动)】,向下移动 12px ,填充颜色为 #3c303a ,按【选择工具】选中此矩形,按ctrl+c,ctrl+f,原位复制粘贴,然后按住【alt】键向中间移动 6px(按住 alt 键可以左右同比例缩放),填充颜色 #768f49 ,按住 alt+shift 键(垂直移动),将此矩形向上移动 12px ,填充颜色为 #a5c06c ,按住 shift 键选中上述所有矩形,右键编组。

  • 步骤 2.2

点击【矩形工具】新建矩形,宽 100px ,高 100px ,填充颜色 #a5c06c ,旋转 45° ,按【矩形工具】新建矩形,宽 158px ,高 70.7px ,填充颜色为 #a5c06c ,选中此两矩形,点击【窗口 – 对齐 – 水平居中对齐】,垂直顶对齐,路径查找器 – 减去顶层,得到一个三角形,选中此三角形,旋转工具,将旋转中心移至三角形最低端中心,旋转90°,【ctrl+d】重复两次操作,得到上下左右四个相同的三角形,左边三角形垂直移动10px,填充颜色#548cad,右边三角形垂直移动10px,填充颜色#d25351,最下面三角形,用直接选择工具在三角形底边中心点添加锚点,按住【shift】键,点击添加的锚点向下移动16px,得到四边形,【选择工具】选中此四边形,垂直移动20px,填充颜色#f2b96a。

  • 步骤 2.3

将 2.2 中所有图形编组,注意与 2.1 中矩形组相切。

  • 步骤 2.4 

【矩形工具】新建2个矩形,宽分别120px,110px,高分别120px,110px,填充颜色#2b2822,选中此2个矩形,水平居中对齐,垂直居中对齐,路径查找器,减去顶层,旋转45°;【矩形工具】新建矩形,宽240px,高85px,填充颜色#2b2822,将新矩形与刚才的形状水平居中,垂直底对齐,路径查找器减去顶层,得到新图形。【矩形工具】新建矩形,宽5px,高40px,填充颜色#2b2822,将新矩形与刚刚新形状水平居中底对齐,【形状生成器】得到新形状,注意与2.1图形顶端相切,【shift】选中2.1,2.2,2.3,2.4所有图形,水平居中对齐,并编组【旗子旗帜】

  • 步骤 2.5

【钢笔工具】 ,分别填充颜色#86593d,#a9734b,【矩形工具】新建2个矩形,宽分别为26px,17px,高分别为26px,17px,填充颜色分别为#d2bca3,#b99794,选中此2个矩形,【水平居中对齐,垂直居中对齐】,并编组。【矩形工具】新建矩形,宽9.5px,高13px,填充颜色#3d322f,按住【alt】键水平向右移动9px复制此矩形,将两矩形编组;新建矩形,宽9.5px,高13px,填充颜色#2f2b2c,按住【alt】键水平向右移动9px复制此矩形,编组。

绘制顶棚

  • 步骤 3.1

新建图层,命名为【头顶帐篷】,【椭圆工具】,宽高均为217px,填充颜色#aac573,【矩形工具】新建矩形,宽230px,高108.5px,填充颜色#aac573,选中圆形和矩形,【对齐】水平居中,垂直底对齐,【路径查找器】减去顶层,得到半圆新图形,按住【alt】键水平向右移动28px复制半圆,填充颜色#f7fae9,再按住【alt】键水平向右移动28px复制半圆,填充颜色#aac573,按住【alt】键水平向右移动28px复制半圆,填充颜色#f7fae9,再按住【alt】键水平向右移动28px复制半圆,填充颜色#aac573,按住【alt】键水平向右移动28px复制半圆,填充颜色#f7fae9,(每种颜色的半圆各3个),最后按住【alt】键水平向右移动28px复制半圆,填充颜色#738a4f。复制最后一个半圆,ctrl+c,ctrl+f,【shift+alt】等比缩小21px,填充颜色#4c6c3b,将以上8个半圆编组。

  • 步骤 3.2

【矩形工具】新建矩形,宽28px,高18px,填充颜色#7b8d58,直接选择工具选中矩形下面两个锚点,圆角设置为8°,选中此矩形,水平移动28px,填充颜色#f3e2ae,【ctrl+d】重复4次操作,得到四个相同的图形,第1,3个图形填充颜色#7b8d58,第2,4个图形填充颜色#f3e2ae,按【shift】键选中上述6个图形编组,与3.1形状底部相切。

  • 步骤 3.3

【矩形工具】新建矩形,宽360px,高12px,填充颜色#a4704e,新建矩形,宽46px,高12px,填充颜色#a5c06c,选中此两个矩形,【水平居中,垂直居中对齐】,选中后一个矩形,水平移动45px,将上述3个矩形编组;新建矩形,宽360px,高12px,填充颜色#86593d,新建矩形,宽46px,高12px,填充颜色#749241,选中此两个矩形,【水平居中,垂直居中对齐】,选中后一个矩形,水平移动45px,将上述3个矩形编组。将上述两个编组的图形,注意两个图形相切。【矩形工具】新建矩形,宽24px,高24px,填充颜色#d2bca3,新建矩形,宽14px,高14px,填充颜色#b99794,选中此2个矩形,水平居中对齐,垂直居中对齐,并编组。 将上述三个编组的形状编组,命名【前杆】,复制【前杆】,命名【后杆】

绘制行囊

  • 步骤 4.1

【行囊上部蓝色】 【椭圆工具】新建6个圆形,宽,高分别为28px,49px,56px,71px,78px,112px,填充颜色分别为#5189a5,335b76,3a5d78,4b7196,557491,538bae,注意圆形的前后顺序,最小的圆形在最里面,最大的在最外面,再将6个圆【水平居中对齐,垂直居中对齐】,将6个圆编组。 【矩形工具】新建矩形,宽217px,高112px,填充颜色# 3e5976,【直接选择工具】选中矩形右面两个锚点,圆角拉到最大。复制上述图形,【alt】键水平向左移动22px,选中这两个形状,【路径查找器】减去顶层,得到的形状填充颜色#2d2232,选中此形状,按【alt+shift】键水平向右移动90px。 【矩形工具】新建矩形,宽240px,高38px,填充颜色#2d2232,将此矩形和此步骤中第一个图形【水平左对齐,垂直底对齐】,复制第一个图形,ctrl+c,ctrl+f粘贴在新建的矩形上,选中两个图形,建立剪切蒙版,得到新形状,将上述得到的所有形状编组,命名【行囊上部蓝色】

  • 步骤 4.2

新建矩形,颜色#8c7e73,将右面两个锚点拉到最大;新建矩形,颜色#b79a82,将左面两个锚点拉到最大;新建3个矩形,颜色#b79a82,将以上所有形状编组,得到新形状。按照以上操作绘制新图形,如图。

  • 步骤 4.3

新建矩形,宽78px,高30px,颜色#917e76,【直接选择工具】勾选右上角锚点,得到新形状,重复操作,绘制颜色#ab957e的形状,新建矩形,宽15px,高30px,颜色#d8c5a8,将此三个形状编组。按照所有操作,绘制新图形。

  • 步骤 4.4

按照4.3操作,绘制如图图形,新建圆形,宽高均为150px,颜色#231815,建立剪切蒙版。

绘制人物

  • 步骤 5.1

新建图层,命名【人物】
【人物头发】【矩形工具】新建矩形,宽150px,高75px,填充颜色#50464a,【直接选择工具】,勾选上侧2个锚点,锚点圆角35°,,勾选左下侧1个锚点,上锚点圆角24°;【矩形工具】新建矩形,宽137.5px,高43px,填充颜色#2a242b,【直接选择工具】,勾选上侧2个锚点,上锚点圆角34°;【矩形工具】新建矩形,宽34px,高134px,填充颜色#2a242b,【直接选择工具】,勾选右侧2个锚点,锚点圆角34°;【矩形工具】新建矩形,宽29px,高89px,填充颜色#2a242b,【直接选择工具】,勾选左下侧1个锚点,将圆角拉到最大。

  • 步骤 5.2

【人脸】【矩形工具】新建矩形,宽103px,高96px,填充颜色#f4c992,【直接选择工具】,勾选下侧2个锚点,左侧锚点圆角43°,右侧锚点圆角22°;【矩形工具】新建矩形,宽103px,高27px,填充颜色#e7ae85,透明度50%,此矩形与第一个矩形【水平居中对齐,垂直顶对齐】;【矩形工具】新建矩形,宽11px,高28px,填充颜色#f4c992,作为【耳朵】。【直接选择工具】,勾选右侧2个锚点,圆角拉到最大;【椭圆工具】,新建圆形宽高均9px,填充颜色#2a242b,按【alt】键水平向右移动47px复制一只眼睛,将两只眼睛编组;

  • 步骤 5.3

【鼻子,嘴巴】【矩形工具】新建矩形,宽18.5px,高27.5px,填充颜色#e69957,【直接选择工具】选中左上角锚点,向右移动27.5px,得到一个梯形,【矩形工具】新建2个矩形,宽分别20px,21px,高分别1.5px,8px,填充颜色#c8554a,按【alt+shift】垂直向下移动3px,如图所示将梯形,以上三个矩形排布(注意梯形位于底层),复制梯形,ctrl+c,ctrl+f,建立剪切蒙版。【椭圆工具】新建椭圆,宽18.5px,高7px,填充颜色为#c8554a,排列位于底层,【直接选择工具】,选中椭圆最下面锚点,水平向左移动2px。【椭圆工具】新建椭圆,宽36.5px,高13px,填充颜色为#f4f4f2,新建矩形,宽40px,高14px,填充颜色为#f4f4f2,选中椭圆与矩形【水平居中对齐,垂直顶对齐】,【路径查找器】减去顶层,得到新图形嘴巴。

  • 步骤 5.4

【人脸面部画】 【矩形工具】新建矩形,宽10px,高7.5px,填充颜色#e4bc87,【直接选择工具】,勾选右侧2个锚点,圆角拉到最大;【alt+shift】
垂直向下移动11px,【椭圆工具】新建3个椭圆,宽分别4.5px,7px,3.5px高7px,3.5px,7px,填充颜色均为#e4bc87。 将鼻子,眼睛,嘴巴,耳朵,人脸组合。将5.1中头发组合,如图.

  • 步骤 5.5

【脖子】 【矩形工具】新建2个矩形,宽分别60px,77px,高分别为60px,18px的矩形,填充颜色均#e5ab8f,【直接选择工具】选中后一个矩形下面两个锚点,圆角拉至最大,得到新图形。【图像生成器】选中此两个图形,得到新图形。
【脖子领巾】新建矩形,宽高均为79px,颜色#e6a04e,【旋转工具】旋转45°,新建矩形,宽115px,高55.9px,选中两个矩形,【水平居中对齐,垂直底对齐】,【路径选择器】减去顶层,得到新形状,【旋转工具】将新形状旋转45°,直接选择工具左上角锚点,圆角13°;新建矩形,宽13px,高9px,颜色#df5355,与刚得新形状【路径选择器】减去顶层,得到新形状;
新建矩形,宽高均为59px,颜色#df5355,与最后得到的形状按照之前操作建立剪切蒙版。新建矩形,宽13px,高9px,颜色#df5355,与新形状编组。

  • 步骤 5.6

【身体】新建矩形,宽130.5px,高95px,填充颜色#33241d,【直接选择工具】勾选左上角锚点,圆角41°,【alt】键向右水平移动10px,填充颜色#f1f5ee。新建矩形,宽208px,高88.5px,填充颜色#e2a685。

【制作胳膊】新建矩形,宽48px,高165px,填充颜色#f4c898,选中矩形四个锚点,将圆角拉至最大【alt】键向左水平移动3px,填充颜色#33241d;新建矩形,宽18.5px,高165px,填充颜色#e1af84,复制上一个圆柱形,ctrl+c,ctrl+f,建立剪切蒙版。

新建矩形,宽111.5px,高45.5px,填充颜色#f4c898,直接选择工具勾选左下角锚点,圆角17.5°;新建矩形,宽66px,高17px,填充颜色#f4c898,左面两个锚点拉至最大,右上角锚点拉至最大,将以上所有形状编组。

  • 步骤 5.7

新建矩形,宽268px,20.5px,颜色#33241d,【直接选择工具】,勾选左上角1个锚点,圆角拉到最大;新建矩形,宽46.5px,20.5px,颜色#a8734a;新建矩形,宽89.5px,20.5px,颜色#f9c991,【直接选择工具】,勾选右面,左上角3个锚点,圆角拉到最大,将以上4个形状编组。

新建矩形,宽64px,高32.5px,颜色#f6ca93,【直接选择工具】,勾选下面2个锚点,圆角13°;新建矩形,宽47.5px,高29px,颜色#8f604f,【直接选择工具】,勾选右下角1个锚点,圆角14.5°;新建2个矩形,宽分别为118px,236px,宽分别29px,29px,将以上四个形状编组。

新建2个相同矩形,宽22.5px,高34.5px,颜色#e5bc98;新建2个矩形,宽高分别为58.5px,83.5px,颜色分别#f1e3b9,b59b84,按照2.2中,利用【路径生成器】减去顶层得到两个三角形。

将以上所有形状编组。

  • 步骤 5.8

【裤子】新建9个矩形,宽高,颜色见图。新建两个矩形,宽分别35px,26px,高分别28.5px,21px,颜色#e7ac4e,选中以上两个矩形,水平居中,垂直居中对齐,【路径选择器】减去顶层;新建矩形,宽27.5px,高4px,颜色#e7ac4e,【直接选择工具】,勾选此矩形所有锚点,圆角拉到最大。

  • 步骤 5.9

【裤腿】新建三个矩形,颜色见图,新建矩形,宽18.5px,高122px,颜色#5789b2,【直接选择工具】选择锚点,形成新图形;新建矩形,宽46.5px,高122px,颜色#4f7297,【直接选择工具】选择锚点,形成新图形;新建矩形,宽43.5px,高24px,颜色#4f7297; 新建2个相同大小矩形,宽22px,高6px,颜色#9ac7e7,【直接选择工具】勾选所有锚点,圆角拉到最大,同样方法绘制两个相同图形,颜色#5785aa,将以上所有形状编组。

  • 步骤 6.0

【腿】新建矩形,如图,选中颜色#2c222c的矩形,勾选右下角锚点,圆角拉到最大,得到新形状;新建矩形,宽106培训、,高51px,颜色##2c222c,选中刚刚所得新形状与矩形【垂直顶对齐,水平左对齐】,减去顶层;【钢笔工具】绘制形状,颜色#dfb089,将以上所有形状编组。新建矩形,宽6px,高200px,颜色#44230e,旋转-30°,与刚刚得到的形状建立剪切蒙版。得到右腿,按照以上操作绘制左腿。

  • 步骤 7.1

新建12个大小相同矩形,宽132.5px,高9px,将12个矩形编组,得到新图形;新建矩形,宽98px,高108px,颜色#ae9878,将刚刚的新形状与新建的矩形【水平右对齐,垂直居中对齐】,矩形正片叠底,透明度50%。新建10个矩形,颜色大小如图。

新建矩形,宽132.5px,高36px,颜色#9c7462,勾选左下角锚点,圆角25°,得到新图形,选中新图形,【ctrl+c,ctrl+f】,像右移动32px,颜色#885b47;新建矩形,宽45px,高36px,颜色#2b252b,勾选右下角锚点,圆角25°,得到新图形。

  • 步骤 7.2

新建4个矩形,宽高,大小,颜色如图。将7.1,7.2中所有图形编组,得到新形状,制作新形状阴影,颜色#b2917b。

  • 步骤 7.3

新建3个椭圆,建立剪切蒙版,得到新形状。

  • 步骤 7.4

新建矩形,宽11px,高266px,颜色#2b252b;新建圆形,矩形,颜色#7f9150,将此矩形和圆形【垂直水平对齐,水平居中对齐】,【路径查找器】减去顶层,得到新形状,旋转45°,取消编组,得到新形状。按照2.4操作绘制最后一个形状。

  • 步骤 8.1

【行囊底部】新建矩形,宽420px,高596px,颜色#8f8076,【直接选中工具】,勾选右边两个锚点,上锚点圆角181°,下锚点173°,得到新图形,选中新图形,【ctrl+c,ctrl+f】,【shift】向左移动46px,颜色#b39a82,【ctrl+d】重复以上操作,颜色#dfbe9d。

  • 步骤 8.2

新建矩形,宽高,大小,颜色如图,将以上所有矩形编组。【钢笔工具】绘制形状,颜色分别为#d4b890,#b99d8f,将此2个形状编组,得到新形状。

  • 步骤 8.3

新建矩形,宽70px,高137px,颜色#b79987,勾选下面两个锚点,圆角15°;新建2矩形,宽分别23px,33px,高分别100px,110px,颜色均#b79987,后一个矩形勾选下面两个锚点,圆角10°,得到新形状,将新形状与后一个矩形【垂直顶对齐,水平居中对齐】,【路径查找器】减去顶层,得到新形状。新建矩形,宽70px,高20px,颜色#b39e81,透明度80%。将所有形状编组。(注意对齐)

  • 步骤 8.4

【行囊皮带1】新建5个矩形,如图。新建两个矩形,【路径查找器】减去顶层,得到新形状;新建矩形,宽6px,高25px,勾选此矩形所有锚点,圆角拉到最大。将以上所有形状编组,得到第一条行囊皮带。

  • 步骤 8.5

【行囊皮带2】【钢笔工具】绘制如图形状,颜色#8c5d4a,勾选下面两个锚点,圆角拉到最大。新建矩形,宽高均为36px,将此2个图形建立剪切蒙版。按照8.4中操作绘制皮带扣及其阴影。按照上述操作,通过【钢笔工具】【建立剪切蒙版】等工具绘制形状,绘制皮带扣,及那个以上两个形状编组,【ctrl+c,ctrl+f】向右移动绘制阴影,颜色#b59a84。

  • 步骤 8.6

【钢笔工具】绘制如图形状,颜色#8c5d4a,新建两个矩形,颜色#231815,,按照上述操作建立剪切蒙版,得到如图形状。

  • 步骤 9.1

【红色圆】新建5个正圆,注意各个圆的排列顺序,最小的圆在顶层,选中所有圆,编组。

  • 步骤 9.2

按照上文介绍方法绘制半圆,颜色#7a4155,宽190px,高95px,【alt】键水平向左移动10px,颜色#8c3d53,得到新图形;继续重复操作,半圆宽209px,高104.5px,得到新图形;新建矩形,宽108px,高192px,颜色#8c3d53,将左下角锚点拉到最大;新建矩形,宽110px,275px,颜色#d1605a,将左下角锚点拉到最大,
【alt】键水平向右移动15px,减去顶层,得到新图形。新建矩形,宽310px,高20px,颜色#231815。新建圆形,宽高均为150px,颜色#231815,将此圆形置于底层,并将以上操作得到的所有形状编组。

  • 步骤 9.3

新键4个矩形,1个圆形,如图。

  • 步骤 9.4

新建2个圆形,1个矩形,大小,颜色,建立剪切蒙版。

  • 步骤 9.5

新建两个圆形,减去顶层并建立剪切蒙版,得到新形状。

  • 步骤 9.6

新建 4 个矩形,第 3 个矩形勾选上两个锚点,圆角拉到最大,新建 3 个圆形,宽高均为 5px ;用【钢笔工具】绘制 7、8、9 三个形状,颜色分别 #f9f2e3 ,#f4e8ba ,#f4e8ba ,将以上所有形状编组,得到新形状。

绘制背景

  • 步骤 10.1

【钢笔工具】长按钢笔工具,绘制如图图形。
【椭圆工具】新建椭圆,宽304px,高192px,颜色#77924d,新建矩形,宽304px,高96px,颜色#77924d,选中椭圆和矩形,【水平居中,垂直底对齐】,【路径查找器】减去顶层,得到新形状;重复以上操作两次,绘制两个颜色#476b39,#769247的新形状。

  • 步骤 10.2

新建矩形,宽9.5px,高84.5px,颜色#afb782,按照11.2操作得到半椭圆图形;按照上述操作绘制4支花朵。

  • 步骤 10.3

【钢笔工具】长按钢笔工具,绘制如图图形,颜色分别为d1c3b0,#ac9c88。新建矩形,宽62px,高9px,颜色#2d211f,勾选矩形所有锚点,圆角拉到最大。

  • 步骤 10.4

新建圆形,矩形,大小颜色如图,按照以上操作【路径查找器】减去顶层,得到新形状;重复此操作绘制相似形状。

  • 步骤 10.5

新建4个圆形,大小,颜色如图,将1,2【垂直居中对齐,水平居中对齐】,同样方法将2,4对齐;新建矩形,勾选此矩形4个锚点,圆角拉到最大。

效果图

总结

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

相关推荐

→ AI插画教程!塞尔达传说:荒野之息 林克

PS+AI教程!教你制作塞尔达Gana骷髅插画


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

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发

【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示)

【收获】更好的自己

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/illustrator/121287135.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

剪切蒙版路径查找器
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新