Illustrator教程 – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Thu, 23 Feb 2023 12:21:36 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 无需手绘! AI矢量扁平几何风基础插画设计 //www.laura-marie.com/60082.html //www.laura-marie.com/60082.html#respond Thu, 23 Feb 2023 12:16:52 +0000 前言:画画,既可以用手绘的方式自由挥洒,也可以运用严谨的几何形来组合造型,这两种表达方式都是美术,都可以成就美,在传统的画画的领域也许前者是最常见的表达,但后者的魅力也开始慢慢呈现出来。

这篇文章我们将运用严谨的几何形来塑造水果的形象,通过巧妙的形色组合、形状本身透明度的叠合,表现具有简约、大方、时尚感的鲜果派对插画海报。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

工具

工具:AI(Adobe illustrator)

适合:零基础入门

扁平风的基础思维准备:几何形组合造型

几何形一直被视作是抽象造型的基础元素,通过几何形有意识的相互叠加组合,就可以使得这个造型呈现出可识别的对象,比如我们在这个教程里所表现的那样:用几何形画水果。

比起细腻丰富的传统画法,极简的几何平涂造型所创作的水果,看起来有着别样的生动的特质,摆脱了对水果表面质感的依赖,转向对形色的探索,是扁平插画的基础思维。

常用的几何形是:圆、方、三角,在这个教程里,我们就运用矢量软件AI(Adobe illustrator)进行创作,接下就开始来打造我们的《鲜果派对》海报吧。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

用方形塑造苹果基础形

常见苹果的画法可以是圆形起步,也可以是从方形开始。

STEP 01

打开AI,新建一个文档,运用粉色画出一个正方形,这就是苹果的起始形。起始形非常重要,它决定了接下这个苹果的形状走向。

然后,我们把这个正方形改变为梯形,改变的方法有很多种,这里我们利用变形工具,进入【效果>变形>弧形】,在变形工具的面板里,将垂直这个滑块调整为-15%。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 02

在选中上一步所变形成为的梯形的基础上,进入到【对象>扩展外观】对它做一次扩展外观。

扩展外观就是让这个形状真正变为矢量梯形的路径,如果没有做这一步,这个形状看似是梯形,其实还是原来正方形的矢量路径。分辨真假梯形也很简单,只要选择这个形状,看到路径的走向仍然是正方形,那就是假性梯形,这就需要为它做一次扩展外观。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 03

然后再选中这个梯形的基础上,单击左边的工具栏里的【直接选择工具】,就会看到四个角内分别带有四个很小的圆点(仔细看是一个同心圆),拖动它,你会发现它会控制这个角,将它从锐利的角变为圆弧。

根据圆弧离形状中心的距离多少,弧度也会相应发生变化。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

好了,苹果的基础形就完成啦~

细节的魔力

我们开始为苹果增加叶片,叶片的画法首先也是要从基础几何形开始慢慢演变而成。我们在叶片这个部分提供的基础几何形同样是正方形。

STEP 04

用蓝紫色画出一个正方形,然后再复制一个正方形,将这个复制的正方形旋转45°,变为菱形。再复制第一个正方形。于是我们得到了两个正方形和一个菱形,将它们像下图所示拼起来。

然后再选中这个组合造型,进入到【窗口>路径查找器】,在路径查找器的面板中运用【联集】将它们拼合成一个独立的封闭的路径。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 05

然后再利用控制形状角度的小圆点,就像STEP 03那样分别选中下方以及左右两边的圆点,将角转为弧形。一片叶子就这样制作而成。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

问:感觉似乎这样的方式比较麻烦,为什么不直接用钢笔工具画呢?

这也是我在这一风格的画法中想要重点强调的:尽量避免使用钢笔工具,而用几何形进行转化,是保持扁平风格中几何感和抽象感的诀窍。

因为手动画出的路径毕竟不会特别严谨,这时就难免让扁平风格失去了它本身的风格特点,而这时如果没有较强的结构感,整个画面就会看起来”平淡“甚至”无趣“。

其实叶片的造型也可以探索出其他的几何方式进行组合构造,本文只表现一种方法。其他的方法,可以留给你下去尝试。

STEP 06

这时,把这个叶片的形状的混合模式改为“正片叠底”,利用叠加的视觉效果增加画面的几何感和时尚感,这是在我们过去写过的文章《超级可爱!插画萌新必学的PS极简马克笔简笔画:盆栽篇》以及相关系列文章也都运用过类似的技法。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 07

最后,用线条增加最后的细节。这里所用的线条是较细的3px的黑色线条。这里的线条粗细要根据形状本身的尺寸大小比例来确定。总之,对细节的描绘可以克制一些,不要太过复杂。

