音效素材网提供各类素材,打造精品素材网站!

站内导航 站长工具 投稿中心 手机访问

音效素材

教你用AI制作深潜到海底寻找世界宝藏插画教程
日期:2021-04-06 16:43:49   来源:脚本之家

先看效果图:

软件名称:
Adobe Illustrator 2019(Ai cc2019) v23.1.0.670 绿色中文版 64位
软件大小:
275MB
更新时间:
2019-11-04立即下载

1、如何创建新文档

首先,使用以下设置设置 新文档 (文件>新建 或 控制/命令-N):

画板数量: 1

宽度:800

身高:600

单位: 像素

从“高级”选项卡:

色彩模式: RGB

光栅效果: 屏幕

预览模式: 默认

取消选中“ 将新对象与像素网格对齐”

2、如何构建宝箱

第1步

使用矩形工具(M)并创建一个123 x 55 px的矩形和45 x 55 px的矩形开始构建宝箱,并填充颜色为#4921a1

第2步

在按住Shift的同时使用选择工具(V)选择矩形,然后转到 对象>路径>偏移路径。 在偏移值字段中输入8 px。将轮廓的填充颜色设置为#5596eb

第3步

将较小的轮廓矩形放在较大的蓝色形状的右外侧。使其蓝色轮廓更暗(#497cc9),形成阴影部分。

在较大和较小的紫罗兰色矩形上添加三条细长条纹(#1d0f4a),模仿木板。较薄条纹的宽度为123px, 较短条纹的宽度为45px。

左侧部分的所有部分打组(Control-G),并对右侧部分进行相同操作。

第4步

通过使用选择工具(V)选择组 并在按住Alt的同时向上拖动来制作较大边的副本。我们将使用该副本创建一个盖子。

将蓝色轮廓的颜色更改为#82c7ff。使用直接选择工具(A)选择底边并将其拖动到顶部,将其与内部紫罗兰色矩形的底边放在一起。

在盖子的右外侧添加一个30 x 63 px的矩形,填充为#5596eb

第5步

通过使用直接选择工具(A)选择它们并将圆形指示器拉到形状的中心(1),使较小矩形的两个右角变圆。

保持选中圆角矩形,转到“对象”>“路径”>“偏移路径”。 在 偏移 值字段中输入-8 px。将 内部形状的填充色设置为#4921a1(2)。

制作一个圆形蓝色矩形的较小副本(#1d0f4a)并将其着色,将其放置在大紫罗兰色的内侧左侧(3)。

第6步

现在让我们为我们的盖子添加搭扣。

在盖子外面构建一个12 x 22 px的矩形(#acd4ef),使其顶部完全圆润。

选择形状并按Control-C和Control-F,在原始形状的顶部创建一个副本。使用键盘上的箭头,将副本向左移动几个像素并将其填充更改为#e3eef5。

我们在两个锚之间的顶部有一个缺口。通过添加一个小矩形(#acd4ef)来掩盖它。

第7步

使用相同的方法和下面的图像作为参考,为搭扣添加一个洞。它由两个重叠的圆角矩形和两个较小的矩形组成,以隐藏较大形状之间的间隙。使用淡蓝色#acd4ef和深蓝色#5596eb(1)。

将这部分的所有部分组合在一起(Control-G)并将其放在搭扣的上半部分。选择孔组和其他组 ,再次组(Control-G)组。

将搭扣放在盖子的顶部边缘,靠近左侧。使第二个副本靠近右侧。(2)将所有盖子部分(Control-G)组合在一起,并将盖子放在宝箱(3)的顶部。

第8步

在正面的蓝色顶部轮廓下添加两个小方形矩形。使用与轮廓相同的蓝色。使矩形的底部倒圆(1)。

在宝箱紫罗兰两侧的底角放置四个方块。使用删除锚点工具( - )删除每个矩形的顶部锚点之一,将它们转换为三角形(2)。

第9步

使用椭圆工具(L),在宝箱的底部蓝色轮廓上创建两个4.5 x 4.5 px圆圈(#82c7ff),靠近其左侧和右侧。(1)

按住 Shift 键,使用选择工具(V)选择圆圈 。

Illustrator创建平滑的颜色过渡。通过选择“ 对象”>“混合”>“混合选项” 或双击“ 混合工具”来 修复它 。将“ 间距” 选项更改 为“ 指定步骤”, 将值设置为 3.(2)

让我们确保圆形行与正面对齐。选择我们的圆圈和宝箱侧面,然后再次单击前侧组,使其成为关键对象。打开“ 对齐” 面板 (“窗口”>“对齐”) ,然后单击“ 水平对齐中心”。(3)

第10步

选择混合对象,然后转到对象>展开。选中“ 对象”选项并取消选中“ 填充” 选项,然后按“ 确定”。现在我们有一个由五个圆圈组成的小组。

通过按住Alt拖拽 复制我们的圈子组。使用选择工具(V)将行旋转90 度,按住Shift键。将垂直行放在宝箱的垂直蓝色区域,删除顶部和底部圆圈,并在每一侧再制作三个副本(1)。

在右下角添加一个圆圈。

然后在胸部的三角形角内构建四个6.5 x 6.5 px圆圈(#82c7ff)。(2)

第11步

我们的宝箱看起来仍然有点空。让我们在正面添加一个锁孔板。

在宝箱外面建立一个28 x 28px的矩形(#5596eb)。使用选择工具(V)将其顶角向下拖动到底部, 同时按住Shift键,将形状旋转45度。(1)

通过Control-C和Control-F在第一个形状的顶部再创建一个副本,然后将副本向左拖动几个像素。将副本的颜色设置为#b6e0fc。(2)

隐藏较小矩形后面的副本的顶角和底角之间的空白区域。(3)

在组的中间添加一个简单的锁孔(#5596eb),由一个圆和一个矩形组成。(4)

选择前面创建的锁孔的两部分,并结合起来,使它们成为一个形状。(5)

使用Control-C并按Control-F两次,在钥匙孔前面获得两份副本。将顶部形状稍微向右移动。选择这两个副本,使用 路径查找器 中的减去顶层,并填充颜色为#5596eb,得到锁孔内的阴影部分。(6)

组(Control-G)锁孔板的所有部件并将其放置在宝箱的前侧。(7)

现在它看起来很棒!

    您感兴趣的教程

    在docker中安装mysql详解

    本篇文章主要介绍了在docker中安装mysql详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编...

    详解 安装 docker mysql

    win10中文输入法仅在桌面显示怎么办?

    win10中文输入法仅在桌面显示怎么办?

    win10系统使用搜狗,QQ输入法只有在显示桌面的时候才出来,在使用其他程序输入框里面却只能输入字母数字,win10中...

    win10 中文输入法

    一分钟掌握linux系统目录结构

    这篇文章主要介绍了linux系统目录结构,通过结构图和多张表格了解linux系统目录结构,感兴趣的小伙伴们可以参考一...

    结构 目录 系统 linux

    PHP程序员玩转Linux系列 Linux和Windows安装

    这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章,Linux和Windows安装nginx教程,具有一定的参考价值,感兴趣...

    玩转 程序员 安装 系列 PHP

    win10怎么安装杜比音效Doby V4.1 win10安装杜

    第四代杜比®家庭影院®技术包含了一整套协同工作的技术,让PC 发出清晰的环绕声同时第四代杜比家庭影院技术...

    win10杜比音效

    纯CSS实现iOS风格打开关闭选择框功能

    这篇文章主要介绍了纯CSS实现iOS风格打开关闭选择框,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作...

    css ios c

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的办法

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的

    Win7给电脑C盘扩容的办法大家知道吗?当系统分区C盘空间不足时,就需要给它扩容了,如果不管,C盘没有足够的空间...

    Win7 C盘 扩容

    百度推广竞品词的投放策略

    SEM是基于关键词搜索的营销活动。作为推广人员,我们所做的工作,就是打理成千上万的关键词,关注它们的质量度...

    百度推广 竞品词

    Visual Studio Code(vscode) git的使用教程

    这篇文章主要介绍了详解Visual Studio Code(vscode) git的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...

    教程 Studio Visual Code git

    七牛云储存创始人分享七牛的创立故事与

    这篇文章主要介绍了七牛云储存创始人分享七牛的创立故事与对Go语言的应用,七牛选用Go语言这门新兴的编程语言进行...

    七牛 Go语言

    Win10预览版Mobile 10547即将发布 9月19日上午

    微软副总裁Gabriel Aul的Twitter透露了 Win10 Mobile预览版10536即将发布,他表示该版本已进入内部慢速版阶段,发布时间目...

    Win10 预览版

    HTML标签meta总结,HTML5 head meta 属性整理

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来...

    移动端html5模拟长按事件的实现方法

    这篇文章主要介绍了移动端html5模拟长按事件的实现方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家...

    移动端 html5 长按

    HTML常用meta大全(推荐)

    这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...

    cdr怎么把图片转换成位图? cdr图片转换为位图的教程

    cdr怎么把图片转换成位图? cdr图片转换为

    cdr怎么把图片转换成位图?cdr中插入的图片想要转换成位图,该怎么转换呢?下面我们就来看看cdr图片转换为位图的...

    cdr 图片 位图

    win10系统怎么录屏?win10系统自带录屏详细教程

    win10系统怎么录屏?win10系统自带录屏详细

    当我们是使用win10系统的时候,想要录制电脑上的画面,这时候有人会想到下个第三方软件,其实可以用电脑上的自带...

    win10 系统自带录屏 详细教程

    + 更多教程 +
    photoshop教程CorelDraw教程Fireworks教程Illustrator教程Freehand教程