虎课网为您提供字体设计版块下的基本功能实战与应⽤-MasterGo实战教程03图文教程，本篇教程使用软件为MasterGo，难度等级为新手入门，下面开始学习这节课的内容吧！

本套课程主要讲解【MasterGo实用教学】-【第三课】-【基础功能实战应用】，同学们可以在视频下方评论区进行留言，老师会根据你们的问题进行回复。

那我们开始今天的教程吧。

1.本节课主要讲解【MasterGo基础功能课程】，下方三个案例共同点：都有深色背景图、大标题字号一致，首先创建【矩形】-吸色工具【I】吸取蓝色-【创建或使用样式】创建颜色样式。

2.命名【主体色/深蓝】保存-复制【矩形】-样式解开-吸取【湖蓝色】-【创建颜色样式】-【主题色/湖蓝】，为了让颜色更明晰可以建立【容器画板】。

3.字体由两个颜色组成了页面，主标题的颜色和【深色】是同色号，但还是需要重新【创建颜色样式】，方便设计界面的时候【调用和编写】。

4.同步骤【复制矩形】-【解组】-吸取【副标题】颜色，【创建颜色样式】-【字体色/浅蓝】，右侧属性栏也可以【编辑样式】。

5.再【复制矩形】-【解组】-吸取【蓝链】颜色-添加【字体颜色样式】，主题色和字体色的【颜色样式】添加完成，最后添加一个【白色】作为辅助色，可以添加【描边】方便查看。

6.字号包含大标题、信息提示、分类标题、文案标题、正文，快捷键【 option + command + C】结合【 option + command + V】复制粘贴字体样式，同步骤给所有字号创建【字号样式】、投影样式、。

7.快捷键【A或者F】创建容器-钢笔工具【P】切一下形状-【填充】-形状和人物【打组】-设定【蒙版图层】-创建【文本】-颜色【深蓝】，【复制文本】解组-字号【40/24】，创建【矩形】制作【按钮】，按钮两边的【间距】保持通用。

8.圆角【18】-更改样式-【创建文本】-登入页完成养成好习惯【命名】，同步骤制作下一个页面，创建【文本】-创建矩形大小【48】-圆角【8】制作【头像】-使用【资源库】，边距添加【辅助线】。

9.选择合适的【图标】拖拽进入画布，添加【自动布局】-绘制图标外边框-等距复制【command +d】-间距【12】-圆角【8】，打组【Shift+A】变成一个容器，自动布局【4】。

10.每个整体都需要打组，【间距】保持一致，创建【矩形】分成两块-圆角【8】-复制【白框】-展开圆角属性顶部圆角参数【0】制作【卡片】，也可以使用【蒙版图层】功能，添加【渐变效果】。

11.卡片制作好后打组-添加【外阴影】-【Y16B34】-内部创建【湖蓝】圆角矩形-添加【五角星】图标，创建【文本】添加样式，复制卡片-更改【图片】做右侧卡片。

12.文字高度【4】-间距【40】，同步添加【蓝链】，创建【矩形】制作卡片-【复制三份】-打组-【资源库】挑选图片-【间距16】，添加【底部导航】，接下来制作【长期页】的制作，创建【容器】先制作上半部分，【返回箭头按钮】制作先创建【24*24】的矩形，添加【描边】-参数【5】-【居中】-进入【编辑模式】-去掉【锚点】。

13.框选箭头线变成面合并【command+shift+o】-间距【30】，创建【矩形】和【圆】绘制爱心，创建【矩形】-圆角【8】-调整【不透明度】-添加【背景模糊】特效-添加【描边1.4】，重复的组件可以复制使用，卡片间距【40】。

14.底部横版卡片创建【矩形】-圆角【8】，添加图片【资源库】-【建筑】，拖拽五角星组件，复制之前制作过的特效-背景添加【外投影】特效，更改名字【详情页】。

15.选中三张图点击右侧面板【导出】选项，可以选择导出多少倍，以及【导出格式】，点击【快速导出3个图层】。

16.本节课的课程内容就结束了，学完本课内容后，课下同学们也可以临摹操作练习，视频下方评论区留言或者提交作业。

以上就是基本功能实战与应⽤-MasterGo实战教程03图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！