利用线形的组合以及形状叠加的视觉效果,扁平风的简约苹果元素就画好了。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

准备好元素,完成海报

STEP 08

蓝莓的画法从矩形起步,对矩形的组合以及成形的演变方法,是我们重点要训练的对象。中间的步骤我们已在文章前面详细叙述过了,这里就不再重复。可以继续用这个方法演练下去。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 09

画草莓的时候,运用了两个梯形进行组合。利用叶片造型进行叠加,也能增加图形的魅力。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 10

我们把其他的水果元素也画好,我这里准备了一些比较可爱的樱桃、西瓜之类,你也可以画点菠萝、芒果之类,注意要把握每一个水果的基础形特点,然后在细节的部分加以强调。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

把每个水果元素放到海报的设计中时,要考虑的还有对水果元素之间的间隙的疏密均匀程度,元素可以较大,有些元素甚至可以渗出到海报之外,这样会让视觉效果更为延伸。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

本文的不用手绘就能设计出扁平几何风基础插画就介绍到这里,如果经过路边有家鲜果店,挂上这样一张海报,应该效果是不错的吧~ 先自我陶醉一波~

作者:飞屋睿
来源:飞屋睿(ID:ifeiwu81)

]]>
//www.laura-marie.com/60082.html/feed 0
illustrator版式教程: 神奇的Ai变形工具 //www.laura-marie.com/60023.html //www.laura-marie.com/60023.html#respond Tue, 14 Feb 2023 02:13:32 +0000 又到了Adobe illustrator版式教程的时间了,今天给大家带来的是5个Ai小技法,简单又实用,看完记得去操作练习一下,多的不说,咱就直接开始整活了。

● 内容呈现

NO.1 神奇的Ai变形工具

NO.2 玩转Ai像素功能

NO.3 扭曲和变换新玩法

NO.4 Ai混合工具新玩法

NO.5 Ai渐变半调效果

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

本次教程就到这里了,希望对你有所启发,看完记得动手操作一下哦!

作者:阿贵 | 来源:胡晓波工作室 (id:ziyou-design)

]]>
//www.laura-marie.com/60023.html/feed 0
没灵感? 用illustrator做这几种效果排版很不错! //www.laura-marie.com/60020.html //www.laura-marie.com/60020.html#respond Tue, 14 Feb 2023 01:41:59 +0000 今天的illustrator的教程对于做海报没有灵感的小伙伴特别有用,而且也不复杂,大家可以一起来学习。01:伪立体字;02:文字路径偏移;03:半调网屏;04:色块拼接/分割。

先看看这几个使用illustrator做的效果图设计,设计感还是不错的呢,对吗?推荐大家收藏学习起来!

图片

我们开始今天的教程吧

图片

今天我们来学习一下日常设计中及其常见的海报形式之一:伪立体字海报。先来看看网上类似的案例。

图片

这是很早之前做的一个字体用到的,也是伪立体字的视觉呈现。

图片

可以看到伪立体充当视觉主体非常的出效果,接下来详细介绍下用到的工具和操作。

图片

这个案例用到的是 AI 的 3D 工具,我们先看下海报的一个雏形。

图片

图片

我们先简单的给伪立体字简单的上个色。

图片

重点部分:伪立体字体效果步骤解析。

这是一个二维的平面效果,我们选出合适的英文字体转曲 (Ctrl+Shift+O),由于其他英文的制作方法一样,

这里就单独举例 2022。

图片

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

最后再到 PS 调色,以及杂色的添加,丰富画面。具体步骤:菜单栏-图像-调整-色相/饱和度

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

到此这个伪立体字海报就完成了,是不是灰常的简单!

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

先看看大致的一个海报编排效果。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

上面的缩略图可能看的不是很清楚,我们放大看一下并为其添加黑色背景。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

我们看看给它们换换色是什么样的感觉?

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

可以看到我们不管是换填充色还是换描边的颜色给人的感觉都是不一样的,亦或者是增加描边的粗细程度。

下图是我把描边增加到 4pt 可以明显的看到缺失的细节比较严重,所以此处不建议大家把描边的粗细增大。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

我们换个宋体和楷体试试。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

不同气质的字体做出来的感觉各不相同,最终还是建议用黑体比较好,更加的干净简洁。

好了这样的尝试还有很多种,后面大家多去尝试吧,动动手操作起来。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

还是先看看大致的一个海报编排效果。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

简单的看看这种效果的呈现方式,就是密集的波点有种类似像素化的赶脚,这里我拿人物做了个简单的示范。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

拿之前做的举个栗子,再看看图形加上这种效果是不是别有一番风趣,形式感足足。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

这是未做半调效果处理的,我感觉一般,于是我打开了 PS。

用illustrator做这几种效果排版很不错!没灵感时特好用

