扁平渐变风格插画——孔明灯壁纸绘制过程

用户头像
深圳/UI设计师/7年前/449浏览
扁平渐变风格插画——孔明灯壁纸绘制过程
扁平渐变风格插画——孔明灯壁纸绘制过程(图ZMTM4NTEyMTE2) - 闪屏/壁纸 - 站酷设计师画画的小红帽原创素材 - 站酷ZCOOL
第一步:确定主题。
因为我是自己创作,所以自行拟定任务书
时间:元宵节
地点:都市
人物:情侣
氛围:安静而又浪漫的氛围

第二步:绘制草图
Collect
扁平渐变风格插画——孔明灯壁纸绘制过程(图ZMTM4NTMwOTI4) - 闪屏/壁纸 - 站酷设计师画画的小红帽原创素材 - 站酷ZCOOL
第三步:搜集相关素材
在花瓣网搜索关键词“孔明灯”,
Collect
扁平渐变风格插画——孔明灯壁纸绘制过程(图ZMTM4NTMyNDUy) - 闪屏/壁纸 - 站酷设计师画画的小红帽原创素材 - 站酷ZCOOL
这一张作为整个场景的氛围参考
Collect
扁平渐变风格插画——孔明灯壁纸绘制过程(图ZMTM4NTMyNTMy) - 闪屏/壁纸 - 站酷设计师画画的小红帽原创素材 - 站酷ZCOOL
这一张作为孔明灯细部呈现参考。


第四步:确定色调
在https://webgradients.com/网站找到符合都市夜晚的色彩。
Collect
扁平渐变风格插画——孔明灯壁纸绘制过程(图ZMTM4NTMyNzQ4) - 闪屏/壁纸 - 站酷设计师画画的小红帽原创素材 - 站酷ZCOOL
复制渐变色样式:background-image: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);

第五步:ps绘制
这一步把各种形状形状勾勒出来,分了近景、中景、远景进行绘制。过程中添加元素的阴影和人物的环境色。孔明灯有部分做了动感迷糊处理,使画面有动静的变化。最后添加一些细节,制作一些萤火虫位于前景区域。

第六步:文字表现
选了比较普通的Arial,调整一下大小,颜色,字间距,各段文字中轴对齐。
Collect
扁平渐变风格插画——孔明灯壁纸绘制过程(图ZMTM4NTMzMjAw) - 闪屏/壁纸 - 站酷设计师画画的小红帽原创素材 - 站酷ZCOOL
就这样大功告成啦
Collect
11
Report
|
6
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
Log in