徕卡富士柯达胶片效果Lightroom预设
下载链接:http://www.mo-yu.com/thread-2239-1-1.html
小编推荐:
人像暖冷艳丽自然肤色色调PS预设
http://www.mo-yu.com/thread-2240-1-1.html
几何立体荧光流体梦幻海报设计素材
http://www.mo-yu.com/thread-2236-1-1.html
三种技巧搞定背景
作为设计师最常听到的一句忠告就是:多看,多想,多练;但仍然有很多设计师不知道该如何入手,本篇文章的初衷是分享一些经验技巧,告诉大家看什么,想什么,练什么?从优秀的作品中如何get到一些比较实用的新技能。
在设计当中,很多时候大家都会忽略海报或者页面的大背景处理,从而导致页面的质感和品质降低,最终呈现出来的视觉效果总感觉没那么精致,但背景恰恰是整个画面中占比较多的部分,适当的进行处理可使画面视觉呈现的品质感增强;
以上面两个优秀作品为例,通过观察我们可以看出,上面的两个作品都是通过对背景的处理,增加了整体画面的质感和精致度,让画面看起来不那么单调死板,第一个案例添加的是圆点的图案,第二个案例则是添加的类似于杂色的材质以及添加图片的形式来营造质感和一定的空间感;下面通过前后的对比再看
通过同样的案例,不添加肌理和添加肌理所呈现的视觉感受完全是不一样的,添加肌理之后整个画面仿佛活了一样,更加生动,相反,左边没有添加肌理就会感觉死气沉沉的;需要注意的是,不同的肌理会有不同的视觉效果,在添加的时候注意肌理的选择,同时也需要注意肌理的清晰度和品质;
理的添加方式有很多种,而不同的肌理也会呈现出不一样的感觉,在设计中我们需要根据整体的画面感觉,适当的添加肌理;这里给大家说几种常用的方法,可根据个人习惯和需求进行选择;
以上图耐克的baaner为例,当我们把所有的素材和文字简单的放好之后,背景没经过任何的肌理添加和修饰,然后我们通过肌理添加的四种方法,对案例进行肌理的添加;
在网上找了一个高品质的肌理素材,利用肌理添加的第三种方法,剪切到整个banner的文件组中,然后把肌理图层的混合模式调整为虑色,这么做是因为画面中整体都是黑色部分,而肌理的图层我们只需要保留除黑色以外的色,并把人物部分擦出来;其目的是为了让画面更加具有质感和逼格,同时也是为了营造画面的氛围;
如上图,把人物擦出来之后整体的效果基本上还可以,但由于画面中的人物是腾空的灌篮姿势,那么针对肌理,我们需要降低其透明度为50%左右;为避免肌理的突出对整体的画面造成影响,把文字以及人物周边的肌理也适当的擦去即可;最后也可以利用曲线调整一下素材的明暗对比
从整体的画面中红可以看出,添加简单的肌理,对整体画面的影响还是蛮大的;另外,在UI设计中或者是网页设计中的一些只有文字或者简单的几何创意图形的画面中,肌理的添加尤为重要;
根据信息我们新建一个纵向的版面,然后把所有的元素都加扔进画面中,并把文字信息和元素依次在画面中进行编排设计,对背景不做任何的处理,虽然整体看上去具有一定的视觉感,但总是感觉少了点什么衬托一样这个时候就需要添加一些背景元素来对画面进行修饰根据整体的画面风格和元素的使用,在优秀的作品中通常会添加一些肌理和线条的元素来强调其所传递的视觉感受;
在对已经修饰的背景画面中,第二次的元素添加大多都是当时动手画的;圆点的添加方式是按照四边形的交叉点进行添加的,同时是置于所有图层之上的
在提升作品逼格的时候,在背景处理方面除了添加肌理增加质感以外,还可以利用渐变或者高光增加画面的层次感和立体感,这也是优秀作品中常用的处理手法之一;但不是所有的项目都适用,具体需要根据不同的项目而定;
在优秀作品中,通常会使用一些不那么明显的细节,其中背景的处理就是非常重要的一部分,而使用渐变或者高光的处理手法也是最常用的方法之一;在案例中我们把所有的信息排列好之后,在背景为纯色的情况下虽然视觉效果也很不错,但如果是加如渐变或者高光的效果,可以使画增添一些层次感;
为背景添加了一个渐变之后,会使得画面中的元素具有立体感也更加的具有层次感在选择渐变的时候需要选择径向渐变,然后调整的合适的位置即可;
添加渐变之后需要注意一个问题,在渐变过度的地方会有放大的层次痕在使用渐变的时候也是经常遇到这种问题,只需要添加一点点的杂色即可化解同时也让画面增添了一些质感;这里处理的方式则是利用内阴影的方式,颜色为与背景一致这么做是把画面四周亚暗一些,同时也是方便添加杂色;
如图所示;在banner或者页面中,通常也会使用一些具有层次分明,过度自然的纹理背景素材,其素材本身就具有一定的立体感,在处理不好的时候可以直接使用,提升工作效率;
在设计中,当你不知道背景要如何处理的时候,可以直接用整个图片或者与画面相关的图片直接剪切蒙版,然后调整透明度或者图层样式即可;大多数情况下则是以画面中的主体进行添加,这样做在增加空间感的同时也不至于让画面的风格跑偏,可以说是背景处理中最为简单的一种方法,同时也是经常会用到的;
整体的版面使用画中画的感觉,我们把所有的信息整理好之后,在没有添加背景的时候,版面整体相对来说有点单调,这个时候考虑一下如何让画面更加的具有空间感,从而让画面更加的真实平易近人;我们把人物直接复制一层,然后移动到主体画面的下方
复制一层之后的人物直接降低透明度为10%,让背景不那么突兀,同时把人物整体的放大,并调整到合适的展示位置,这里把人物的头部去掉,保留中间部分;这个时候不用考虑背景的清晰度,只是需要人物的大致轮廓,让画面瞬间具有一定的空间感和带入感;在页面的设计当中可以直接使用场景类型的素材,这样可以让空间感更加的强烈一些;另外,需要注意背景的不同则需要调整图层的混合模式,以达到完美融入;
在背景添加图片之后,可以再为背景添加一个纹理,这样处理不仅可以规避到一些足够清晰精细的瑕疵,同时还可以让画面增添一些质感的表现,更加具有逼格;
总结
关于背景的处理方法还有很多种,这里简单的给大家例举三种常用的方法和处理技巧,也是平常在欣赏优秀作品种个人的一点点经验;更多的是希望大家通过本篇文章能够学到如何从优秀作品中学习,提炼,最终转化成自己的技能;背景的三种简单处理技巧,可以独立使用,同时也可以相互结合起来使用,经过亲身测试安全可靠;切记千万不要局限于一种方法,学会技巧一定要灵活运用,从此再也不会担心欣赏优秀作品时不知道看什么了;