对图片进行后期处理。

● 半调效果步骤示范

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

用illustrator做这几种效果排版很不错!没灵感时特好用

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

看到这里你学会了吗?

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

先看看大致的一个海报编排效果~

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

先看看几组网上的案例,是不是还不错,大多数是色块紧凑的相连或者相互叠压,以下我总结了几点做这类的思路。

TIPS:

● 配色一定要好看,看起来不能脏(冷暖对比居多)

● 好看的文字编排

● 与色块相结合要构成某一种构图

用illustrator做这几种效果排版很不错!没灵感时特好用

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

先从配色开始吧!首先是版面色彩的设定。

● 3 种颜色自由组合(根据个人喜好看整体的配色感觉)

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

接着是构图部分,这个案例我们大致可以看做色块分割或者紧密的拼接形成的分栏式构图即下图的 #01。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

然后就是文字编排部分与装饰图形以及线条的置入,版面文字组组合与字体搭配。

● 中文思源黑体、英文 Acid Grotesk

● 文字组断行左对齐(常规)到简单的移位处理(灵活)

● 文字的粗细关系(主标题的中英文搭配,视觉上粗细一致即可)

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

● 文字组自由组合

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

● 随意装饰的线条、点元素、装饰图形

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

色块分割版面

● 拼接分割的同时也相对应的产生构图

● 置入处理过的文字组

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

到这我们的海报就编排完成了。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

作者:NDS丨阿贵
链接:https://www.zcool.com.cn/article/ZMTQ4NzEyOA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

]]>
//www.laura-marie.com/60020.html/feed 0
如何设计港风字体?Adobe Illustrator轻松搞定 //www.laura-marie.com/59889.html //www.laura-marie.com/59889.html#respond Sun, 18 Dec 2022 09:03:25 +0000 AI是非常能提高设计效率的试用的矢量设计软件,今天我们用它设计一款港风的字体,这种字体在电商或品牌设计中也经常使用到,简单易学,赶紧get起来吧。

效果图:

使用软件:Adobe Illustrator 2021版本    操作难度:⭐️⭐️

教程/步骤:

01. 使用“文字工具”输入文字,字体为DFP超极太楷书体,字号为30pt,再去掉原本文字的颜色。

02. 使用“外观”面板新增填色,然后更改描边颜色和粗细,以及填色的颜色。

03. 再新增新描边,更改描边颜色和粗细。在该描边上新增效果,选择“变换”。打开“变换效果”对话框,调整数值。

04. 继续新增新描边,更改描边颜色和粗细。在该描边上新增效果,选择“变换”。打开“变换效果”对话框,调整数值,完成。

05. 可随意更改文字内容和字体。这个绝技超赞哦,跟着做!零基础也能搭出完美绝配,让你花最少时间做出高品质画面。

06. 实现霓虹灯字体效果(可编辑)

1)使用“文字工具”输入文字,字体为“可口可乐在乎体 楷体”,字号为70pt,并去掉原本文字的颜色,然后点击“添加新描边”按钮。

2)接着选中描边那项,点击“添加新效果”按钮,选择“投影”(风格化>投影)。打开“投影”对话框,设置参数如上图所示。

3)然后“添加新描边”,设置描边粗细为2px,点击“添加新效果”按钮,选择“高斯模糊”(模糊>高斯模糊)。打开“高斯模糊”对话框,设置数值为2。接着更改描边的不透明度为80%。

4)继续“添加新描边”,设置描边粗细为2px,颜色为红色,添加“高斯模糊”(模糊>高斯模糊),设置数值为4。

5)继续“添加新描边”,设置描边粗细为4px,颜色为红色,添加“高斯模糊”(模糊>高斯模糊),设置数值为8。

6)继续“添加新描边”,设置描边粗细为5px,颜色为红色,添加“高斯模糊”(模糊>高斯模糊),设置数值为12,完成!

完成后,即便更改文字内容和字体,也不会影响效果。而且这款特效字在电商设计或品牌设计中也经常使用到,简单易学。

07. 点状螺旋漩涡图形

1)使用“椭圆工具(L)”绘制一个尺寸为100px*100px的圆形,再使用“剪刀工具(C)”把圆剪开四段,位置如上图的红色线。

2)绘制两个圆,尺寸分别5*5px和2*2px。再全选它们,执行“对象”>“混合”>“建立”,再双击“混合”工具打开“混合选项”对话框,设置间距为指定的距离,数值为6px。

3)将圆点混合后的对象,复制粘贴为4个。再选中一个圆点混合对象和被剪后的1/4的圆形,执行“对象”>“混合”>“替换混合轴”命令。如此类推,完成另外3/4的圆形替换混合轴命令。

