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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
[AI教程] 海报背景里的线条 基础绘制(一)
0.0°
2022-10-14 原创文章 教程 举报 1335 13 5 0

之前有伙伴问海报背景里的线条怎么做,这就安排!

时隔大大大半年,终于又来更新了~

这次我总结了基本线条和科技风格线条与大家一起分享。总共分两篇文章和大家分享,今天先分享常见的基本线条是如何绘制的?

先看效果图图片图片

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

———————————————————————————————————————————————

下面我们来学习。

第一部分:基本线条处理

这一部分我们将按照5个步骤来进行:分别是 1.新建文档 > 2.创建元素 矩形 > 3.创建元素 三角形 > 4.创建元素 线条 > 5.调整填充和描边 > 6.举一反三。现在来一步步详细说明:

step 01 新建文档

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

图片

step 02 创建元素 矩形

2.1 绘制一个矩形(快捷键m),根据自己的画布设置矩形大小(参考设置的为:420px*420px),填色可以设置为无或者白色,描边设置为黑色,1px(我在这里设置的是白色,这样方便后面选择图形):

 2.2 选择矩形,复制并原位粘贴矩形,快捷键command+c复制,command+f原位粘贴;然后设置新的矩形大小为32px*32px,得到如下图的样子:

2.3 使用选择工具(a)选中两个矩形,使他们居中。得到如下图的样子:

 2.4 选中两个矩形,按住shift+option键向下拖动复制出一样的两个图形在下方,如图:(这一步是为节省后面新图形制作节省步骤)

2.5 使用小黑工具选中前面两个矩形(快捷键A),然后选择混合工具(快捷键W),回车一下,设置混合参数 (间距:指定步数;8)(这里的数值根据你矩形的大小和你需要的效果自行调整),点击确定;

2.6 完成2.5以后 先后点击矩形相同位置的两个端点,得到以下图形:

2.7 使用小黑工具(a)选中下面两个矩形,点击混合工具(w),再先后点击矩形不同位置的点(请看图红框框标注的位置),得到以下图形:

大家可以多尝试点击不同的点可以得到不一样的图形哦。

step 03 创建元素 三角形

3.1 绘制一个三角形(选择多边形-在绘制的时候按住鼠标不放,使用键盘⬇️键减少多边形的边到三条),根据自己的画布设置三角形大小(参考设置的为:480px*420px),填色可以设置为无或者白色,描边设置为黑色,1px(我在这里依然设置的是白色):

3.2 与2.2步骤一样,选择三角形,复制并原位粘贴三角形,快捷键command+c复制,command+f原位粘贴;然后按住shift+option键缩小新的三角形到合适大小,也可以直接设置大小为:36.5px*32px;得到如下图的样子:

3.3 照样复制一份备用。选中两个三角形,按住shift+option键向下拖动复制出一样的两个图形在下方,如图:

3.4 使用小黑工具(a)选中前面两个三角形-选择混合工具(w),分别点击两个三角形的相同位置的两个端点,得到如图:(这里如果我们不重新设置混合工具的参数,则与步骤2.5设置的保持不变)

3.5 点击混合工具(w),再先后点击三角形不同位置的点(请看图红框框标注的位置),得到以下图形:

 step 04 创建元素 线条

4.1 使用直线工具(快捷键 \ )绘制一条横线,绘制时按住shift键,使直线水平。根据自己的需求设置直线长短(参考设置:420px),描边设置为黑色,1px,如图:

4.2 选中直线,按住shift+option键向下拖动复制出一份到合适的位置,再复制一份备用,如图:

4.3 使用选择工具(v)选中第二根直线,透明度调到10%,如图:

4.4 选择混合工具(w)-回车,打开混合参数设置,设置指定步数为20,点击确定。如图:

4.5 用混合工具(w)先后点击第一条直线的开始点,得到如图:

4.6 使用选择工具(v)选择下面的备用直线,按住shift+option键向下拖动复制出一份到如图位置,如图:

 4.7 使用混合工具(v)点击第一条直线的开始点、第二条直线的结束点,得到如图:


step 05 调整填充和描边

还记得我们最开始为了方便给正方形和三角形都填充了白色吗,现在我们根据使用需要可以选择是否需要取消填充。

5.1 使用选择工具框选前面四个图形,然后点击填色,把填色去掉,就可以得到纯线条了。

step 06 举一反三

练习了基础图形的混合工具使用,我们可以思考总结并扩展练习一下其他图形,学习中举一反三才是最重要的。

源文件在后面哦,免费取用~

Powered by Froala Editor

更新:2022-10-14

下载
收藏

13人已收藏

慢慢_

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

  • 14

    作品

  • 55

    粉丝

  • 12

    关注

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

    猜你喜欢

      2022-10-14 原创文章 教程 举报 1335 13 5 0

      [AI教程] 海报背景里的线条 基础绘制(一)

      0.0°

      你确定要举报[AI教程] 海报背景里的线条 基础绘制(一)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2022年06月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      13
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录