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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
海报背景里的线条 基础绘制(二)
65.8°
2023-08-18 原创文章 教程 举报 9997 199 225 14

三步搞定科技风的线条,多种造型多种变化,来看看我们举一反三的学习成果吧。

俺终于来更新啦~


不说废话,这就安排!

今天分享的是科技风的线条,多种造型多种变化,来看看我们举一反三的学习成果吧。

先看效果图

绘制时,我们主要用到的工具是 混合工具(快捷键 W)、扭曲和变换效果,我们将通过多种图形的练习来熟悉这个工具,还是老规矩,源文件在文章最后~

                                                                                                                                              


下面我们来学习。

这一部分我们将按照5个步骤来进行:分别是 1.新建文档 > 2.炫酷球体线条图形 > 3.创建烟花效果球体 > 4.纹理线条图形 > 5.规则图形 > 6.举一反三。现在来一步步详细说明:

step 01 新建文档

1.1 打开AI,创建文档;设置画布为800px*1200px(设置自己常用的画布尺寸,这样做出来的元素比例有利于我们后期使用),画板设置为4个,如图:

1.2 得到4个画板,给每个画板一个矩形(大小和画板一样,颜色设置为深色,方便我们后期彩色线条图形的显示)(这里有一个快捷键:先画好第一个画板的背景矩形,调整好颜色,command+c复制—shift+option+command+v粘贴到每个画板相同的位置)如图:

1.3 准备一组渐变色方便后续取色(参考:f97398~fedd44  81fab4~8fd5ef  4daffa~03f3fc  4daffa~f771d0  5972cc~e2a2fa):

step 02 炫酷球体线条图形

2.1 创建一个圆形,填充为自己喜欢的渐变色:

 2.2 选中圆形shift+x变为描边,复制并原位粘贴圆形,快捷键command+c复制,command+f原位粘贴;然后按住shift+option,滚动鼠标中心缩小刚刚粘贴的原型,得到如下图的样子:

2.3 使用选择工具(v)选中两个圆形,双击左边的混合工具,在弹窗选择指定步数-8。如图,点击确定:

 2.4 上一步点击确定以后你会发现鼠标的样子变了,这时候点击一下小圆的锚点再点一下大圆的锚点,混合后得到如图所示:

2.5 接下来执行 效果-扭曲和变换-粗糙化,数值参考:大小35%左右,选择相对,细节调到15左右,点击确定。如图:

2.6 接着执行 效果-扭曲和变换-波纹效果;大小设置为20左右,选择绝对,每段隆起数为0,点击确定。

2.7 执行 对象-扩展外观;

2.8 快捷键v,选择图形,按住shift+option,滚动鼠标将图形缩放至合适的大小;

2.9 双击膨胀工具(没有的话右键找找看),大小设置得比图形大一些,高度宽度一致,强度设置到70%,点击确定。

2.10 点击确定以后鼠标是膨胀工具的外圈,用他框住图形,然后点击一下(这个地方轻点和长按鼠标效果会有所不一样,大家可以自行试一试)。点击后得到如图所示:

2.11 双击膨胀工具,强度设置10,再做一次膨胀(参考步骤2.9~2.10);切换到选择工具(V),右键-取消编组;

2.12 点击选择部分线条,按住shift+option用鼠标缩放一下大小,并稍微旋转一下,再更改一下描边大小(这些操作是为了使图形看起来更加丰富,你甚至可以根据需要改变一下颜色),多执行几次调整,直至自己满意为止,就可以得到炫酷球体线条图形啦。如图:

step 03 创建烟花效果球体

3.1 使用直线工具画一条直线,然后填上自己喜欢的颜色,渐变/单色都可以(参考颜色4daffa~03f3fc),将描边改为0.25。如图:

3.2 执行 效果-扭曲和变换-变换:

3.3 缩放 水平100%,垂直99%,副本设置为120左右,旋转设置为8(一定要先勾选预览,这样在调整角度的时候可以看到效果,角度这个地方可以自己多试一试,有很多不一样的惊喜),调整到如图所示的样子后点击确定。

3.4 点击确定以后使用选择工具(v)选中图形,然后执行 对象-扩展外观

3.5 点击膨胀工具(我们可以双击膨胀工具进行参数设置,也可以单击膨胀工具用快捷键设置),按住shift+option滚动鼠标调整膨胀工具的大小。(shift+option膨胀工具为圆形,option膨胀工具为椭圆形),调整膨胀工具到如图大小:

3.6 将膨胀工具调整到步骤3.5的位置后,按住鼠标左键缓缓向右上方移动鼠标,调整到如图位置后放开鼠标。(这个地方大家可以多试一试,调整到自己满意的形状为止。)

3.7 双击描边,调出描边设置,箭头两端都选择圆点,配置文件选择宽度配置。如图:

3.8 最终得到下图:

 step 04 纹理线条图形

4.1 参考2.1~2.4步骤做出以下图形。如图:

4.2 选中图形,执行 对象-扩展,参数设置默认,点击确定。

4.3 使用旋转扭曲工具(如果工具栏没有就在膨胀工具位置右键,可以出来其他工具选项)。

4.4 将旋转扭曲工具调整到比图形稍微大一点(按住shift+option滚动鼠标)。如图:

4.5 拖动鼠标绘制自己需要的图形形状。(通过改变鼠标的拖动方向、拖动时间、拖动区域以及扭曲工具的大小等,可以绘制多种多样的图形)如图:

 step 05 规则图形

5.1 依然是参考2.1~2.4步骤做出以下图形。如图:

 5.2 执行 效果-扭曲和变换-波纹效果。这里的各种参数大家都可以去试一试,看看不一样的效果和不一样的图形会有什么样的惊喜。

5.3 最后我们可以得到各类看起来很酷的图形啦。

step 06 举一反三

这次我们主要复习了混合工具的使用,学习了扭曲和变换效果的应用,加以膨胀工具和扭曲工具的简单应用。多多尝试,每次都有不一样的惊喜哦~


源文件下载:

百度云盘:https://pan.baidu.com/s/1rvHmIFMB1OYxgpAXgkoXOA?pwd=0817 提取码: 0817

夸克云盘:https://pan.quark.cn/s/ab210b6aed20

Powered by Froala Editor

更新:2023-08-18

下载
收藏

199人已收藏

慢慢_

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

  • 14

    作品

  • 55

    粉丝

  • 12

    关注

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

    猜你喜欢

      2023-08-18 原创文章 教程 举报 9997 199 225 14

      海报背景里的线条 基础绘制(二)

      65.8°

      你确定要举报海报背景里的线条 基础绘制(二)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2023年08月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      225
      199
      14

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

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

      登录

      手机号

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

      登录
      第三方账号登录