4)完成替换混合轴命令后,全选对象并编组。然后执行“效果”>“扭曲和变换”>“变换”命令。

5)打开“变换效果”对话框,设置水平和垂直缩放为91%,旋转角度为10,副本为25,如上图所示。

设置水平和垂直缩放为85%,副本为25,如上图所示。

设置水平为91%,垂直缩放为100%,副本为70,如上图所示。

设置水平为90%,垂直缩放为95%,副本为77,如上图所示。

这次分享够给力了吧!好了,看完之后记得要去实操一下哈,不然很容易会忘记。我们下期再见,喜欢的话按赞分享呦~

作者:周妙妍    来源:版式设计很简单(ID:format_design)

]]>
//www.laura-marie.com/59889.html/feed 0
illustrator混合命令,实现酷炫层叠字体海报封面 //www.laura-marie.com/59888.html //www.laura-marie.com/59888.html#respond Sun, 18 Dec 2022 06:54:11 +0000 illustrator有很多便捷的功能,而且使用简单,今天的illustrator教程将教大家用Ai中的混合命令做酷炫的封面效果图,我们一起来学习吧!

图片

这种翻页效果也常见于海报设计中,如下:

好用的illustrator混合命令,实现酷炫层叠字体海报封面

做法依然用到的是混合命令,接下来跟我动手做一下吧。

教程/步骤

第一步

①打出想要呈现的文字,建议黑底白字。

图片

②对文字执行创建轮廓命令(ctrl+shift+O),如下:

图片

③选中文字后,用透视变换工具(E)单击定界框右上方(左上方也可以)的锚点,然后按住ctrl+shift+alt键的同时,向外拖动左键,完成透视。

图片

看下动图操作。

图片

第二步

①将透视结果垂直向下复制一份,并适当压扁。

图片

②用混合工具(w)分别点击两个对象进行混合操作,之后双击混合工具图标,在弹窗中完成参数设置。

图片

③对混合结果执行对象-扩展命令,然后打开渐变窗口(ctrl+F9),点击线性渐变按钮,调整渐变角度为-90°,可将白色滑块适当向右拖动(让字体中的白色显示更多),如下:

图片

④右键取消编组,选中最上层文字,将其适当上移,让文字显示的更全一些。

图片

⑤将结果向下复制一份,利用镜像工具(O)将其垂直翻转(按住shift+左键从上向下拖动即可完成垂直翻转),然后对好位置即可。

图片

至此,这个字体翻页效果就做出来了。我们还可以继续调整细节,做出更多有趣的尝试。

比如我们可以删掉其中的几个字母和数字(删除前记得取消编组),营造一种残缺的美感。

图片

也可以删除后重新做混合,营造一种不规则感。

图片

还可以将某些字母和数字改变颜色,强调主题。

图片

好啦,关于混合的酷炫玩法还有很多,大家一定要动手多尝试鸭~我们下期再见!

作者:君小阳  来源:这logo怎么了(ID:wtf-logo)

]]>
//www.laura-marie.com/59888.html/feed 0
极富艺术感!AI绘制抽象艺术LOGO //www.laura-marie.com/58998.html //www.laura-marie.com/58998.html#respond Mon, 20 Jun 2022 16:32:39 +0000 前言:大家看看下面这个LOGO,波浪形的曲线加上黑白的配色,看起来是不是很有艺术感?那么如何制作抽象艺术LOGO呢?打开你的Adobe illustrator软件,跟着本教程一步一步来做吧!

用AI绘制艺术感很强的抽象曲线LOGO

该logo为网络搜集,版权及创意归原作者所有,本文只探讨做法。

老规矩,观大思法。

用AI绘制抽象艺术LOGO

三十秒过去了……

OK,时间到。

这个图形通过线条造型(疏密、粗细)的过渡,营造出高低不一的地表变化,与品牌业务高度契合。

既然是过渡,我们自然会想到混合命令,而这个图形就是通过绘制abcde这5根关键的首尾线条,然后再两两混合完成的,如下:

用AI绘制艺术感很强的抽象曲线LOGO

混合操作也很简单,直接用混合工具(W)分别点击两条线,间距选择指定的步数,数值为6,如下:

用AI绘制艺术感很强的抽象曲线LOGO

看下混合后的效果。

用AI绘制艺术感很强的抽象曲线LOGO

绘制过程中,需要注意两点:一是线条的粗细不同,其中a是2pt,bcde是1pt;二是线条的锚点尽量放到极值点,方便调整,如下:

用AI绘制艺术感很强的抽象曲线LOGO

混合过程中,如果发现混合结果和原图不一致,也不用着急。如下图所示,我混合后就发现有两段(ab和cd)和原图的造型不同。

