AI+PS教程!快速玩转灵活多变的线条艺术造型

  • 水平 : 入门
  • 观众 : 11167
  • 时间 : 2018-01-29

教程

教程作者:飞屋睿

交作业:#优设每日作业#

前言

线,在平面设计中是基本的视觉要素之一,直线能表现理性或现代感,而曲线又能增加感性和柔和,因此,运用好不同的线条能变化出数不清的造型。今天我们要学习一种快速且造型百变的线条艺术的设计技巧。这个方法非常简单,又灵活多变,因此在很多项目中,可以很巧妙的加以运用,效果将出乎意料之外。

通过这篇文章,你能够学会:

1、AI 中“变换工具”的巧用 2、PS 中的渐变配色方法 3、PS 中模糊工具的巧用

一、线条艺术造型

我必须向大家透露:在 AI 中造型,在 PS 中上色,这几乎就是我设计时的一大组合型法宝。特别涉及到线条、形状、等各种简单平面造型时,这一方法绝对是非常好用的。当然,我的意思并不是说在AI中就忽略色彩,而是 PS 能弥补你在AI中配色的遗憾。

STEP 01

造型开始,打开 A I,新建一个 800*600px 的文档。选中多边形工具,在画布上双击,并在弹出的对话框中的“边数”一栏中填入 6 ,这里所填入的边数也可以是其他的值,当然最后的造型就肯定和这个教程不太一样了。熟悉 AI 工具的同学可以试试别的边数。填充色关闭,打开描边,描边粗细为 1px 。

STEP 02

选中这个多边形的基础上,进入【效果>扭曲和变换>变换】,这时进入到变换效果的参数面板。

STEP 03

魔法时刻到了!记得一定要在打开的参数面板左下方勾选“预览”,这样就能看到即时的效果。 这里需要提前说明的是,设计这类曲线的效果最重要的三个类型的参数,第一个是缩放的比例,第二个是旋转的角度,第三个是副本。通过这三个参数的变化就能产生无穷无尽的造型。

这里的缩放比例和副本是一对必须共存的参数,如果没有比例的缩放,那么副本填多少都没有意义,因为多出来的所谓副本(也即是复制的形状)是重叠于原有形状上方,由于变换的效果并没有产生真正的路径,因此其形状外观上并没有发生变化。而增加了缩放的产数就不一样了,你会看出这些副本在缩放情况下的变化,这种变化是渐变分布的,因此产生出视觉的韵律。理解了这一道理,我们再调节产数时就不会盲目。

你可以试试参数变化时,看看会发生什么?

STEP 04

接下是旋转这个参数,旋转角度是最后设置的,旋转通常能制造出一种回旋的视觉效果,每旋转一个角度,就应该看看最终的效果,因此我建议大家最好用比较微细的调法,这样能找出最令人满意的结果。

我将我的产数设置分享一下,当然,这里是可以非常个性化的,你完全可以慢慢去体会这些不同的变化,从中挑选更为适合的产数。

STEP 05

选中左侧工具栏中的“直接选择工具”,在每个锚点处会出现一个小小的同心圆图标,通过拖动这个小小的图标朝向与角尖相反的方向,就能将直角直接变为圆角。

STEP 06

你可以继续拉大这个图形,直到覆盖整个画板,变成为背景图。根据项目要求调整图形大小是非常重要的,因为一旦进入 PS ,你将处理的并不是矢量图形,这意味着你没有办法进行自由伸缩。

二、光色组合

STEP 07

将导出透明背景的 PNG 图片加入到 PS 当中,可以在 PS 中再新建一个图层作为背景色。背景色填充为 #eefefe 。

STEP 08

然后为线条增加渐变叠加的图层样式,渐变色彩从明快的红色到黄色。

STEP 09

将线条图层复制三次,分别对三个图层运用高斯模糊,按照图层从上至下排列顺序,模糊半径分别为 3、5、8 。这样能制造出一定的光感和空间层次感。

STEP 10

再将线条图层复制一次(这是第四次复制了),对这个复制图层运用上动感模糊,这是为了进一步增加线条朦胧光色感,模糊角度为 90 ,距离为 46 .

STEP 11

最后将线条图层(以及四个模糊图层)合并一组,在该组的上方新建一个图层,将其设定为改组的剪贴蒙板。这时再利用大而软的画笔进行涂抹并继续为其增色,而又不影响到背景。涂抹完后,将这个图层的图层样式改为亮光,透明度降至 80% 。

最后配上文字和边框,最终效果完成。

加法or减法

其实利用这类方式,在最初创建图形的时候就有非常多的选择,比如三角形、矩形、圆形的变换。每一种变换都需要大家在变换工具的参数中不断进行尝试,就会发现很多有趣的造型。

一篇文章是无法穷尽我们的想象力的,因此我建议大家现在开始可以拿出软件来试试,尝试每一个变换。这就是一个很好玩的游戏,也是训练自己在设计中想象力拓展的方法。

大家都遇到过灵感枯竭的时候,当这个时刻来临时,尤其是初学设计师,都会下意识的去找网络上的优秀的设计作品来作为参考,我想这只是其中一个方法,我们姑且把这个方式叫做灵感枯竭的加法。所谓加法就是,当你的大脑无法给出解决方案时,你采用的是“增加”的方式继续向你的大脑输入新的信息。

当然,除了加法,我们还有减法,当灵感枯竭时,减法的的运用就像这样运用线条,不断变幻造型,让大脑处于放松的游戏状态,慢慢清空任务压力所带来的紧张,就像小朋友玩积木一样去玩。

万花筒、乐高积木、禅绕画……这类能让你进入“脱线”状态的视觉游戏将成为你新的灵感探索的方式。而且,它们最大的好处就是,什么都不用想,就是把大脑关闭,动手开始做就行~

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

相关推荐:

AI教程!7分钟学会视错觉插画
AI+PS教程!教你8步做出超赞的混合渐变海报

一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···
从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发
【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。
【收获】更好的自己

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/photoshop/121247054.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

变换工具渐变配色
img

相关文章

教程评价

基于 12 条评论
4.8
平均分
5 stars
91.666666666667%
11
4 stars
0%
0
3 stars
8.3333333333333%
1
2 stars
0%
0
1 stars
0%
0

发表评论

电子邮件地址不会被公开。 必填项已用*标注

CAPTCHA Refresh

  1. avatar头像

    AI线条PNG模式导入ps里 渐变只有导入线条的背景变。。线条没有渐变。。why??

    • author

      先在ai导出png,将png导入ps。

  2. avatar头像

    我好难过,我在前面旋转后并没有找到锚点旁边的那一个同心圆,不知道为什么,还请老师指点迷津。非常感谢!

    • author

      可能是版本问题,更新一下软件就有了。

    • avatar头像

      小白框选没有用的话试试ctrl+h,关闭辅助线也会导致圆角的点消失,别问我怎么知道的

  3. avatar头像

    请问我按着这个来做的 六边形变换我的数值里水平和垂直只要小于100就完全没有效果是什么情况?

    • author

      勾上“预览”选项,本身的图形画大一些试试看。

  4. avatar头像

    不错不错,很良心

  5. avatar头像

    请问我的AI为嘛添加副本完全没反应

    • author

      打开预览。

    • avatar头像

      我的也是 打开预览也没有用,就是没有效果

    • author

      看一下数值是不是太大了,变化参数小一点再看。

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新