AI教程!哈利波特电影主题插画海报

时间:2023-02-02
类别:AI教程
水平:普通
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

AI教程!哈利波特电影主题插画海报

教程作者:设计师视觉设计实战营21期-02-凉夏 | 原图作者:Carolyn Keith

教程指导:如如优设视觉设计实战营讲师)

交作业方式:微博搜索话题 #优设每日作业# 进入话题页面上传练习图并@教设计的优优 

一、关于教程

首先,我们来分析这张哈利波特的插画。

这是一张以《哈利波特与魔法石》为主题的电影插画,插画的主体是镜子、两个哈利波特、和8个魔法道具,以及3组英文标题,配色为深浅棕色、红色,所以绘制时,我们可以按照5个步骤来进行,分别是:

1.新建文档->2.创建背景->3.绘制8个魔法道具->4.绘制镜子的5个层次->5.绘制人物->6.绘制标题->7.调整和导出,接下来一步步详细说明。

想要让讲师如如手把手教你绘制更多贴纸插画?点击这里立刻开始学习:

AI教程!哈利波特电影主题插画海报

二、教程步骤

Step 01 新建文档

打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下,宽1128(像素),高1608像素。

AI教程!哈利波特电影主题插画海报

Step 02 创建背景

2.1 在绘制前,首先确定已在菜单栏->视图中关闭除了「智能参考线」的其他功能,一把「对齐网络」那些关掉。

AI教程!哈利波特电影主题插画海报

2.2 找到AI的图层面板,双击图层名称处,将名称修改为「背景」;

AI教程!哈利波特电影主题插画海报

选中「背景」图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个1128x1608px的矩形,颜色填充为#8e5938

AI教程!哈利波特电影主题插画海报

2.3 找到「对齐」面板,将对齐方式设置为「对齐画板」,然后选中刚才绘制的矩形,分别点击「水平左对齐」和「垂直顶对齐」,将矩形与画板居中对齐(新建的矩形与画板上下左右完全重合,就是已经对齐了):

AI教程!哈利波特电影主题插画海报

2.4 完成这一步后,选中该矩形,按Ctrl+2将矩形锁定,或在「背景」图层里找到矩形,将前面的「小锁」形状点上,完成锁定的操作:

AI教程!哈利波特电影主题插画海报

2.5 放一张我们要临摹的原图到画板左侧,以取色和观察细节。

再复制一张原图到刚建好的「背景」层上面,这样临摹方便。绘画过程中可以随时隐藏该临摹图层,以观察画出的形状。

AI教程!哈利波特电影主题插画海报

Step 03 绘制8个魔法道具

这张插画主要是使用钢笔工具绘制,如果大家对钢笔工具不太熟悉,可以先看基础视频练习。一共8个魔法道具,我们从最简单的“信封”开始。

3.1 信封

① 新建图层,将图层命名为「信封」,并将该图层放在「临摹」图层上面,这样接下来绘制出来的形状,将全部在该图层的上方。

AI教程!哈利波特电影主题插画海报

② 选中「信封」图层,使用钢笔工具,,下往上绘制3个信封。

AI教程!哈利波特电影主题插画海报

③第1个信封,步骤如下图;第五步画印章时,选择钢笔工具后,勾划时需要双击,注意只在转折的地方【打点】,使曲线平滑。

AI教程!哈利波特电影主题插画海报

轮廓完成后,开始上色。

信封颜色:e2c19f   印章:ce102c

折线:cda274  圆圈:e2c19f  ,这两个是【描边】,请把描边粗细设为 2.

然后,将上好色的信封编组,命名【信封1】后锁定。

AI教程!哈利波特电影主题插画海报

④ 另外两个信封

这两个很简单,用钢笔勾勒后、上色、ctrl+G 编组,分别命名为【信封2】【信封3】。

信封2 , 横线颜色#cda274   ,信纸颜色#f3dcb2

信封3颜色#cda274   。

AI教程!哈利波特电影主题插画海报

三个信封都画好后,调整图层顺序,即可完成效果如下:

AI教程!哈利波特电影主题插画海报

yes! 第一个魔法道具就画好了。

3.2 金色飞贼

① 新建图层,将图层命名为「金色飞贼」。