用AI绘制艺术感很强的抽象曲线LOGO

这时我们可以通过增加锚点的方式控制线条的混合结果,看下动图操作。

用AI绘制艺术感很强的抽象曲线LOGO

关于锚点添加的位置,仔细分析两条线段锚点的位置分布就不难理解了,大家多多尝试便能深谙其中的奥义。

再举个例子,如果你在混合的时候出现了下面这种情况:

用AI绘制艺术感很强的抽象曲线LOGO

说明你这两条线段的绘制起始点不在同一侧,如下:

用AI绘制艺术感很强的抽象曲线LOGO

此时只需要用钢笔工具(P)点击线段b的最左端锚点,即可将其定义为起始点,混合效果就正常了,如下:

用AI绘制艺术感很强的抽象曲线LOGO

好啦,今天的抽象艺术LOGO案例教程就讲到这里,操作和原理比较简单,建议大家动手实操,这样才能发现问题,解决问题。我们下期再见鸭~

作者 | 君小阳
来源 | 这logo怎么了(id:wtf-logo)

]]>
//www.laura-marie.com/58998.html/feed 0
AI混合工具,轻松设计炫酷海报 //www.laura-marie.com/58997.html //www.laura-marie.com/58997.html#respond Mon, 20 Jun 2022 16:01:09 +0000 Illustrator混合工具是在进行视觉设计时常使用的工具,熟练掌握可以轻易实现非常复杂和炫酷的效果!希望通过本期讲解,让你轻松驾驭混合工具,灵活运用并举一反三设计出更多优秀作品。

AI中的混合工具,轻松设计炫酷海报

AI中的混合工具,轻松设计炫酷海报

选择需要混合的对象,按快捷键Ctrl+Alt+B即可进行混合。

AI中的混合工具,轻松设计炫酷海报

通常可以对两个或以上的对象进行外观(效果、填色、描边)、颜色、透明度的过渡。

AI中的混合工具,轻松设计炫酷海报

AI中的混合工具,轻松设计炫酷海报

双击“混合工具”即可弹出混合选项菜单,“间距”分别有3个选项:平滑颜色、指定步数、指定距离。

AI中的混合工具,轻松设计炫酷海报

1、平滑颜色:自动计算混合的步骤数。

AI中的混合工具,轻松设计炫酷海报

2、指定的步数:自定义混合对象之间的数量。

AI中的混合工具,轻松设计炫酷海报

3、指定的距离:指定一个对象到下一个对象之间的距离。

AI中的混合工具,轻松设计炫酷海报

AI中的混合工具,轻松设计炫酷海报

连接混合对象间的路径称为混合轴:

AI中的混合工具,轻松设计炫酷海报

混合轴可以通过相关路径工具进行编辑:

AI中的混合工具,轻松设计炫酷海报

还可以绘制新路径替换混合轴:框选对象和路径,执行“对象-混合-替换混合轴”命令。

AI中的混合工具,轻松设计炫酷海报

AI中的混合工具,轻松设计炫酷海报

使用文字工具输入文字,填充白色,描边为黑色,大小选择1pt。复制一个字向右下角移动,描边改为0.5pt。

AI中的混合工具,轻松设计炫酷海报

选择两个文字按快捷键Ctrl+Alt+B进行混合。

AI中的混合工具,轻松设计炫酷海报

双击“混合工具”弹出混合选项菜单,“间距”选择”指定步数”:100。

AI中的混合工具,轻松设计炫酷海报

使用同样的方法制作其他三个文字的混合效果:

AI中的混合工具,轻松设计炫酷海报

最后加入文字排版:

AI中的混合工具,轻松设计炫酷海报

给“混合轴”添加新锚点,再使用路径工具进行调整,可以得到如下效果:

AI中的混合工具,轻松设计炫酷海报

使用同样的方法调整其它三个文字的混合效果,重新进行文字排版,第二个海报设计完成:

AI中的混合工具,轻松设计炫酷海报

重新绘制新路径,框选对象和路径,执行“对象-混合-替换混合轴”命令。

AI中的混合工具,轻松设计炫酷海报

得到新的混合效果:

AI中的混合工具,轻松设计炫酷海报

另一个字也使用相同的方法制作,最后加入文字排版,第三个方案设计效果:

AI中的混合工具,轻松设计炫酷海报

重新更改混合效果:前方文字填充改为无,描边为1pt的白色;后方文字缩小,把填充和描边都改为0,得到如下效果:

AI中的混合工具,轻松设计炫酷海报

其它文字也使用相同的方法制作,最后加入文字排版,第四个方案设计效果:

AI中的混合工具,轻松设计炫酷海报

利用混合工具还可以制作出很多有意思的效果,大家可以灵活运用并举一反三设计出更多优秀作品。

