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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
Affinity Designer 的6种常用工具介绍
0.0°
2018-11-24 原创文章 教程 原作者: Andrei Stefan 举报 7276 6 7 1

前面翻译了一些ai的教程,在接下来的时间我会有空就给大家带来Affinity Designer这个工具的教程。Affinity Designer是一款矢量插画软件,可以在IOS和win运行。相比AI他更容易操作上手。文件的输出也是能输出psd等文件的,Affinity Designer给我的感觉就是ai和ps的集合精华版。对于文档如何设置,怎么保存这样的操作我在这里就不介绍了,因为他和其他图形软件是一样的,我们直接跳过一些过于简单的步骤开始我们今天的教程吧!其实今天这篇文章你阔以不看的,我只是为了给大家一个从AI过度到学习AFFinity的准备,因为这篇文章也只是简单的介绍一些常用的工具,介绍的并不深入!

软件下载的问题阔以私信我!

1.拐角工具(C)

这个工具左侧工具栏,快捷键是C

Image title一旦选择了该工具, 软件将激活位于界面顶部的自定义工具栏上的参数设置, 您可以在其中执行调整 "拐角类型" 和 "角的半径" 之类的操作。默认情况下, 选项会变灰, 因为您需要选择一个实际形状才能进行任何调整。看见这个介绍是不是觉得和AI很像了,so,我们继续看!

Image title

因此, 让我们假设我们有一个梨形椭圆, 我们要调整它的尖尖, 使它更圆。现在, 这里来到了很酷的部分, 因为我们可以使用两种不同的方法来做这件事。第一个是更多基于眼睛的点击和拖动方法, 在该方法中, 您选择提示的节点, 然后按住并拖动到内部, 直到您对结果满意为止。当您将鼠标悬停在节点上时, 光标将自动切换到不同的状态, 表示您可以调整相应的角, 在进行调整时, 为您提供一组可视化的参考线。Image title第二种就是你想要精确的值而不是预估的拖拽,那么就可以直接在上面选择输入。上面为你提供了5种方式的圆角,你可以在选择到点后进行点击选择,然后在输入你想要的数值Image title

小提示:当你在输入款点击那个三角形时出现的滑块最大值只有50,但是你可以输入超过50的值!当你选择一个工具时软件底部会告诉你怎么使用,当你选择对象时也会有这样的提示!如果你想把已经拐角的地方变成线或者说是路径,这个时候你需要选着到他并点击融合拐角

Image title

这样操作后呢,将不可进行编辑,但是可以使用节点工具再次进行微调!Image title

拐角工具对于封闭的未封闭的形状路径都是有效的!但是对于有锚点手柄的已圆角点是不管用的!对于矩形来说你完全可以不使用这个工具,因为矩形自带的参数化圆角就已经很棒了,

Image title

需要注意的是绝对大小和单半径的勾选与取消问题,当然我相信这个问题很容易明白!当你需要使用节点工具调整的时候,你需要选中对象,在工具栏点击转换为曲线命令。

Image title

2.描边设置面板的那些事情

因为手绘板是有压力的,但是鼠标不能有,所以Affinity Designer提供了一个课手动调整画笔的设置面板!我们可以在描边设置的下面点击属性进入。

Image title

如你所见,我们使用一个24px的线条来作为测试所用。你可以完全不看这一步,绘制你喜欢的样条路径等!Image title打开压力控制调整的地方可以直接通过上图中蓝色的地方点击进入,Image title

这个地方的调整玩起来就像ps的曲线一样的操作,所以不过多解释了。你可以调出你想要的任何样式,但是呢,他还是没有画笔那么好玩哦!嗯有个问题就是你设置了一个压力,那么下次会被使用的,所以你需要重置一下,就不会沿用上次的了,你也可以吧你喜欢的压力配置文件保存下来。

3.填充工具

Image title

喜欢在你的艺术品中使用渐变?那么, Affinity Designer附带了一个最复杂的渐变创建工具。我们在这里找到的第一个选项是上下文, 它允许您告诉软件是否使用的是 "填充" 或 "描边"。然后是类型,他有7中不同的渐变方式。Image title对于渐变灰有什么样的效果我会在后面的教程里面说到,这里只是提到,不做过多的介绍。在创建实际渐变时, 您需要首先使用 "填充" 工具将鼠标悬停在形状上, 然后单击并从一侧拖动到另一侧, 这将为您提供结果的实时预览。你可以从形状本身外部开始, 在任何方向翻过它的任何角落。一般来说, 渐变的长度会影响颜色与颜色之间的过渡, 因此它们之间的距离越远, 过渡就会越平滑。

Image title

 总的来说和ps的渐变操作大同小异!

4.透明工具



Image title

可以在左侧 "工具" 面板中找到该工具, 也可以使用键盘y键的快捷方式快速访问该工具。在处理方面, 它的工作方式与 "填充" 工具大同小异, 因为您只需将其拖到形状上, 即可应用透明度渐变。从自定义上下文工具栏中可以看到, 软件使用的默认渐变类型为 "线性"。
Image title如果您仔细查看 "类型" 下拉列表, 您会发现您可以从五个不同的选项中进行选择, 具体取决于您要实现的目标。

5.特效面板

默认情况下, 面板位于软件的右侧面板中, 位于 "图层" 和 "样式" 之间, 并具有10种不同的效果, 这些效果是相当不言而喻的,和ps的是一样的!

Image title

6.图层混合模式

我将向您介绍的最后一个工具是 "图层" 面板的一部分, 它使您能够将不同形状或整个图层的颜色相互混合, 以产生有趣的视觉效果。对于您创建的未分组或未成为图层一部分的每个形状, 默认混合模式为 "正常"。

Image title和ps的大同小异,所以在以后的案列过程中在聊吧!今天只是简单的带大家过一下这个软件!

我想说,这ui中国的文章编辑器真的是很难编辑排版




更新:2018-11-24

收藏

6人已收藏

米夏小雨

每周六晚20:00B站直播设计技法实操 欢迎来玩!

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

  • 【技法解析第七期】如何在C4D中创建二维矢量插画效果教程
  • 【技法解析第六期】多彩质感UI图标材质渲染教程-C4D教程
  • C4D教程-技法解析第五期-抽象艺术材料
  • 七步教你学会制作iPhone SE 2022 壁纸

    猜你喜欢

      2018-11-24 原创文章 教程 原作者: Andrei Stefan 举报 7276 6 7 1

      Affinity Designer 的6种常用工具介绍

      0.0°

      你确定要举报Affinity Designer 的6种常用工具介绍

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年11月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      6
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录