平面高手课堂！6个简单酷炫的设计技法+实战案例详解

大家好，我是鱼先生。

上次渐变色设计教程出来后，有同学留言私信，说想学习文章中的布局设计教程，所以鱼先生今天就安排好了。

往期回顾：

本文以 6 以实用技能为基础，结合实战讲解，软件是 AI（Illustrator），将从以下三个方面进行详细说明：① 技能应用案例；② 技巧拆解；③ 实战演练。

OK，开始吧！

网格工具是一秒钟学会使用的，学会后，妙用无穷。

1. 技巧运用

先看用网格工具制作的图片，如下图所示：

网格工具快速制作酷背景

书封面的应用

应用于海报设计

2. 技巧教程

添加网格后，每个节点都可以编辑，如下图所示：

OK， 学习技能后，进入实战环节。

3. 实战演练

案例1：渐变色书封面

① 使用网格工具填充，网格建立如下

② 网格变形编辑，编辑后如下图所示：

③ 文本排版，完成后如下图所示：

文字排版是一个很大的篇章，我们今天的重点是分享技能的应用拆解。

如果你是新手，基础不牢固，你可以先复制我的布局。当你有了一定的基础，你可以举一反三，充分吸收知识点。

案例二:五颜六色的酷黑海报

① 绘制图形

练习阶段，画图，大家可以自由发挥。