作者:邓海贝
来源:艺海拾贝Design(ID:YHSBds)

]]>
//www.laura-marie.com/58997.html/feed 0
一学就会,5种方式教你做立体字! //www.laura-marie.com/58899.html //www.laura-marie.com/58899.html#respond Sun, 22 May 2022 14:36:05 +0000 5种方式教你学会做立体字!

给字体增添立体效果,字体会更有立体感和质感,更有冲击力,视觉效果往往会更吸睛。

在字体帮的投稿作品中,我们经常看到此类相关作品,同时,也有很多同学,一直想学习制作这样的效果。

今天,我们就做一次总结和分享,使用AI软件,分5种方式,设计出独具一格的立体字!

 

5种方式教你学会做立体字!

方式1-案例A

先看最终效果

5种方式教你学会做立体字!

step1

① 在AI中把做好的字形复制两层,第一层填充红色,第二层填充一个从黑到白的渐变并添加一个白色描边:

5种方式教你学会做立体字!

step2

② 选中红色字形,在菜单栏选择,效果→3D→凸出和斜角,在面板中把三个轴的参数都设置为0,把透视和凸出厚度都直接调到最大,然后点击确定:

5种方式教你学会做立体字!

然后就得到了下面这样这样的效果:

5种方式教你学会做立体字!

step3

③ 再次选中字形,按Ctrl+c,ctrl+f,粘贴一层在前面,再把前面一层的混合模式改成颜色减淡,这样就亮了许多:

5种方式教你学会做立体字!

5种方式教你学会做立体字!

step4

④ 框选中红色的字形,按ctrl+shift+【,把它置于底层,再把它和黑白渐变的字形水平居中对齐:

5种方式教你学会做立体字!

最终完成,是这样的!当当当当!

5种方式教你学会做立体字!

 

 

方式1-案例B

先看最终效果

5种方式教你学会做立体字!

step1

① 在AI中给做好的字形先添加一个颜色和描边:

5种方式教你学会做立体字!

在菜单栏选择,效果→3D→凹凸和斜角,面板中三个轴的参数,分别是 20、5 、0,凸出厚度为50pt:

5种方式教你学会做立体字!

点击确定后,得到以下效果:

5种方式教你学会做立体字!

step2

②全选中字体对其扩展外观,选中顶层字体将其锁定。然后全选下方厚度色块,点击路径查找器中的联集,将其合并且置于底层,更换一个颜色。最后给它添加一个圆头圆角的描边,对齐描边选项为(使描边外侧对齐):

5种方式教你学会做立体字!

底层部分添加描边后会出现一些参差不齐的部分,需要我们去手动调整一下细节,调整效果如下:

5种方式教你学会做立体字!

调整完细节之后,给顶层灰色字体部分描边更改一个颜色。复制粘贴最底层的字体并且再次置于底层,然后向右下方位移几下,填充一个比背景色略深的颜色作为投影:

5种方式教你学会做立体字!

继续更改一下颜色:

5种方式教你学会做立体字!

最后给字体添加一些装饰,排版一下,搞定!

5种方式教你学会做立体字!

 

5种方式教你学会做立体字!

方式2-案例A

先看最终效果

5种方式教你学会做立体字!

step1

① 在AI中给做好的字形先添加一个颜色:

5种方式教你学会做立体字!

在菜单栏选择,效果→3D→凹凸和斜角,面板中三个轴的参数,分别是 -13、-30、3,凸出厚度为65pt:

5种方式教你学会做立体字!

点击确定,然后就得到了下面这样这样的效果:

5种方式教你学会做立体字!

step2

②选中3d效果字进行扩展,扩展之后,全选字体,给字体添加一个白色颜色填充和黑色描边:

5种方式教你学会做立体字!

给顶层字体部分换回原来的颜色:

5种方式教你学会做立体字!

最后给字体添加一些装饰,做出适当排版,搞定!

 

5种方式教你学会做立体字!

方式2-案例B

先看最终效果

5种方式教你学会做立体字!

step1

① 先准备好字形,随便上一个自己喜欢的颜色:

5种方式教你学会做立体字!

然后在菜单栏在菜单栏选择,效果→3D→凸出和斜角,面板中三个轴的参数分别是 -18、-28、8,凸出厚度为200:

5种方式教你学会做立体字!

点击确定

5种方式教你学会做立体字!

step2

② 选中字形,点击 对象→扩展外观,再右击→取消群组:

5种方式教你学会做立体字!

然后框选中字形给它添加一个描边:

5种方式教你学会做立体字!

step3

③现在来给它上色,先从字的正面开始,先任意选中一个笔画,选择→相同→填色和描边:

5种方式教你学会做立体字!

