云骑士一键装系统-简单一键在线装机工具,一键备份还原功能让系统维护更方便!
BIOS设置 win10教程 win7教程 U盘教程 xp教程 win8教程 电脑故障 电脑资讯 手机教程 软件教程 游戏攻略
当前位置:云骑士 > 使用教程 > 软件教程 > photoshop怎么实现渐变扁平化插画风

photoshop怎么实现渐变扁平化插画风

文案作者: 骑士
2020-11-20 18:04:46
播放量:

1. 在PS中ctrl n建一个画布为750*1335, 分辨率72。

photoshop怎么实现渐变扁平化插画风

2. 在画布上给画面一个背景颜色,背景颜色在前期构想中就要有个想法,大致要什么样的颜色。渐变色填充整个背景,背景色彩会主导整个画面颜色方向渐变数值为:

#83a3ea #ebd0e2 #fee9e0 #d3c2e3。

photoshop怎么实现渐变扁平化插画风(1)

3. 确定天水地分割线,分割线会更清晰的知道哪部分是天上的部分空间,哪些是水面的部分空间,哪些是地面的空间,CTRL R标尺下相应位置作为标记。

photoshop怎么实现渐变扁平化插画风(2)

4. 绘制小山可在PS中或者AI中绘制,哪个方便就用哪个,没有特意要求,把小山放在天水分割线处,给小山颜色#b2a2cc 然后复制出一层小山作为倒影,颜色#e6d6e0。

photoshop怎么实现渐变扁平化插画风(3)

5. 绘制阳光在AI中绘制了一个阳光,拖拽到PS中,阳光填充颜色:#fffff 阳光在PS中显得比较突兀,和整体不融合,这样就需要给圆做一个外发光。

选中阳光图层右键-混合选项-外发光,混合模式:滤色、不透明度75%、图素大小:27,方法:柔和,颜色:#ffe7e3。

photoshop怎么实现渐变扁平化插画风(4)

6. 湖面处理在底色上复制一个太阳缩小一点太阳,垂直旋转作为投影。

滤镜-模糊-高斯模糊,然后给投影一个透明度60%。

photoshop怎么实现渐变扁平化插画风(5)

7. 湖面阳光倒影处理使阳光及湖面更真实做进一步的细化。

在AI中绘制这样的图形,然后拖拽到PS中。给图形一个颜色,让图形融合水面颜色值#faf6f8。

photoshop怎么实现渐变扁平化插画风(6)

8. 在AI中绘制线条图形,拖拽到PS中,有点像水纹的感觉海面不那么平平。水纹只是个辅助的作用,所以不用那么突出。把水纹的颜色调整体融入一些,颜色#f8eef1。

photoshop怎么实现渐变扁平化插画风(7)

9. 湖面也处理差不多了、那么给整个画面增加一些辅助气氛、在AI中画的小船渔夫导入到画面中,摆放好位置,给小船一个颜色#bba8da,这样小船感觉像在空中飘着,紧接着给小船一个阴影让小船有一个厚重感是在海面上飘着的。复制一层小船,然后旋转把小船压扁一些感觉像个倒影、给小船阴影一个颜色#ded1f3。

photoshop怎么实现渐变扁平化插画风(8)

10. 在AI中绘制海豚的时候要拆分分层两个部分,一个整个的海豚和海豚下半部嘴的部分、拆分的原因是在上色的时候会更方便一些。

photoshop怎么实现渐变扁平化插画风(9)

把海豚放在相应的位置,放在太阳正上方有一些太居中,往右移动几像素从视角上来说生动了不少。然后给海豚一个渐变的色值,从左上方拉到右下方、色值为:#dbd1f8 #a789d3 要注意的是#a789d3给的多一些、因为这个是主色调。然后把海豚的第二部分嘴下半部元素组合给一个色值:#f8e1fe。

photoshop怎么实现渐变扁平化插画风(10)

这个海豚看似是完成了,其实应该在细节上在给一些环境色,选中海豚图层,按住CTRL 左键单击。框选海豚然后按照箭头位置给一些渐变色,完毕之后CTRL D取消线框,加完是不是更加的融合、更加的饱满了。

