恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
简简单单做个封面、banner设计~
0.0°
2021-12-08 原创文章 教程 举报 2318 46 24 4

简简单单,做个封面、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

更新:2021-12-08

下载
收藏

46人已收藏

慢慢_

身体和灵魂,一定要有一个在路上

  • 14

    作品

  • 55

    粉丝

  • 12

    关注

  • 海报背景里的线条 基础绘制(二)
  • [AI教程] 海报背景里的线条 基础绘制(一)
  • 简单5步,跟风酸性风格海报设计
  • [VJOY]海外社交app-ui视觉设计

    猜你喜欢

      2021-12-08 原创文章 教程 举报 2318 46 24 4

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

      0.0°

      你确定要举报简简单单做个封面、banner设计~

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年11月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      24
      46
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录