开启辅助访问

QQ登录

注册 找回密码
深夜
查看: 551
回复: 26

应用界面 AI制作长投影效果图标

 

TA的画板

978

元素币

147

活跃度

32

贡献值

元素魔

Rank: 2Rank: 2

积分
3415
主题
41
精华
0
扩散
0
首发
0
土豪金
0
在线时间
30 小时
发表于 2016-4-8 10:22:00

马上注册成为元素者,获取海量元素资源,结识各路大神级人物

您需要 登录 才可以下载或查看,没有帐号?注册

x
AI制作长投影效果图标

在Dribbble、Behance等各大设计社区经常可以看到长投影设计,它看起来像是对“扁平化”风格的一种强化,特别是在设计图标或简单的海报的时候会用上。

网络上自然有很多可以自动生成长投影工具,但是工具只能作为一种媒介,真正学会长投影,并灵活运用始终要从实践开始入手。

此外,我们会在本次教程中用到AI软件,AI软件与PS软件有很多的不同,AI是一个以创建矢量图为主的绘图软件,特别适合做出扁平风的图片。

我们今天将要绘制一系列宝石,并为它们配上时尚又带感的长投影。在本教程中,我只演示一粒钻石的步骤做法,其他宝石可以由大家自由发挥。最后的效果图如下:

143A5G10-0.jpg

一、绘制钻石

在我眼中,绘画是一件非常有趣的事,它在还原我们生活的基础上又添加上我们对世界的想象(如果你足够有想象力的话)。因此,请想象一下你曾经见过的钻石的样子。它是什么形状?它是光芒万丈还是星星点点?它是什么颜色?

问了自己这几个问题之后,你再打开AI软件,绘制出你心中所想的钻石的样子。但请记住,扁平化的创作首先是去掉高光、阴影,因此你的色彩搭配是很关键。另外,你的图形要精准得当,这才能表现出物件本身的特点。

在AI新建一个文档,尺寸为W:600px、H:600px,颜色模式为RGB。使用参考线先进行图形的简单的布局。

143A53416-1.jpg

接下来,开始绘制钻石,从底部开始绘制。用几何作图的好处在于能精确的控制图形。比如三角形、四边形、圆形,这些软件自带的图形都能让你非常精准地稳定画面。出现瑕疵的几率很小。这时,我们需要绘制一个三角形,只需要选择多边形绘图,在“边数”里填上“3”。

143A55T0-2.jpg

调整好三角形的颜色和位置如下:

143A53K7-3.jpg

继续在原来三角形基础上添加另外一个三角形,再在钻石的头部上方增加一个四边形。

143A52011-4.jpg

使用“直接选择工具”,对四边形上方两端点进行移动,都分别往中间移动80px。可以拉入参考线。

143A54422-5.jpg

继续在四边形上方画上两个三角形。

143A529D-6.jpg 143A54a9-7.jpg

将头部两个三角形的不透明度分别降低为30%、20%。因为这三个图形的排列位置分别是从下至上,所以在下方的透明度越低,这样才能让越在上的图形色彩更“浅”。

接着,调整好图形内部各图形的色彩,确保能看清它们彼此的轮廓。

然后再将上下三角形每条路径对齐,让整个钻石的切面更完美。最终调整后的效果如下:

143A539D-8.jpg

接着将所有图形编组,编组后调整整个钻石的大小外形,这里,我将它稍微“压扁”。然后跟着也可以适当调整上下参考线的位置。这里的参考线的位置对我而言是记录尺寸的作用,因为接下来我会继续做几个同样的宝石图形,因此我要让它们都保持同样的大小比例。

143A544X-9.jpg

二、添加背景

下面,我要为这个钻石添加背景,画一个正圆,直径为整个画板的宽度。让它排列在钻石图形的底层。并将为这个背景添加一个渐变,渐变模式为120度的线性渐变。这一渐变是为接下的长投影做准备。

143A55601-10.jpg

三、制作长投影

这时,画一个长方形。将长方形旋转至这样一个角度。以刚刚从钻石的右侧延伸出来为基准,调整好长方形的大小和角度。

143A5G03-11.jpg

这时,通过“ctrl+[”将这个长方形置于钻石的底部同时又在圆形背景的上方。然后同时选中圆形背景和长方形,使用“形状生成工具”,在按住“alt”键的同时单击圆形背景外的不需要的长方形的部分。处理后的效果如下:

143A54355-12.jpg

为长方形添加渐变,渐变模式为-45度,渐变颜色从蓝色到白色过度。

143A55152-13.jpg

渐变设置好后将长方形的图层混合模式改为“正片叠底”。这时,长投影就做好了。

143A55128-14.jpg

四、继续美化

这时,还可以继续往这个钻石增加一些装饰,例如“闪光”。

143A52059-15.jpg

这类图片很适合作为icon或logo使用。当然,海报的设计中也许也能见到它的出现。

143A5G10-0.jpg

资源地址: http://cg.silucg.com/ui/ai/11279.html(分享请保留)








评分

参与人数 1活跃度 +5 收起 理由
花谢语 + 5 阅贴无数,楼主最强!

查看全部评分

使用道具 举报

回复 论坛版权

盘 TA

谢谢分享~

使用道具 举报

回复

盘 TA

元素帖子强,满满正能量!

使用道具 举报

回复

盘 TA

元素帖子强,满满正能量!

使用道具 举报

回复

盘 TA

元素那么大,我想来看看!

使用道具 举报

回复

盘 TA

从业不识微元素,做遍项目也枉然

使用道具 举报

回复

盘 TA

元素帖子强,满满正能量!

使用道具 举报

回复

盘 TA

元素那么大,我想来看看!

使用道具 举报

回复

盘 TA

元素那么大,我想来看看!

使用道具 举报

回复

盘 TA

元素那么大,我想来看看!

使用道具 举报

回复

盘 TA

元素那么大,我想来看看!

使用道具 举报

回复

盘 TA

元素那么大,我想来看看!

使用道具 举报

回复

盘 TA

元素那么大,我想来看看!

使用道具 举报

回复

盘 TA

想要成大触,天天上元素!

使用道具 举报

回复

盘 TA

为了元素币,拼了!

使用道具 举报

回复

盘 TA

从业不识微元素,做遍项目也枉然

使用道具 举报

回复

盘 TA

元素那么大,我想来看看!

使用道具 举报

回复

盘 TA

带你赚币带你飞,元素里面有正妹!

使用道具 举报

回复

盘 TA

带你赚币带你飞,元素里面有正妹!

使用道具 举报

回复

盘 TA

资源哪里好,肯定元素找!

使用道具 举报

回复

盘 TA

好东西,必须顶。。。。。。。。

使用道具 举报

回复

盘 TA

好东西,必须顶。。。。。。。。

使用道具 举报

回复

盘 TA

资源哪里好,肯定元素找!

使用道具 举报

回复

盘 TA

想要成大触,天天上元素!

使用道具 举报

回复

盘 TA

想要成大触,天天上元素!

使用道具 举报

回复

盘 TA

不错不错  

使用道具 举报

回复

盘 TA


谢谢分享

使用道具 举报

回复
快捷回复:
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

元素推荐-友情提示上一条 /1 下一条

快速回复 返回顶部 返回列表