无为清净楼资源网 Design By www.qnjia.com

版权申明:本文原创作者“飞屋设计”,感谢“飞屋设计”的原创经验分享!

写在前面的话

极简应该不算一个冷门风格,而有人鄙夷这类风格的出发点不是视觉价值的判断,而是觉得仿佛一切都来得太容易,而多少对设计这类带着技艺性质的职业有减分的性质,或者干脆把极简视为懒惰。我们的确要认,极简是很容易让人入手的风格,但我们不要误以为这就是设计的全部。

我们今天要做的这款壁纸背景是我近期关于"图片合成"的一些思考,之前翻过很多Photoshop Creative这类杂志,发现很多图片合成的优秀案例,但这些案例在视觉风格上接近拟物时代的那种复杂和写实主义,在扁平化的网页中并不能很好搭配。合成所选用的素材也许并不需要那么全面,有时候只是一个细节片段,也能演绎出彩的效果。

软件名称:
Adobe Photoshop 8.0 中文完整绿色版
软件大小:
150.1MB
更新时间:
2015-11-04立即下载

因此我们要学会的与其说是一门技艺,不如说是一条心法。那就是深入到细节去选取合成的素材,再配合一些绘制的技巧打造一张简约风格的壁纸。用在APP的欢迎插画中也很适宜。

灵感来源

PS怎么设计一张小清新风格壁纸?

灵感图片来自www.pinterest.com的一张摄影作品,从灵感中,我们获得了这种水天一色交接的辽阔感,以及红色的伞这个物件作为焦点与清爽蓝色的一种视觉对比,从而更能突出焦点。组合式风景

步骤01

在PS中新建一个尺寸为1920*1436的新文档。绘制两个渐变矩形色块作为背景,三分之二作为天空的部分,三分之一作为海面的部分。

PS怎么设计一张小清新风格壁纸?

PS怎么设计一张小清新风格壁纸?

TIPS:这里要普及一下我的个人方法,在渐变配色时,很多人都不太能掌控很好,大部分能直接获取来的色板都不算灵活。我们做的任何色彩都可以在PS中运用色彩平衡、曲线、饱和度等调色工具再一次调色,就像你对一张风景照进行调色一样,你会发现你的作品会慢慢朝你向往的配色靠拢。因此一开始在配色时不必拘泥于固定色值,只要找对感觉大方向就行。

步骤02

接下我们先为海面增加波纹,当然,你也可以用画笔或者钢笔工具自己绘制。而我们既然说是要合成,就要学会享受来自"大自然的馈赠"。在网上去搜索一张海面的图片,大致也需要同样平静的海面。然后拖入到图层最上方。

PS怎么设计一张小清新风格壁纸?

步骤03

将这一波纹素材的图层的混合模式改为"强光",透明度降至50%。并将除去海面的部分用蒙版盖起来。

PS怎么设计一张小清新风格壁纸?

步骤04

再为天空增加云朵的部分,同样把云朵的素材拖入文档并置于天空图层的上方。

PS怎么设计一张小清新风格壁纸?

步骤05

将云朵图层的混合模式为"叠加",透明度降至70%。用蒙版抹去天空以外的部分。

PS怎么设计一张小清新风格壁纸?

暖焦点

也是同样源自灵感图,在海天一色中红伞人物的出现非常惹人注目。但从人物开始我们并不需要合成了。我们采用钢笔工具来绘制人物,让这些人物和红伞都趋向扁平抽象的感觉。略抽象化的表达法和自然纹理的风景作为对比。

步骤06

先用钢笔工具绘制出第一块正三角,填充色为红色。然后围绕这个三角两旁分别绘制出其余的三角。每个三角填充的红色都有微妙的差别,让整个造型看起来更立体。

PS怎么设计一张小清新风格壁纸?

步骤07

再绘制伞缘的部分,利用转换点工具将梯形的下方改出一定的弧度。

PS怎么设计一张小清新风格壁纸?

步骤08

人物的背影绘制非常简单。运用简单的几何进行拼装即可。注意头发上部接近伞的部分的阴影。这能增加阳光猛烈的感觉。

PS怎么设计一张小清新风格壁纸?

步骤09

能够增加的点缀还有很多,我们在此除了人物以外,还希望其能与天空产生互动。比如增加一群鸟,那么人物与鸟儿就能产生"观看"的互动了。

选用一些鸟儿的剪影照片,然后将其抠图并加入到画面中。为鸟群的图层增加渐变填色,使其即时作为剪影也能呈现出一定的光线变化。

PS怎么设计一张小清新风格壁纸?

最后的润色

步骤10

最后完成前,我们再进行最后的润色。比如这里再次缩小人物和鸟群的尺寸,使用我刚刚讲过的方法,运用调色工具再进行二次调色。

这里我选用的是增加自然饱和度,以及运用色彩平衡工具对整体画面给予一点淡淡的微妙的粉色

PS怎么设计一张小清新风格壁纸?

步骤11

绘制出手机屏幕尺寸的矩形,然后根据矩形的需要调整细节,以便让壁纸看起来更完美。这时再来选择壁纸的范围,将你认为有趣的画面截取入壁纸。这比你一开始就按照手机屏幕的尺寸来作画要有更大的自由度。

PS怎么设计一张小清新风格壁纸?

最终效果

PS怎么设计一张小清新风格壁纸?

相关推荐:

ps怎么制作彩色半调背景壁纸?

ps怎么绘制一个放射状像壁纸?

ps怎么设计漂亮的绿色格子壁纸效果?

标签:
PS,壁纸

无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com