这样我们就选中了字的正面,现在把字的填充换成亮一点的颜色:

5种方式教你学会做立体字!

然后是侧面,先在下面画几个自己想要的颜色,然后添加和字一样大小的描边粗细:

5种方式教你学会做立体字!

画完之后我们用吸管工具开始吸,按住shift点击侧面,点后用吸管工具吸下面的黄色:

5种方式教你学会做立体字!

然后同样的方法继续吸:

5种方式教你学会做立体字!

再吸:

5种方式教你学会做立体字!

继续吸:

5种方式教你学会做立体字!

5种方式教你学会做立体字!

老习惯,做出适当排版,搞定!

5种方式教你学会做立体字!

 

 

5种方式教你学会做立体字!

方式3-案例A

先看最终效果

5种方式教你学会做立体字!

step1

① 在AI中给做好的字形先添加一个颜色和描边:

5种方式教你学会做立体字!

在菜单栏选择,效果→3D→凹凸和斜角,面板中三个轴的参数,分别是5 、-15、0,凸出厚度为28pt:

5种方式教你学会做立体字!

点击确定,然后就得到了下面这样的效果:

5种方式教你学会做立体字!

step2

②全选字体扩展,现在我们来给它上色,选中一个黑色笔画,在菜单栏中点击选择→相同→填充颜色:

5种方式教你学会做立体字!

这样我们就选中了所有的黑色色块,然后给它更换一种颜色。并且添加黑色描边:

5种方式教你学会做立体字!step3

③接下来我们给这两层字体编个组,然后向左下方复制一层。复制的过程中注意对齐关系,将第一层文字贴合隐藏到第二层文字的下方。然后置于底层,如下图所示:

5种方式教你学会做立体字!

然后就得到了这样的效果:

5种方式教你学会做立体字!

我们选中将最上面两层文字按住ctrl+2键对其进行锁定,然后选择最底层的粉色笔画,在菜单栏中点击  选择→相同→填充颜色,给其更改一个颜色:

5种方式教你学会做立体字!

运用上述方法继续向下复制几层更改颜色:

5种方式教你学会做立体字!

最后给字体添加一些装饰,完成!

5种方式教你学会做立体字!

 

 

方式3-案例B

先看最终效果

5种方式教你学会做立体字!

step1

① 把做好的字形填充一个红色:

5种方式教你学会做立体字!

然后在菜单栏选择,效果→3D→凸出和斜角,面板中三个轴的参数,分别是8、8、0,凸出厚度为200:

5种方式教你学会做立体字!

点击确定:

5种方式教你学会做立体字!

step2

②选中字形点击菜单栏 对象→扩展对象,然后右击取消群组:

5种方式教你学会做立体字!

取消群组之后点击任意一个笔画,在菜单栏中点击  选择→相同→填充颜色:

5种方式教你学会做立体字!

选中之后先ctrl+G群组,然后按住alt向下拖动复制一层:

5种方式教你学会做立体字!

然后框选上面的字,在路径查找器点击合并,如果没有路径查找器面板可以在窗口中找到:

5种方式教你学会做立体字!

step3

③合并之后给上面的字填充绿色+描边,下面的填充红色+同样的描边,然后再按住alt向上拖动,复制一层绿色的字,现在一共三层:

5种方式教你学会做立体字!

选中第一层绿色的字,点击填充,然后点击左下角的储色板→图案→基本图形→基本图形-点,然后在基本图形-点面板中选择第一个:

5种方式教你学会做立体字!

这样我们就得到了一个点填充的图案:

5种方式教你学会做立体字!

然后把三层都一起选中,进行左对齐和顶对齐,这样就基本完成了:

5种方式教你学会做立体字!

最后,排版装饰,完工!

5种方式教你学会做立体字!

5种方式教你学会做立体字!

 

5种方式教你学会做立体字!

方式4-案例A

先看最终效果

5种方式教你学会做立体字!

step1

①把做好的字形填充一个黄色:

5种方式教你学会做立体字!

然后在菜单栏在菜单栏选择,效果→3D→凸出和斜角,在位置这里选择等角-上方,混合步骤改为1,其他参数不动:

5种方式教你学会做立体字!

点击确定之后点击 对象→扩展,然后取消群组:

5种方式教你学会做立体字!

给取消群组后的字体添加一个描边,然后再把侧面有多余竖线的地方合并:

5种方式教你学会做立体字!

step2

②合并之后开始上色,按住shift选中顶部的笔画,把填充调成亮一点的颜色:

5种方式教你学会做立体字!

用同样的方法修改侧面的填充:5种方式教你学会做立体字!

5种方式教你学会做立体字!

5种方式教你学会做立体字!

然后,简单排版,完活!

5种方式教你学会做立体字!

 

 

 

