在设计时，我们经常会用到一些图片素材，可是这些图片气势派头各异，有时放到画面中总是感受不搭。但如果换个方法来使用这些图片素材，不仅能让设计更出彩，颜值也会高不少，下面，数艺君教大家几个好用的技巧。01图片素材的使用1.图片气势派头要与设计气势派头一致 设计的气势派头分为许多种。

选择气势派头统一的图片举行设计，会让画面看起来越发统一。我们先来看下图，画面中具备3个要素：桂花茶、猫、石榴。

这张图看起来很缭乱，而且让人感受比力低廉。若单独看每一张图片质量还是不错的，为什么组合起来就显得很乱呢？图片气势派头举例这是因为上面选用的3幅图片的气势派头不统一。设计的气势派头是清新、文艺的，可是图片的气势派头却是杂乱纷歧的，因此应该选择都是淡雅色系的图片。

下面这张图将3幅图片调整为淡雅、文艺气势派头的，画面的“档次感”就提高了许多。气势派头一致的画面2.图片色调要与设计气势派头一致 除了画面气势派头要与设计气势派头保持一致以外，我们在选择图片的时候也要注意图片色调的一致。下面这两张图在气势派头一致的基础上都以黄色系为主，这样搭配在一起不会显得冲突。色调统一举例有些图片也会存在气势派头一致、可是色调纷歧致的情况。

我们可以调整图片的色调，这种方法在制作画册的时候经常用到。气势派头一致、色调纷歧致调整色调，使色调保持一致 3.图片与色块的配合使用有时候，有些图片的色调不是很显着，尤其是彩色图片，所以图片的气势派头无法统一。这时我们可以通过搭配色块的方法让图片的气势派头保持一致。

搭配色块让图片气势派头统一当图片信息比力庞大、画面元素比力富厚的时候，我们也可以在画面上添加一些色块。这里的色块起到的作用与留白的作用是一样的，为画面营造透气感，让画面形成繁简之间的对比。搭配色块增加留白4.解决图片像素不够的问题 有时客户给的素材图会泛起像素不够的问题。

在设计时，细节不够富厚和画面不够细腻的图片是不能用来作为主图的。对于这类图片该如那边理呢？如果图片的像素不够，我们可以通过拼合图片并搭配色块的方式，使用多张图片和多个色块组成一个面来作为主视觉图。但要注意，要保证所有的图片气势派头和色调是一致的，图片的亮度也要统一，不能有过亮或过暗的图片泛起。

图片组合及色块组成主视觉图5.置入画面的比例许多新手设计师在使用图片的时候，总会迁就图片的原始状态。如果想让画面更有打击力，想让人们一眼就能看到图片的主要信息，将图片举行放大，展示局部效果即可。纷歧定要将图片完整地展示出来，展示一部门的效果反而会更好。

完整展示素材 将素材放大只使用局部通过上面两张图可以看到，只是对图片的置入比例举行了改变，可是画面出现的视觉效果完全纷歧样。所以，在使用图片的时候，可以实验将图片举行放大，展示局部的效果。下面，数艺君用一个网站系列头图设计实例，来复盘一下图片素材的使用技巧。02网站系列头图设计实例网站头图与Banner类似，也是放在网页上展示的图，不外网站系列头图一般是用来展示企业业务类型或网站功效的。

这里将解说网站系列头图的完整设计流程。1.设计要求客户来自一家设计公司，想要制作一套网站头图，在网站的轮播页面上展示。在气势派头的选择上，客户希望能够偏潮水、前沿一些，可是不要太另类。

客户信息：一家设计公司。制品用途：官网首页轮播展示。宣传重心：服务项目展示。

所需素材：全部服务项目文案。设计要求：气势派头偏潮水、前沿一些，可是不要太另类。尺寸：1920像素×550像素。

内容：客户给出的设计文案如下。品牌设计：企业标志设计、企业形象设计、企业品牌治理、企业祥瑞物设计。画册设计：企业宣传画册、企业产物手册、企业员工手册、企业文化刊物。平面设计：宣传海报设计、传单折页设计、办公识别设计、手绘包装设计。

