恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

渐变插画临摹—保姆级渐变浪漫风景插画

原创文章 分类: 教程 版权: 举报
1653 34 29 4
2019-11-29
12.7


  • 前言:


一直研究渐变,就会发现,渐变这几年除了表现我们普通日常所见的图标化的个体以外,还可以表现更大更复杂的风景。但是后者会有一定难度,渐变在扁平的平面内更好去展示细节(比如要表现云朵或者空中漂浮的柳絮等)。


过两天,看到喜欢的作品,很好的展示了扁平与风景的结合。在现在工作上视觉工作,更加体现作品的细节。因此,景色用渐变和色块高光的组合,就这样一步步展开。


工具:

Adboe illustrator (2019)、Adboe Photoshop(2019)



草图过程


STEP 01


首先,我们打开AI新建一个文档,我这里的文档大小设置为 1700*1200px 。




STEP 02


构图


在很多书上和经验文章中都总结的很好!我们经常听过L构图 、S型构图、T字型构图 

所谓的具象形状构图,简单来说(以L构图举例子)就是在画面里面中,所有的重要元素在围绕/靠近L形状进行摆放,前期这种理论指导实践的方式,做起来其实不容易,但是失为学习欣赏好作品的构图方式。实际前期没必要拿理论去套用,会扰乱我们本身的创作的灵感。

平时我们看到的一些理论和规律,其实也是属于创作者个人在创作中得到的总结,但是我们的创作是种实践,最终我们还是得自己领悟到,运到到自己的作品的适用程度。


这里分享下我之前学过的书籍,当你觉得缺乏构图的思维时不然看下也许会有启发!

有很多优秀作品的构图可套用,想要独立创作场景,还需要增强画面构图能力。


参考书目PDF百度网盘下载地址:

链接: https://pan.baidu.com/s/1UouFW697rqG0saMFXMSFDg

提取码: 2b5h 

-------------------------------------建议收藏-------------------------------------- 



吸取灵感---优秀作品、摄影作品、艺术作品


多看多看多看,多思考

好的作品很多,多欣赏再分析,为什么作品构图好,好的地方是什么,学起来!再分析为什么自己做的不够具有吸引力,怎么去修改会更好,这样我们在自身的审美能力的同时也能更快的提高构图能力。



焦点


我们用手机拍照的时候,会看到这个九宫格的线条,其实目的就是为了让大家把焦点放在四个交点附近。我们平时在创作中可以很好的利用到这四个焦点,使得画面重心不会太偏移,为画面打好基础。

九宫格




层次感


我们再看风景照的时候,不难发现画面中的前景中景后景,使得画面更有层次感。同时我们再次创作的时候时常会使用到这个方法。能增强画面的纵深感和层次感,将场景中的元素联系到一起,让画面更加耐看

很巧妙地运用了树实现画面的纵深感这幅画很巧妙地运用了树实现画面的纵深感

需要注意的是前景 中位于主体前面或靠近前沿的人或物,背景位于主体后侧。在画面中,用以陪衬主体,或组成戏剧环境的一部分。具有烘托主体和装饰环境等作用,并有助于增强画面的空间深度,平衡构图和美化画面。 





STEP 03

画草图当中去探寻各种可能的表现方式,这里能表达出大概的想法就可以,随便画!


而我的想法是想画旅游中露营的场景,先打个草稿


--------------------------------------------------------------------------------------

记得先把九宫格的辅助线画出来,主体焦点暂定是在左下角

发现没有草稿里的画面只有中景(人物,主题焦点偏下)和后景(天空),没有前景,因为焦点偏下,所以前景不适合安排在下方,视觉会下坠。所以这里我觉得前景应在两旁

这里在两边加一些花草点缀,使得画面更有纵深感






之前有朋友问怎么再AI里更好的画出平滑的曲线,这里教大家一个小窍门,可以帮初学的小伙伴更好更快的的画出平滑的曲线


1)用钢笔勾勒形状的时候,不要拉出弧线,保持角度


2)勾勒好初始形状后,选择-直接选择工具




选中直角就会出现个锚点,拉动锚点就会变成圆角





STEP 04


调整好圆弧度后,通过灰度(插画颜色规则-前深后浅)来区分景物前后关系




STEP 05


再次优化细节,注意前后明亮之分(主亮副暗) 