方式4-案例B

先看最终效果

5种方式教你学会做立体字!

step1

① 在AI中对做好的字形进行切割移位,这里使用的是相同角度的切割:

5种方式教你学会做立体字!

选中切割后的字形,先给它填充一个颜色:

5种方式教你学会做立体字!

step2

②在菜单栏选择,效果→3D→凹凸和斜角,面板中三个轴的参数,分别是 48、-10、0,凸出厚度为50pt:

5种方式教你学会做立体字!

点击确定,然后就得到了下面这样的效果:

5种方式教你学会做立体字!

切割后的笔画使用3D效果,位置距离上会出现一些偏差,需要我们去手动的调整对齐一下,调整效果如下:

5种方式教你学会做立体字!

step3

③选中3d效果字进行扩展,扩展之后,将字体厚度部分填充另一种颜色。(颜色的明暗变化直接参考3D效果所带的明暗变化。)然后给字体整体添加一个1(pt)的黑色描边:

5种方式教你学会做立体字!

选中绿色颜色部分字体,复制一层将其合并。然后置于底层。填充一个比背景色略深的颜色。移动其位置,将其作为投影:

5种方式教你学会做立体字!

给字体添加一个版式,完成!

5种方式教你学会做立体字!

 

 

 

5种方式教你学会做立体字!

方式5-案例A

先看最终效果

5种方式教你学会做立体字!

step1

① 在AI中给做好的字形添加一个颜色和描边:

5种方式教你学会做立体字!

选中一个字体复制粘贴一个,然后置于底层移动到合适的位置:

5种方式教你学会做立体字!

将移动后的字体缩小,并且填充一个和原字体描边颜色的相同的颜色:

5种方式教你学会做立体字!

step2

②框选两个字体,用工具栏中的混合工具分别点击两个字体,得到如下效果:

5种方式教你学会做立体字!

框选住混合后的字体,按住ALT键然后点击鼠标左键调出混合工具面板。下拉选项,选中指定的距离一栏,参考数值如下。(具体数值根据实际情况调整,数值越小,混合距离越密集。数值越大,混合距离越松散。)

5种方式教你学会做立体字!

点击确定后,得到以下效果:

5种方式教你学会做立体字!

step3

③给其他字体添加相同效果,并且填充和底层字体颜色相同的背景色。

便得到一个由大到小,由实到虚的一个字体效果:

5种方式教你学会做立体字!

举一反三,很快完成了!

5种方式教你学会做立体字!

方式5-案例B

先看最终效果

5种方式教你学会做立体字!

step1

①把做好的字复制三层,填充两个镜像渐变加白色描边,和一个纯色加白色描边:

5种方式教你学会做立体字!

step2

②框选中前面两个带渐变的字,选择混合工具,依次点击框选中的第一个字和第二个字:

5种方式教你学会做立体字!

选中混合后的字体,再双击混合工具,在面板中选中指定步数,步数15:

5种方式教你学会做立体字!

step3

③把混合后的字和没有混合的字进行右对齐,然后选择混合的字,右击→排列→置于底层:

5种方式教你学会做立体字!

最后再用直接选择工具选中末端的字,移动他的位置就完成了:

5种方式教你学会做立体字!

step4

④用同样的步骤做出剩下的字:

5种方式教你学会做立体字!

组合在一起:

5种方式教你学会做立体字!

再来个排版,搞定!

5种方式教你学会做立体字!

​刘兵克工作室字体教程

本篇作者:熊伟、张高驰

]]>
//www.laura-marie.com/58899.html/feed 0
毫不逊于PS!9个实用AI小技巧 //www.laura-marie.com/58883.html //www.laura-marie.com/58883.html#respond Thu, 19 May 2022 12:08:57 +0000 作者:施博瀚(中国台湾设计师)

INS:bohangraphic

 

01

 

 

 

 

02

 

 

03

 

 

04

 

 

 

 

05

 

 

 

 

06

 

 

 

07

 

 

 

 

08

 

 

 

 

 

09

 

]]>
//www.laura-marie.com/58883.html/feed 0
使用illustrator绘制毛玻璃效果 //www.laura-marie.com/58882.html //www.laura-marie.com/58882.html#respond Thu, 19 May 2022 11:12:50 +0000 简单实用的毛玻璃效果,如何绘制?今天用illustrator来教你怎么绘制出来,一起来学习吧!

步骤/教程:

01、绘制两个相同的图形;

 

02、其中一个使用效果 → 模糊 → 高斯模糊,调整模糊数值按下确定;

 

 

03、图形的其中一半制作成毛玻璃效果,与另一个图形叠合;

 

04、完成!

 

]]>
//www.laura-marie.com/58882.html/feed 0