PS是平面制作软件，那么你知道如何快速的制作简单的图文排版么？下面我们跟着以下图文步骤，学习下制作的方法。
工具/材料Photoshop CC
素材图片
一、新建文档并置入新的素材 01打开PS软件，创建一个新的文档。
注:尺寸设为:720*1280（分辨率：300像素/英寸）
02选择“图层 1”图层，通过油漆桶工具填充前景为纯白颜色。
03在文件菜单，选择“置入嵌入的智能对象”，快速将其添加到空白文档上。
二、设定渐变属性 01将素材图片，调整到合适的大小。
02为导入的图片，添加蒙版图层。
03选择渐变工具，长按鼠标左键选择即可！
04将渐变设为第一个也就是前景与背景颜色，通过鼠标单击即可！
三、制作羽化效果 01选择刚才建立的蒙版层，通过鼠标左键单击蒙版图层。
02使用画笔工具，将前景设为黑色，擦除画面上的硬边。
四、建立竖排文本 01使用矩形工具绘制一个边框，通过描边命令为其描边。
注：将颜色设为：黑色，描边大小约：2~3像素
02使用文本工具输入文本内容，在文本选项工具栏找到转变文字方向的按钮，将文字转变为竖向的！
03在文本图层上，添加描边效果。
五、设定描边 01在新弹出的混合选项面板，设定描边的颜色。
02调整描边的大小，完成最终效果。
图文搭配是是平面设计的基本功。给照片配上文字，与平面排版有相通之处，但因为偏重不一样，所以处理方式截然不同。照片的文字，重在衬托照片，而平面设计的文字则重在传达力量。前者更多的是一种点缀，而后者更多的是一种武器。所以，照片的文字是为了引导人们更好的观看照片，而不是喧宾夺主。下面就介绍几种比较好看、美观的图文排版方式，以供排版者按照需求进行选择：
文字渲染型——何为文字渲染型？简单点儿讲，就是让人们分配更多的注意力到文字，进而用文字优化画面。运用这个类型，最重要的就是要选好字体。字体的选择几乎决定了最终效果。
朴实无华型——这种类型十分常见，也运用得非常广泛。简而言之，这种类型就是纯文字，并且没有颜色的对比，大小的对比，字体的对比等。这种类型又有两个基本型：竖直型和水平型。这种类型的关键在于：把握好字体的选择，间距的选择和文字的选择。字体要融合画面，间距根据需要增减，文字一定不能与画面格格不入。
底纹型——什么叫底纹型？就是在文字区域存在一个底纹将文字与画面分离开来。这种类型的优点就是能够最大限度的降低画面对文字的影响，让排版者拥有更大的空间选择文字与排版，并且能更加有效的凸出文字。我们经常会遇到这样的情况，当我们在画面输入文字的时候，因为颜色差异不大的关系，文字经常被画面掩盖掉了，这时候，底纹型就可以一劳永逸的解决这个问题。当然，这种类型也有一个明显的缺点，就是如果安排不好，就像是在画面上打了一个补丁一样。底纹型的关键在于如何让底纹更好的融合进画面而不显突兀，主要的方法有一：让底纹本身具有设计感。二：调整不透明度。三：将部分文字置于底纹之外以加强底纹与画面的联系。
文字线型——所谓文字线型，就是在画面的文字之中有一根线，这根线呢，通常有三种表现形式：水平，垂直和斜线，而线本身又有两种形式：实线和虚线。不要小看这根线，它可以发挥很大的作用，主要体现在平衡画面，凸显层次，引导观者等。这种类型的关键在于安排好主次关系，选择好线条和选择好摆放的位置。
字体搭配型——这种类型没有太多要讲的，主要就是不同字体类型进行搭配，同中求异，凸出重点，字体不要太多，2-3种足矣，另外印刷体和手写体可以进行搭配。字体搭配还包括：中英文搭配，文字与数字搭配等。
颜色搭配型——这个比较简单，注意的要点是：颜色不要太多，2-3种即可，色彩的纯度不要太高，不然容易非主流。
大小组合型——这个更加简单，就是让字体有一个大小的变化，进而突出重点和拥有节奏上的变化。
图文混合型——这种就是在文字中还镶嵌着图片，图片一般以个性签名，图腾，特殊符号等构成，可以很好的活跃画面。
印章型——这个类型的适用范围稍微狭窄一些，主要是运用在中国风的照片里面。
镂空型——所谓镂空型，就是文字是镂空的。对于镂空型的，需要注意的是底色的选择和字体的选择，一把而言，白色底色就不错，如果能选到更适合的当然更好，字体的话要够宽大，不然太纤细就完全没有效果了。
一、版式
首先我们需要了解的版式。我们平时制作或看到的版式大部分都是由——中心型、中轴型、分割型、倾斜型、骨骼型、满版型为主。
↑中心型排版，利用视觉中心，突出想要表达的实物——当制作的图片没有太多文字，并且展示主体很明确的情况下建议多使用中心型的排版。中心排版具有突出主体、聚焦视线等作用，体现大气背景可用纯色，体现高端背景可用渐变色。
上图为Elysions的作品
↑中轴型排版、利用轴心对称，使用画面展示规整稳定、醒目大方——当制作的图片满足中心型排版但主体面积过大的情况下，可以使用中轴型排版。中轴型居中对称的版面特点，在突出主体的同事又能给予画面稳定感，并能使整体画面具有一定的冲击力。
在做电商活动海报的时候中轴型是很出效果的一种形式
↑分割型排版，利用分割线使画面有明确的独立性和引导性——当制作的图片中有多个图片和多段文字时可以使用分割排版。分割型排版能使画面中每个部分都是极为明确和独立的，在观看时能有较好的视觉引导和方向；通过分割出来的体积大小也可以明确当前图片中各部分的主次关系，有较好的对比性，并使整体画面不单调和拥挤。
↑倾斜型排版，通过主体或整体画面的倾斜编排，使画面拥有极强的律动感，刺激视觉——当制作的图片中要出现律动性、冲击性、不稳定性、跳跃性等效果，可以使用倾斜型排版。倾斜排版可以让呆板的画面爆发活力和生机，当你发现自己的图片过于死板或僵硬时，尝试让画面中某个元素带点倾斜，会有出奇的效果。
↑骨骼型排版，通过有序的图文排列，使画面严谨统一、具有秩序感——当制作的图片中，文字较多时，通常都会应用骨骼型排版。骨骼型排版时较为常见的排版方式、清晰的调理和严谨性让画面平稳，是一种不会出现的错误，但是毕竟单一的排版方式。有些时候为了打破骨骼型的单一和平稳，我们也可以应用上图第三张的形式，在规整的排列中加入一些律动强烈的素材。
↑网页设计（包含电商）中大部分都是骨骼型排版形式
↑满版型排版，通过大面积的元素来传达最为直观和强烈的视觉刺激，使画面丰富且具有极强的带入性——当制作的图片中有极为明确的主体，且文案较少时可以采用满版型排版。常见的满版型排版有整体满版、细节满版和文字满版。
如第一张：整体满版会让画面有强烈的带入性。
如第二张：细节满版能快速明确和展示主体。
如第三种：而文字满版通常是以装饰的形式来表达某些文案。
二、方法
了解了基本的版式，我们再去了解排版中需要注意的几个问题。
首先是对版式的选择，你如果拿到一份客户的要求而没办法想出来接下来可以用哪些方法去排版，显然是作为设计师而言不太光彩和合格的事情。我在上边的例子中也写到了，不同的情况下可以应用不同的版式，而所谓的不同情况大多数时候有这么几种，字少图少、字少图多、字多图少、字多图多，字图一样。其次就是如何应用，版式是一种缥缈的艺术，理论形式固定，但表现形式多样。当你手法纯熟了，怎么摆放都会很好看，而在刚开始练习的阶段，我们还是最好注意好排版中需要严格遵守的一样东西——留白。
留白很多大师都讲过，分析过，大部分来说比较宏观，都是跟意境挂钩，我再去说重复的东西就没有意义了，我要说的是几个细碎的留白问题，首先我要否认很多人认为留白就是要做简约风的印象，其实留白无处不在，简约风只是留白更宏观的定义而已……那么怎样去理解和运用留白呢，首先我们要对留白有几个新的认识：
第一，文字间距、行距都是留白，而这种距离如果太过统一和拥挤画面就会死板，所以在文段较多的情况下，我们可以适当调节文段的距离来改善画面的效果，也就是加大文字间的留白。
如下图：
第二，比如某个元素内部又有其他元素，那么这个元素内部区域就需要合理的留白，内部元素不能太满，也不能太偏。
如下图：
第三，元素跟元素之间要有一个合理的留白，不然就会拥挤难受。
如下图：
第四，除满版型排版以为尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素，在画面中，那样反而会抢了主体，比如这个下图，其实竹叶也可以表达所需的意思，而且更灵动。
第五，装饰元素在做飘散的时不要集中在一个区域，那样会让某个区域留白不够显得拥挤，还会显得图片的感觉小气，飘散的元素我们尽量做的大气一些，挥洒写，弥补周边空旷的同事又能让画面大气。
如下图：
第六，留白的同时也要去白，去白是一种平衡留白画面的效果，一般来说常用的去白方式是对线去白，即下方有元素而上方很空的时候，给上方增加一个元素来平衡画面；当主体过于渺小导致留白过多时，需要放大主体和调整其它元素来去白。
如下图：
图1：中心主体太小上下空洞图2：下方去白，上方空洞图3：上下去白，画面平稳
举例：
↑中心元素过小，周边过于空旷
↑中心整体放大，主体上下留白过多被弥补，但主体与文案间的留白关系不是很舒服
↑拉开文案的行距，使主体与整体文案的空间感相近，弥补文案上下的留白过剩
结合留白，我再针对上面提到的不同情况应用不用版式举个简单的例子，当客户给我的方案是字少图少和字少图多的情况下，中心型、中轴型、满版型、骨骼型、分割型等多种方式都可以解决当前问题的。比如我们用一下文字和图片做一张图：
图1：中心型图2：中轴型图3：满版型
↑骨骼型
↑分割型
有时候我们也会遇到一张图片中要放很多小图片的情况，而且很多小图片的素材尺寸都是不同的，这里也是很多人经常犯错的地方，大部分人都是随意摆放并配上文字，其实我们可以把每个图片都做在同等大小的形状中显示，既规整又大方，如图：
而当素材不太美观和即便排列整齐，整体图片也还是有些拥挤时，我们可以化繁为简，去掉小图展示：
综上内容，版式没有绝对的好坏，只有合适不合适；这期我们讲的主要还是围绕简洁的版式，下期我们队复杂的版式再做更深入的理解。
（成都千巨）
转载请注明：片头模版 » 简单的图文排版(如何使用PS制作简单的图文排版)