微信平台开发宣传：微信平台建设、动态H5页面制作、企业微信搭建、微信民众平台托管。客户案例。2.分析与构想 凭据客户的要求可以相识到，客户的主要诉求是体现画面的设计感，可是设计师必须要思量设计气势派头的兼容性。

后期客户会在网站上展示自己设计的案例，这些案例的气势派头各异，如果气势派头差距太大，会导致整个页面很杂乱。那么，解决页面杂乱的最好方法就是留白，因此头图的气势派头应该以一种设计感强且画面相对简练的方式出现。3.设计举行时 划分文案品级：客户给的文案结构很清晰，文案层级的划分也比力简朴。品牌设计（大标题）：企业标志设计、企业形象设计、企业品牌治理、企业祥瑞物设计（二级文字）。

画册设计（大标题）：企业宣传画册、企业产物手册、企业员工手册、企业文化刊物（二级文字）。平面设计（大标题）：宣传海报设计、传单折页设计、办公识别设计、手绘包装设计（二级文字）。

微信平台开发宣传（大标题）：微信平台建设、动态H5页面制作、企业微信搭建、微信民众平台托管（二级文字）。客户案例（大标题）选择合适的气势派头：通过前面的分析搜索一些参考素材。

例如，以下几张当下比力盛行的渐变气势派头的素材。这种气势派头比力切合客户的设计诉求，有设计感，新颖且不另类。参考图1 参考图2参考图3视察前面3张图可以发现它们的一些配合点。在画面的体现方式上，使用了流体或球状联合渐变的方式，给人一种光影流动的感受；在画面配色的选择上，以冷暖色的渐变为主，其中参考图1和参考图3的配色更切合本次的设计要求；在画面元素的选择上，参考图1和参考图3都以圆球作为粉饰元素。

我们要在这3张参考图的基础上增加留白，以完成对网站气势派头兼容性的要求。正确建设画布：使用软件：Photoshop CC 2018。尺寸：1920像素×550像素。

颜色模式：RGB。分辨率：72ppi。因为要对画面中的元素添加渐变等效果，所以在Photoshop中操作更利便。

新建文档，对各参数举行设置。设置网页宁静区:01 建设辅助线，盘算辅助线尺寸的方法是1920像素（头图宽度）–1200像素（宁静区）=720像素，720像素/2=360像素，每边的辅助线应该是距离边缘360像素的位置。因为辅助线都是从左边开始算起的，所以第1条辅助线的位置是360像素，第2条辅助线应该是1920像素–360像素=1560像素的位置。使用快捷键Alt+V+E调出“新建参考线”对话框，然后对参数举行设置。

第1条辅助线位置第2条辅助线位置02 设置好辅助线，画布上辅助线以内的区域就是主要的设计区域。画布上辅助线的位置绘制主展示图:01 下载一个立体样式的样机，在该样机中找到智能工具图层，用来替换当前设计的内容。立体样机 找到智能工具图层02 进入智能工具图层的内部，删掉原有的画面，重新输入需要的文字。03 输入文字之后，生存并关闭智能工具。

回到适才的操作界面，原文件会自动更新智能工具，所以我们可以看到刚刚输入的文字有了立体的效果。图1 在智能工具内部替换所需的内容 图2 获得的立体字效果04 样机中的图是有配景的，这里可以将配景隐藏。如果有超出立体字区域的图像，需要将其放到立体字区域内部，并将该图层删除，也可以对该图层建立剪切蒙版。

按住Alt键，在两个图层中间举行单击，然后使用快捷键 Ctrl+Shift+Alt+E生成一个盖章图层，再将全部图层合并，作为一个新的图层。隐藏配景后，除了需要的立体部门以外都是透明的，这样对于后续的操作才越发利便。

05 将合并后的立体图像图层拖曳到建设好的画布中。06 获取图像图层的选区，按住Ctrl键单击图层预视框。

整理并盖章图层将图像拖曳到建设好的画布中获得立体图像图层选区07 在立体图像图层上面新建一个图层，然后命名为“渐变颜色层”，再打开“渐变编辑器”对话框，新建一个渐变颜色层，颜色由玫红到亮蓝，一共建设4个色块。在立体图像图层上新建一个图层 设置渐变颜色08 选中新建的“渐变颜色层”，并拖曳渐变条，使渐变色由左到右铺满整个选区。