② 绘制步骤如下,先用【椭圆工具】、【钢笔工具】分别画出一个圆球和两个翅膀,并填充颜色(球体#f4dbb2,翅膀#e3b97c);然后用【钢笔工具】勾出圆球和翅膀上的纹路,填充颜色(纹路均为#c0a27b,描边粗细为2pt),最后全选所有图形,ctrl+G编组(编组主要是为了方便更改细节和防止误删)

AI教程!哈利波特电影主题插画海报

3.3 金币

① 新建图层,将图层命名为「金币」。

AI教程!哈利波特电影主题插画海报

② 绘制步骤如下图。

AI教程!哈利波特电影主题插画海报

3.4 飞天扫帚

① 新建图层,将图层命名为「飞天扫帚」。

AI教程!哈利波特电影主题插画海报

② 绘制步骤如下图:

AI教程!哈利波特电影主题插画海报

3.5 分院帽

① 新建图层,将图层命名为「分院帽」。

AI教程!哈利波特电影主题插画海报

② 绘制步骤如下图:

AI教程!哈利波特电影主题插画海报

3.6 魔法石

① 新建图层,将图层命名为「魔法石」。

② 绘制步骤如下图:

AI教程!哈利波特电影主题插画海报

3.7 钥匙

① 新建图层,将图层命名为「钥匙」。

② 绘制步骤如下图:

AI教程!哈利波特电影主题插画海报

然后添加翅膀:

AI教程!哈利波特电影主题插画海报

3.8 老魔杖

① 新建图层,将图层命名为「老魔杖」。

② 绘制步骤如下图:

AI教程!哈利波特电影主题插画海报

到这里,8个魔法道具就完成了,完成效果如下图:

AI教程!哈利波特电影主题插画海报

现在我们来为插画添加主体部分:镜子,包括褐色幕布、红色及镜子内外等。这部分形状看着复杂,但其实只需要使用【钢笔工具】,再配合【形状生成器】就可以啦。

Step 04 绘制镜子

① 第1圈,先用【钢笔工具】勾出外部轮廓,再画出顶部花纹。填充颜色均为#cda076,完成后ctrl+g 编组并命名为【1】,锁定。

AI教程!哈利波特电影主题插画海报

② 第2圈,用【钢笔工具】画出,填充颜色为#ce102c,将图层命名为【2】。

③第3圈,用【钢笔工具】画出,填充颜色为#e4bb85,将图层命名为【3】。

AI教程!哈利波特电影主题插画海报

③ 第4圈,绘制如下:

(1)用【钢笔工具】沿着第③圈的两端,如图画出两条直线,形成一个封闭图形;

(2)选择镜子,然后使用【形状生成器】单击中间部分,这样中间就成了一个单独的形状;

(3)鼠标左键双击新生成的形状,进入【隔离模式】;

(4)更改填充颜色为#b8875e,再次双击退出【隔离模式】,命名图层为【4】。

AI教程!哈利波特电影主题插画海报

④ 第5圈,先用【钢笔工具】勾出外部轮廓,再画出顶部花纹。填充颜色均为#cda076,完成后ctrl+g 编组并命名为【5】(重要!后面有用!)。

AI教程!哈利波特电影主题插画海报

Step 05 绘制人物

① 第1个哈利

(1)先用【钢笔工具】画出镜子外面这个哈利,头发# 43221c  ,脸#daaa78  ,衣服#612f28  ,眉毛眼睛#3e2623。

AI教程!哈利波特电影主题插画海报

(2)画出哈利的眼镜

用【钢笔工具】画出眼镜轮廓,然后用【椭圆工具】画一个椭圆,调整到合适位置,再选中眼镜,使用【路径查找器】中的“减去顶层”,这样就得到了眼镜,最后改填充颜色为#43221c,就画好了第一个哈利,将图形编组后命名为【哈利1】。

AI教程!哈利波特电影主题插画海报

② 第2个哈利

(1)还是用【钢笔工具】画出头发,颜色# 43221c  ,

(2)画出衣服,颜色#612f28;

(3)-(4)眼镜,先用【椭圆工具】画一个正圆,然后画一个小圆,然后用【路径查找器】减去顶层,这样就得到一个镜片;然后复制出另一个镜片,再用【钢笔工具】连接起来。

(5)画出额头的闪电、眼睛、鼻子、嘴巴;颜色均为#3e2623,除了眼睛之外都是“描边”,粗细为2pt。

(6)画出面部,颜色#d7a775。

AI教程!哈利波特电影主题插画海报

哈哈!见证奇迹的时刻!

AI教程!哈利波特电影主题插画海报

这样,镜子的效果就有啦!

恭喜!到这里,插画已经完成95%啦!最后只要添加三个标题就可以啦。

Step 06 添加标题

用【钢笔工具】勾勒出四个标题,标题颜色均为#ebe0b4,闪电颜色为#7f222d;其中,“Potter”和“Stone”中的“O”是用【椭圆工具】画出一个正圆(按住shift即可画出正圆),再在其中心画一个小的正圆,然后【减去顶层】即可得出“O”。

AI教程!哈利波特电影主题插画海报

Step 07 调整和导出

现在我们的哈利波特小插画就完成啦!

最后,我们来导出图片。在菜单栏->文件->导出中选择「导出为」,将图片导出成png格式。

AI教程!哈利波特电影主题插画海报

三、最终效果图

AI教程!哈利波特电影主题插画海报

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

10 收藏 31

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

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

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片