AI教程!10分钟学会科技感渐变海报

正文 乐搜网   2019-11-7   219



教程

教程作者:设计小余

关于教程

写文章记录设计,也是自己巩固知识的一种方式,当然无私的分享我也希望你们会喜欢并且可以学以致用,受用的是自己哦!

这一次的AI制作科技感图形也是非常简单的,但是图形的效果却是非常好看,看着似乎能给人一种舒服治愈的感觉,当我第一次看到这种效果的时候就很喜欢,相对于前面的科技感图形,这一款看着更加舒服,并且设计也是最简单的啦!

那么还是和以前一样,我们先来看看今天将要学习的图形的效果图吧!

rr-1030-aikjg-1.jpg

那么我们还是废话不多说啦!直接进入我们的正题教程吧!毕竟我们是奔着学习来的~

 

  • 步骤 01

1.1 首先在AI中创建一个画布,大小可以根据自己需要随意设置,我这里设置的是500x500px

1.2 背景颜色随便自己喜好都可以,只要自己在设计图形的时候用不同的颜色区分开来就可以啦!

1.3 我这里还是采用的是深紫色!

AI教程!10分钟学会科技感渐变海报插图(2)

 

  • 步骤 02

2.1 对于图形我们可以选择文字,或者自己画一个其它的图形都可以,我这里就用一个简单快捷的文字来做教程吧!

2.2 我选择的是大写字母“M”,直接使用AI的文字工具打上字母,就OK啦!

AI教程!10分钟学会科技感渐变海报插图(4)

 

  • 步骤 03

3.1 接下来鼠标选中字母”M”对其扩展化,“对象—扩展—确定”即可。

AI教程!10分钟学会科技感渐变海报插图(6)

AI教程!10分钟学会科技感渐变海报插图(8)

 

  • 步骤 04

4.1 同样再选中字母的前提下,对字体图形进行“效果—3D—旋转”。

4.2 在3D旋转选项面板中记得勾选预览,便于观察我们的图形变化,得到自己想要的角度。

4.3 我这里位置选择的是“等角—下方”。

4.4 关于位置可以根据自己的实际想要达到的角度效果,随意选择,最后选择确定即可。

AI教程!10分钟学会科技感渐变海报插图(10)

AI教程!10分钟学会科技感渐变海报插图(12)

 

  • 步骤 05

5.1 下一步,就是对变换的字母图形,再次进行“对象—扩展外观”。

AI教程!10分钟学会科技感渐变海报插图(14)

 

  • 步骤 06

6.1 扩展外观后对图形进行取消编组释放剪切蒙版。

AI教程!10分钟学会科技感渐变海报插图(16)

AI教程!10分钟学会科技感渐变海报插图(18)

 

  • 步骤 07

7.1 接下来把图形改成边的模式,就得到下面的图形。

7.2 改成边的模式后,我们需要再次对图形进行“取消编组”,以及按“delete键删除不需要的路径”。

AI教程!10分钟学会科技感渐变海报插图(20)

AI教程!10分钟学会科技感渐变海报插图(22)

AI教程!10分钟学会科技感渐变海报插图(24)

7.3 得到下面的路径图形。

AI教程!10分钟学会科技感渐变海报插图(26)

 

  • 步骤 08

8.1 下面就是很重要的步骤来啦!

8.2 我们选中图形,按住“shift+alt”键向下复制一个图形。

8.3 然后再按“ctrl+d”两次,复制两个,一共得到4个图形(一定要注意图形图层的顺序,在上面的图层需要在最上层,下面的图形顺序依次向下,不能混乱图层的顺序)

AI教程!10分钟学会科技感渐变海报插图(28)

 

  • 步骤 09

9.1 改变图形的颜色,每个图形用不同的颜色(最下面的图颜色选择和背景色一样的,使最终的图形和背景更加融合)

9.2 选中两个相邻的图形,选择“混合工具”,双击进入混合选项设置面板,按照下面图设置即可。

AI教程!10分钟学会科技感渐变海报插图(30)

 

  • 步骤 10

10.1 使用混合工具分辨点击两个图形的锚点,上面的操作和下面的同样,最终就得到了我们今天的图形啦!

AI教程!10分钟学会科技感渐变海报插图(32)

AI教程!10分钟学会科技感渐变海报插图(34)

10.2 后面我又做了几个不同图形和颜色的:

AI教程!10分钟学会科技感渐变海报插图(36)

AI教程!10分钟学会科技感渐变海报插图(38)

AI教程!10分钟学会科技感渐变海报插图(40)

AI教程!10分钟学会科技感渐变海报插图(42)

 

  • 步骤 11

11.1 我们最主要的图形设计完成后,只需要把图形和背景,以及文案进行排版设计即可。

11.2 我习惯性把图形复制到PS里面进行排版,因为图形的色彩是红色和深蓝色的组合,所以在背景的处理上,我也同样采用了红色和深蓝色。

11.3 红色只是作为边缘的发光装饰元素,背景上的点缀图形也是选择红色和深蓝色的渐变色。

11.4 最终丰富一下背景,简单的排列一下文案,我们简单且大气的海报就出来啦!

AI教程!10分钟学会科技感渐变海报插图(44)

 

欢迎关注作者的微信公众号【设计小余】,分享设计经验、灵感、文章、作品、教程、人生感悟,期待和大家一起进步!设计路上伴你行!

AI教程!10分钟学会科技感渐变海报插图(46)

 

结语

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

相关说明
1、本站大部分资源收集于网络以及网友投稿,本不保证资源的完整性以及安全性,请下载后自行测试。
2、本站所发布的一切非原创资源等仅限用于学习和研究目的;不得用于商业或者非法用途,否则,一切后果请用户自负。
3、本站非原创信息来自互联网收集,版权归原创作者所有,版权争议与本站无关,如有侵权请邮件与我们联系处理。我们会在三个工作日内予以清除。
4、所收取费用仅是收集整理费用,用来维系网站运营,性质为用户友情赞助,并非售卖文件费用,本站不对所实际的版权问题负法律责任。
5、根据2013年1月30日《计算机软件保护条例》为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。鉴于此,本站希望大家严格按此说明研究软件学习,如需商业运营请购买正版!由于未及时购买正版发生的侵权行为,与本站无关。
乐搜网 » AI教程!10分钟学会科技感渐变海报

发表评论

发表评论

正版源码,海量素材,专业课程应有尽有!

立即查看 了解详情