因为选区中包罗半透明的阴影部门，所以这部门在画面中也会被填充上渐变色。填充渐变09 这是最关键的一步，将图层的“混淆模式”设置为“颜色”。至此，完成图像部门的制作。更改图层模式 渐变立体图像制作完成设计文字部门：01 将文字部门放在LOGO的左边。

根据前面讲过的排版规则，中文标题搭配小字号的英文会使画面效果更好。因此这里在大字号标题下配上了小字号的英文，同时，文字组与右侧的LOGO部门保持对齐。

输入文字部门02 为文字添加渐变效果。添加渐变的方法有许多种，为了利便后续其他头图的使用，这里使用了“图层样式”中的“渐变叠加”效果。双击文字图层，在弹出的“图层样式”对话框中选择“渐变叠加”，然后举行参数设置。添加“渐变叠加”的图层样式 文字效果03 除了添加渐变效果以外，还可以为文字添加投影效果。

双击文字图层，在弹出的“图层样式”对话框中选择“投影”，然后举行参数设置。添加投影效果 添加投影后的效果04 复制大标题的图层样式，对英文叠加一层渐变效果和投影效果。

复制图层样式后的效果05 绘制一个矩形选框并输入文字，制作“开启设计”矩形按钮。绘制“开启设计”矩形按钮添加边框汇聚视线:01 为了让视线越发汇聚和增强立体效果，可以绘制一个边框。绘制边框02 删掉边框与文字和图像重叠的地方。

选中边框图层，单击“图层”面板下方的“添加图层蒙版”按钮 ，为图形添加一个蒙版。在蒙版中，玄色表现隐藏画面，白色表现显示画面，所以在想要删除的部门涂黑即可。在蒙版上填涂玄色隐藏画面使用蒙版填充后的画框 添加二级文案:客户给的文案中另有一些业务的展开先容，也要将其排到画面中。将文字直接排上去显得没有设计感，因此可以在文字前面添加小方块，作为装饰元素，还可以引导读者阅读文字。

添加二级文案绘制球形渐变粉饰:01 参考前面搜索的素材图，绘制一些渐变的球体效果。这里对球体举行巨细变化、模糊处置惩罚并调整图层顺序，使画面看起来更具有立体感。添加球形渐变粉饰02 为球体添加杂色，增加画面的纹理效果。选中工具，执行“滤镜>杂色>添加杂色”菜单下令，然后在弹出的“添加杂色”对话框中举行参数设置。

最后视察整体的效果，可以看到文字内容都在宁静规模内。调整杂色参数整体效果使用同样的方法制作其他头图:01 将其中一张头图制作好之后，运用这个思路完成其他头图的制作。

下图使用了办公用品样机来表现客户案例页。客户案例页02 下图使用了带有尺寸标志的纸张来表现平面设计页。

平面设计页03 下图使用了手机图片和微信标志来表现微信平台开发页。微信平台开发页04 下图使用了画册样机来表现画册设计页。画册设计页自我修改——整体气势派头一致:因为这些图最后将在网站上轮播，所以每一页的画面气势派头都要保持一致。这里所说的一致，除了前面讲到的元素和配色的一致，图中的样机部门也只管以白色为主，使画面气势派头越发和谐。

4.效果运用与提交制作提案图:制作提案图的时候，可以为设计稿添加一个配景，然后为配景添加渐变色和杂色的效果，再为设计稿添加一个投影效果，使画面的效果更富厚。注意，提案图的尺寸要小于原图的尺寸。提案效果图向客户表述设计思路:本次设计在气势派头的选择上，接纳了当前很是盛行的流体渐变气势派头，这种气势派头大气、新潮，而且耐看；在颜色的选择上，使用了当前盛行的蓝色和紫色，并配以大面积的留白削弱颜色的主导性，这样在搭配其他气势派头的设计时可以起到弥补、辅助和烘托的作用。

本文来源：yobo体育网页版-www.biotulin-china.com