STEP 06


根据打好的基调,进行配色

先定好基础颜色

填完纯色色块大概的效果就出来了,这一步按自己的感觉来

注意颜色的纵深关系---越远的颜色越浅,越近的颜色余越深(这一法则普遍适用于扁平插画)




STEP 07


风景现在看起来很扁平,原因是没有光线的反射

很多小伙伴到这一步就结束了

一般在这里处理火的反射和月亮两个光线


为了方便快捷的处理一般会导到ps去处理

这里遇到很多小伙伴有疑问----ai导到ps怎么保证图层不合并


这里再和大家介绍另一个小方法----做好的图先保存为AI格式存底(很有必要,以防客户要修改);然后再保存为ps格式,步骤如下文件-导出-导出为-ps格式

在保存路径找到该文件,该文件就是该图分图层的ps格式

神奇吧!不过弊端就是不能透视和扭曲图形,修改只能等比例去做修改,这个会受局限,不过如果真的要改可以在原ai图层文件做完修改再次保存。



STEP 08



根据光源的关系相应图层做渐变处理,我这里大概用了几十个微渐变

做细节很需要耐心,一般按光线规律调的越多,画面会越区域完美,耐心耐心耐心【用画笔快捷键B---调不透明度和流量,建议少量多次,会使颜色过渡更多自然】


PS-不要忘记小细节比如杯子的和树叶也会有反光,水波纹也是不可确少,可以增加画面的动感 





STEP 09


 完善后景--天空

夜晚的天空占的比例也是蛮大的,为了感觉不空,加上一些装视元素

星星、云,记得控制好大小颜色,忌喧宾夺主,建议可以通过透明度来把控平衡




STEP 10


一副舒服合理的画,必须要考虑到 前景 -- 中 --后

所以在两个边角加一些辅助元素

个人感觉-合理的辅助元素越多,画面会越精彩

道理就和一部电影,配角越多看起来故事更曲折,精彩一样!哈哈

最后画面的纵深感更加强烈,增加了飘动的火光,这里运用了几个工具

(外发光、高斯模糊、径向模糊、动感模糊)交叉使用,也看个人习惯于美感。


-----装视图案颜色会偏灰,是正常的,基于近深远浅的规制,饱和度太高的颜色会抢了主体,造成画面的主次颠倒!




扁平的魅力



扁平相对其他表达方式,看起来比较平静,制作周期短,这也赋予了在商业应用上的实用性

扁平渐变用色,关键是色。其实重点还是在对颜色的运用上,控制颜色过度自然 。

色彩是感性和理性相结合的领域,并且感性的成分占了更大比例,因此我们需要的不单是色彩的知识,更是色感的训练。多看多练习才是进步的关键。。。



每次练习,感觉做完后的思考,会比做本身更有意义,构图和处理手法

通过思考,拓展思维和学习的模式,学习新的思路

不断地学习,快速进步的方法就是不断地思考(至少我是这样)




当看到一个不错的平面效果,我会查阅国内外相关的设计方法,照他们的方法操作,发现其中不足和可取之处,结合我自己的方式。如果写得不好,那是我能力的问题!

希望大家都能分享更好的方法和作品。



冬天虽然来了,但是嘛,只要心里有春光,那里不是遍地开花,希望看到文章的你,已经开启今天明媚的一天~




Powered by Froala Editor

PONGNI

自由"杂技"设计师

222粉丝/59关注

助人为乐原创达人收藏家lv.3勤学标兵lv.1
如何系统学习并运用色彩搭配BELL.-K12交互视觉UI界面设计

你确定要举报渐变插画临摹—保姆级渐变浪漫风景插画

如果查出恶意举报,十天内禁止提交任何举报申请。

0/200

上传证据: 超过10M的附件请使用网盘地址

点击上传附件

对谁可见:

全部设计师
  • 全部设计师
  • 推荐设计师和认证设计师

您确认要推荐?

该作品发布时间:2019年11月29日

评分

完整度

启发性

勤奋性

排版布局

推荐心得

建议20-200字以内

0/200

扫描二维码
去手机端查看海报

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票

账号或密码错误,请重新输入

账号或密码错误,请重新输入

登录

账号或密码错误

发送验证码 120s 验证码错误

登录
//

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2020 UI.CN