钢笔工具(快捷键:P），也可以使用变形工具，多尝试，也许可以碰撞更多的灵感。

先用钢笔工具练习试试：

或者我们直接使用 AI 调整软件中自带的变形工具。

我们需要执行：效果→变形。

然后你可以调整如图所示的面板，你可以随意调整，找到合适的图形。

② 图形调整后，使用网格工具填充编辑颜色。

上面已经教会了绘制图形的方法，以下是案例中图形的网格形状，如下图所示：

③ 排版设计的文案。

④ 最后，添加背景元素，增加纹理。

找一张石头纹理的照片。

以填充为背景，完稿如下图所示：

网格工具技巧简单实用，要在设计实践中不断运用，久而久之自然熟练掌握。

OK，继续下一个！

Ai 中的 3D 这个工具特别强大。今天，我们来谈谈其中一点，突出和斜角。下次我们抽出时间告诉你 3D 妙用工具。

凸角和斜角常用于制作一些立体字，或图形立体效果。

1. 技巧运用

三维字母在期刊封面中的应用

数字立体效果

2. 技巧教程

可直接调整参数，也可如图所示，旋转立方体调整效果。

在学习了以上技巧之后， IDEA 期刊封面不再困难。

鱼先生说：

做这种立体图形，一定不要着急，多调试，尤其是最初的学习阶段，多尝试，举一反三，慢慢熟练运用。

3. 案例应用

案例：73 周年海报

设计元素：数字 73；技巧方法：3d 工具

① 打出所需的数字。

② 执行：效果→3D→凸出和斜角

我的参数如下：

完成后，确定，得到以下图案：

毕竟是平面软件中制作的立体图形，明暗过度不均匀，需要我们调整细节。

③ 首先扩展图形的外观，然后调整图形的细节。

选择图形，首先执行：对象→扩展外观

扩展外观后，图形处于编组状态，取消编组或单独选择小白箭头，然后可以单独调整每个表面的细节。

在这里，我调整了每一面的渐变，增强了立体感。

完成后如下图所示：

④ 最后简单排版一下。

以后各种周年庆典，倒计时设计，不怕没有想法吗？

OK，继续！

1. 技巧运用

2. 技巧教程

先看模糊工具的效果，如下图所示：

在 AI 软件执行：效果→模糊→高斯模糊

OK，这个工具比较简单，到目前为止。

3. 实战演练

① 首先用网格渐变画一个圆，并填充颜色

② 使用模糊工具进行调整。

③ 设计完主要元素后，进行文字排版

对于新手来说，海报中文字黑白相间的部分有点难，这里就来说说吧。

步骤图：

① 绘制一个圆→② 原地复制一层需要呈现白色部分的文本，并填充白色→③ 然后选择绘制的圆和复制的文字层，最后执行剪切蒙版(快捷键:Ctrl+7)

结合以下动图：

OK，案件结束后，我们继续！

1. 技能应用案例

图形混合

图形混合

字体混合

数字混合

2. 技巧教程

3. 实战演练

案例：73 周年海报

① 输入所需数字，一个大(红)一个小(黄)，将大数字放在顶部，大致位置如图所示。

② 执行：对象→混合→建立(或直接快捷键:Ctrl+Alt+B）

数字的位置和步数可根据实际情况进行调整。

步数快捷键：先按 W 键，再按 Enter 键(确定键)可以调出步数面板。

调整完成后如下图所示：

③ 调整上述73种颜色，使其更加明显。

单独复制一层大数字 73.放在图形顶部，可以单独调整 73 的颜色。

如下图所示：

④ 最后把文案放进去，做个布局。

当混合步数较少时，数字之间的混合叠层感较为明显，如上图所示。

当混合步数增加时，图片会变得密集光滑，如下图所示。

该方法仍采用混合，增加步数后，画面由叠加感变为光滑。

具体如何使用，我们根据自己的审美，以及项目本身的需求来思考。

OK，应用广泛，大家都在尝试扩展。

1. 技能应用案例

2. 技巧教程

有很多方法可以分割。在这里，我们将重点展示它 Ai 部分形式的中路径搜索器。

如下图所示，有趣易用，大家自己去玩，熟练一点:

3. 实战演练

案例：人物分割效果海报

分割头像后，添加色块会造成体积感。

如下图所示：

文字排版后，如下图所示：

OK，继续！

1. 技能应用案例

线框使用

线条使用

2. 技巧教程

下面就为大家分享两个实用的小技巧。

技巧 1：Ai 实用小技巧执行上一步

先画一条线，然后复制一条，然后我们按 CTRL+D，您可以根据上一步的属性进行复制。

演示动图：

技巧 2：Ai 实用小技巧线的属性

OK，在学习了以上几个小技巧之后，下面的案例就简单了。

2. 实战演练

案例：音乐会海报

① 首先绘制出线，上面已经提到了快速的方法。然后调整线条，借鉴音乐节奏的感觉。

② 调整线的属性，并添加渐变色

③ 设计完主图元素，然后排版文字。

完成后，如下图所示：

也许你认为它已经结束了，但它实际上可以再次优化，这里的背景是纯黑色的，看起来有点单调，我们可以优化。

④ 在人工智能软件中使用混合工具绘制以下线条背景。

鱼提示：绘制方法仍采用混合设置，分别绘制中心小圆和最外边的大圆，同时选择两个圆，实施混合设置。

⑤ 将调整好的圆形材料放入ps中进行调整

执行：效果→扭曲→切变

然后放大图形，最后执行：效果→模糊→动感模糊

⑥ 然后根据文案调整背景。

为了突出文案和主图，我们应该削弱背景的线条。

我在这里使用蒙版，直接用径向黑白渐变拉伸蒙版，然后让中间线消失。

还可以添加叠加模式，关于叠加模式，每个人都可以自己尝试，多尝试总是没有错的。

⑦ 调整颜色，烘托气氛。

在 ps 使用渐变工具调出以下渐变。

将其放置在线图层上，然后调整叠加模式→亮光

图中的磨砂状，我在黑色背景上加了杂色，完成后，如下图所示：

⑧ 最后，排版文案。

ok，这里就分享一下技巧和案例。假如对你有点用，底部点赞支持鱼先生！

写在最后：

技能很容易学，比如上面的技能，我再说一遍，你可以通过尝试来学习。但是学习是否意味着你可以做好设计？

答案当然是否定的。

因为设计不仅需要软件基础，还需要实战能力和思维能力，所以一定要注意眼、手、脑的同步提升。

祝好！

下期见！

欢迎关注作者微信微信官方账号:「摆渡鱼生」