AI新手教程:教你创建精致闪亮的长投影宝石 - 优设-UISDC

AI新手教程:教你创建精致闪亮的长投影宝石

2014/07/30 21788评论区

AI新手教程:教你创建精致闪亮的长投影宝石

@飞屋睿UIdesign :长投影是目前最为流行的一种设计趋势,在Dribbble、Behance等各大设计社区几乎无处不在,它看起来像是对”扁平化”风格的一种强化,特别是在设计图标或简单的海报的时候会用上。

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

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

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

AI新手教程:教你创建精致闪亮的长投影宝石

一、绘制钻石

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

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

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

这里要提醒大家的是,在操作这一步骤之前请确保参考线处于”锁定”的状态,否则,当你对端点进行移动时参考线也会跟着一起滑动。请在”视图”菜单下”参考线”一栏中”锁定参考线”。

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

AI新手教程:教你创建精致闪亮的长投影宝石

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

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

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

二、添加背景

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

AI新手教程:教你创建精致闪亮的长投影宝石

三、制作长投影

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石

四、继续美化

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

AI新手教程:教你创建精致闪亮的长投影宝石

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

AI新手教程:教你创建精致闪亮的长投影宝石.png

扁平化教程推荐:

《PS新手教程!教你创建一个扁平化胖次图标》
《手把手教!用PS设计一枚IOS 7风格日记图标》

cm2-logo

原文地址:jianshu
作者:@飞屋睿UIdesign

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

=================== 晒照赠书!设计师男神女神在哪儿? ===================

炎炎夏日!送书解暑!现在优设微信社区也有送书福利活动啦!

【活动日期】本周一(7月28日)至周日(8月3日),发话题时附上自己的真实照片即可。
【活动规则】根据大家的【点赞量】选取男/女神各一名
【活动奖品】我们会送出图灵出版社《网页设计创意书(卷2)》哦!

P.S.照片不能作假哦,必须是本人的真实照片,带脸照!! 工作照、生活照、都可以,当然一起上更好了(*^__^*)
早发皂片早收赞,微信的小伙伴们赶快行动起来吧~\(≧▽≦)/~
进入优设微信,看到底部 点击“聊天交友”进入【优设聊吧】  在点击一次“发话题”就可以爆照啦~快快行动起来吧~

beauty

========================== 参 与 方 式 ==========================

①首先,你要关注一下优设哥的微信啦~【youshege】或者直接扫描二维码:

sdcweixin

②然后,进入优设哥的微信,看到底部,点击“聊天交友”进入【优设聊吧】

make friend

③在点击一次“发话题”就可以爆照啦~ 快快行动起来吧~

new post

P.S.群内如果有亲想要参与微社区活动,但是手机不支持传图发帖的可以联系@【江苏】花花

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ai-long-shadow-diamond

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 职场 设计师专访 素材下载 设计流程 用户体验设计 视觉设计 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里