设计中的确是需要一些夸张的手法,但是也需要符合一些场景,所以需要给海豚加一些特效,对了就是出水时候的水滴和水花,营造一下气氛,放在最佳的位置、然后给个颜色。水花色值#f8f6f7这样才是一个完整的出水海豚。

photoshop怎么实现渐变扁平化插画风(11)

11. 岸边根据草图从形态上做一些艺术处理、折叠起伏这样的岸边、画一个元素图形就可以,变换一下位置折叠,接着就是给一些渐变色值:#ecdcea #c7bce5 从上往下渐变岸边完成之后感觉空一些,增加一些元素来点缀一下,营造一些气氛。三角面分隔明显,对比也比较强烈,所选三角作为装饰。明暗之间的对比,融合主色调做一下纯度的降低。立体三角元素画一个就可以,然后复制大小远近去做组合。

photoshop怎么实现渐变扁平化插画风(12)

12. 天空的处理,增加一些云彩,及星星点点元素即点缀了画面,也让整个画面饱满和符合画面气氛。到现在这个步骤画面已经完成,给画面加分地方就是在来一点英文,这个画面整体感就提升。看上就会高大上一些。放一些比较细的英文字体,比较干净不破坏整个效果。在做图的时候图层整理分组也是一个优秀设计师日常设计良好习惯,更清晰的分组。

photoshop怎么实现渐变扁平化插画风(13)

photoshop怎么实现渐变扁平化插画风(14)

photoshop怎么实现渐变扁平化插画风(15)

Photoshop为野花中的美女加上小清新的粉黄色
图文
Photoshop为野花中的美女加上小清新的粉黄色
打开素材图片,创建可选颜色调整图层,对黄、绿、洋红进行调整,参数设置这一步给背景部分增加橙黄色。创建曲线调整图层,对RGB、红、绿、蓝通道进...
阅读:104 发布时间:2020-09-05
可爱的photoshop文字特效教程
图文
可爱的photoshop文字特效教程
打开ps,创建文件,图案叠加,添加图案,叠加,圆形硬边笔刷画出圆形,颜色加深,创建阴影文字,旋转文字节点,添加正文,图案叠加,颜色叠加,选...
阅读:345 发布时间:2020-11-16
photoshop怎么去除人物脸上的褶皱
图文
photoshop怎么去除人物脸上的褶皱
选中皮肤皱纹最强烈的通道,复制并对其执行高反差保留,用画笔将不想选择的区域用相近的颜色涂抹,强化选择区域,用强光,会把让比50%中性灰暗的地...
阅读:196 发布时间:2020-08-11
用Photoshop如何裁剪图片
图文
用Photoshop如何裁剪图片
打开安装的PS图片处理软件,然后点击文件菜单中的打开按钮,打开图片以后,点击左边的工具箱的裁剪工具,按住鼠标左键不放,选择你要裁剪的图片范...
阅读:1059 发布时间:2021-08-18
Photoshop制作将美女照片转为SD娃娃效果
图文
Photoshop制作将美女照片转为SD娃娃效果
打开女孩图片,打开色阶,减少亮度,增加对比度,由于增加对比度的同时,增加了饱和度,所以打开色相/饱和度,减少饱和度,打开色彩平衡,将减少红...
阅读:125 发布时间:2020-09-03
索尼笔记本重装系统教程
索尼笔记本重装系统教程
浏览:12483
2020-10-15
笔记本进不了系统
笔记本进不了系统
浏览:13622
2019-11-29
hp笔记本重装系统
hp笔记本重装系统
浏览:7643
2022-01-05
电脑中病毒了怎么办
电脑中病毒了怎么办
浏览:27810
2018-08-09

客服二维码

邮箱:9145908@qq.com (请将#换成@)

Copyright 2013-2020 云骑士( http://xitong.credit189.com/ ) 版权所有 All Rights Reserved   鄂ICP备2023010145号-1