简简单单做个封面、banner设计~

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
2931 4 24 2021-11-19

简简单单,做个封面、banner设计~

写在前面的废话:

在pinterest上看到了教学过程的快剪,练习了一下,为了巩固出了以下教程。

文章末附教程源文件,需要自行下载。

最终效果图:

绘制时,我们将按照5个步骤来进行,分别是1.新建文档 > 2.文字效果 > 3.添加元素 > 4.设置背景 > 5.最终效果图,现在来一步步详细说明:

 

教程步骤

step 01 新建文档

1.1 新建文件:打开AI,点击文件->新建(快捷键Ctrl+N)创建一个新文件,(参数设置:1200px * 800px)。如图1-1:

图1-1

1.2 新建矩形:画一个矩形,大小设置为和画布一样;(教程 1200*800px);选择右上角对齐(点一下图上箭头所指的那个东西~),设置x y为0;填充矩形颜色#FF8CFD(颜色根据自己的偏好自己设置吧~)如图1-2:

图1-2

1.3 锁定矩形:选择图层面板,锁定该矩形,如图1-3:

图1-3

step 02 文字效果

2.1 输入文字:输入合适的文字(快捷键 T),选择合适的字体,调整合适的大小,总之开心就好(教程 旁门正道标题体 245pt 建议用粗一点的字体,效果会更好一些)如图2-1:

图2-1

2.2 设置字体颜色:这个地方文字颜色要和背景搭配起来。(教程 #FF42B4)如图2-2:

图2-2

2.3 突出和斜角:执行效果-3D-突出和斜角。如图2-3:

图2-3

2.4 设置参数:位置 等角-上方; 环境光 56%; 混合步骤 120;勾选 绘制隐藏表面(这一步很重要!)如图2-4:

图2-4

2.5 复制图层:将做好的文字复制一层放在画布外面,以供后续使用(快捷键ctrl+C ctrl+V)如图2-5:

图2-5

2.6 扩展文字:选中文字 执行 对象-扩展外观;如图2-6:

图2-6

2.7 取消编组:选中文字-右键-取消编组,如图2-7a;然后对单个字母,分别再进行取消编组,如图2-7b:

图2-7a

图2-7b

2.8 选择顶层:选择“选择工具”,快捷键V,然后按住shift选中每个3D文字的最顶层,如图2-8:(如果选不中顶层则对字母再进行取消编组,参考步骤2.8)

图2-8

2.9 剪切顶层:快捷键 ctrl+X,剪切掉3D文字顶层,如图2-9:

图2-9

2.10 编组:选中剩余的字体元素,编组。快捷键 ctrl+G,如图2-10:

图2-10

2.11 原位粘贴:将刚刚剪切的文字顶层原位粘贴,快捷键ctrl+F。如图2-11:

图2-11

2.12 建立复合路径:选中刚刚复制的文字顶层,建立复合路径。对象-复合路径-建立。如图2-12:

图2-12

2.13 建立剪切蒙版:选中全部文字元素,建立剪切蒙版。对象-剪切蒙版-建立;如图2-13:

图2-13

2.14 剪切效果图:建立剪切蒙板后可得到如下图2-14的效果,这样挖出的效果就算是做好了。(如果最终效果不是下图这样的,可能是文字顶层没有建立复合路径,或者是2.10步骤没有将剩余元素编组,可以返回去再试一下。)

图2-14

2.15 复制图层:将刚刚复制在旁边的文字再复制一个过来,放在旁边进行排版。此时的文字我希望是代表挖出来的那部分,所以稍微缩小一下(大小 210pt,字间距 50 *这个参数根据你选择的文字自行调整,总之合适就好)。如图2-15:

图2-15

2.16 扩展外观:对复制出来的文字执行 对象-拓展外观;取消编组。如图2-16:

图2-16

2.17 设置颜色:然后用小黑工具(快捷键A)选择文字顶层,将颜色设置为和背景一样的颜色,可用快捷键 I 直接吸取背景颜色。如图2-17:

图2-17


step 03 添加元素

3.1 添加元素:根据“step 02 文字效果”的步骤再做一些其他元素,丰富排版。得到如下效果图,如图3-1:

图3-1

3.2 图层外观:将楼梯编组、DEEP文字编组、O编组、m编组(选中需要编组的文字,快捷键 ctrl+G);调出图层外观面板:窗口-外观。如图3-2:

图3-2

3.3 添加阴影:选中“DEEEP”文字组在图层样式面板点击第二个图标,添加投影。如图3-3:

图3-3

3.4 设置投影参数:选择外观面板,点击投影调出设置面板,设置参数如图。(模式 正常;不透明度 62%;X位移2px;Y位移9px;模糊6px;点选颜色,设置投影颜色为#D84CA3)如图3-4:

图3-4

3.5 绘制椭圆:画一个和m元素差不多大小的椭圆(教程120*23px),颜色设置为#D84CA3;右键-变换-旋转-333°;得到如图3-5:

图3-5

3.6 高斯模糊:对椭圆进行模糊:效果-模糊-高斯模糊-54,得到如图3-6:

图3-6

3.7 调整位置:选择图层面板,把椭圆图层拖动到“m”文字组图层到下方,然后调整合适到位置。得到如图3-7:

图3-7

step 04 设置背景

4.1 添加背景:绘制一个1200*448px的矩形,颜色填充为#D8449F,选择右上角对齐,X 0px;Y 0px;如图4-1:

图4-1

4.2 调整形状:选择小黑工具(快捷键A),点击矩形右下角的点,按住shift,将该点移动到如图差不多的位置。如图4-2:

图4-2

4.3 调整图层顺序:选择图层面板,将更改好的矩形拖到所有倒数第二的位置。如图4-3:

图4-3

4.4 排版:添加文字、元素等进行排版,得到最终效果图,如图4-4:

图4-4

step 05 最终效果图

最终效果图


教程源文件自行下载~


Powered by Froala Editor

全部评论:4

  • 慢慢_

    2022-05-30 10:10

    @: 有可能是上一步做3D凸出的时候 “端点”或者“绘制隐藏表面”没有勾上

  • 2022-05-22 10:21

    为什么“扩展外观”有时做出的效果和你不一样呢?

  • 师范生

    2022-03-05 08:13

    6666

  • 慢慢_

    2021-12-27 15:02

    @绿凌山儿: 蟹蟹~

  • 绿凌山儿

    2021-12-22 18:55

    不错呀

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票