「公主连结Re:Dive」海报经验分享与官方半月刊风格海报制作教程

文丨尼古拉斯-楼-嘉婉儿@bigfun社区

【前言】

每一期公会战结束都会迎来招募热潮，社区论坛、人才市场里求人的景象甚是热闹。

作为公会管理一方，招募的顺利与否除了公会实力与招聘条件外（ue:1，这两个还是最重要的），一定程度上取决于招募海报能否在市场中脱颖而出。

那么，什么样的招募海报才算能夺人耳目呢？下面楼主给大家分享一下，个人在海报制作方面习得的一些经验，并在本篇后文给大家带来官方半月刊风格海报的制作教程（需要使用Photoshop，建议版本为2019或2020，本帖建议使用电脑端网页阅读嗷）。

（以下内容非专业建议，属个人对本游戏招募海报的经验理解，若有不妥欢迎留言指正）

【目录】

1.海报制作经验略谈一二

2.官方半月刊风格海报制作教程

【海报制作经验略谈一二】

（1）认识误区

现在论坛与市场上可见的大部分招募海报都存在一个误区，或是通篇长文，让人没有阅读兴趣并直接跳过；或是抛图一张，通图未见这个公会的招聘要求和详细情况，然后一句“来张原图”结束对话。

招募海报是对图文设计进行要求，所以图文并茂是必须的，任一方都不能抛弃。

（2）合理构图

这里楼主献丑，引用自己为本期处女座公会战制作的招募海报来进行构图讲解。

图与写作的概念基本一致，需要有标题、前言/简述、正文、注释等等，在内容完整的基础上加以排版，非常简单。

①主标题

首先，需要一个明显的标题，让人一目了然。标题算是海报的文眼，能在第一时间捕捉读者的目光。

海报标题一般文意直白即可（如果是招募海报，总得有“招募”两个字，让人知道你是来招人而不是发图的），明确图意的同时有导读作用（避免让读者找不清轻重而在内容丰富的图片上无从读起）。

标题的排版建议占用海报的一条边，竖向排列或横向排列皆可，具体的位置根据“标题长度与海报尺寸”、“选用的留白情况”等因素来决定。

②前言/简述/副标题

其次，可以在不起眼的地方添加一些比较次要的信息，补充内容的同时丰富构图（穿插在合适的位置填补空隙）。但前提是要求这部分内容不干扰标题和正文领先的重要性。（可以介绍一下公会特色，让读者看到招募之外的内容，丰富对公会的初印象）

③正文

正文是海报文案中重要性基本与主标题比肩的一块，但个人认为算是最容易处理的一块。

在海报文案中，正文需要用尽量简练的语言清晰表达海报内容（公会招募海报呢，建议只写box要求就好），这里考验作者对文案重点的准确提炼与用词造句的把握。当然，也有部分公会在招募海报中使用带星级的角色头像来替代文案，倘若排版合适，提点效果也是十分不错的。

正文部分推荐放在临近标题的位置或在海报内与标题各持一侧。前者是沿用标题的导读作用，在标题捕捉到读者视线之后立即呈现正文内容，提高阅读效率，为读者提供舒适的浏览体验；后者更恰当地规划了海报的饱和感，让底图的选用更加自由（文案板块集中在一角或一侧时，若考虑海报的观赏性，对底图的留白要求限制较大）。

④注释/补充/附录

这一部分一般放在海报制作的最后但并不代表是最次要的，或是留下联系方式，或是备注额外要求。注释与补充的目的就是让读者浏览完海报内容后，再确认一遍有无遗漏信息未读或有无补充条件未明，也充当海报内容的结尾收束。排版则一般置于角落或底部，注意与正文内容之间需要有一定的距离，以表主次。

（以下内容是为具有一定Photoshop使用经验的小伙伴准备的，零基础者阅读体验或将受限）

【官方半月刊风格海报制作教程】

①标题栏大背景制作

②标题栏制作

③副边制作

④正文制作

⑤艺术字体与横幅制作

⑥底图与补充

相信大家都看过公主连结官方每月都会发布的半月刊，个人感觉这个月刊风格做的相当可爱，于是就萌生了复刻一份的想法，下面也为大家带来制作流程的讲解。（楼主也只是尽量模仿，并不能非常好地还原，踩轻点呜呜呜）

注释：

建议使用300dpi且不小于900*600像素的画布；

括号内6位编码是#HEX码，指代色号；

括号内单字母为工具快捷键；

括号内ctrl+字母为快捷键操作；

引号内的推荐字体可在“站长之家-字体”素材网站检索获得（部分付费）。

①标题栏大背景制作

首先是制作官方原刊”活动半月刊“字样部分的藏青色（3f4565）背景与菱形（434969）纹路，上示样图是拉伸尺寸后的成品，制作时请完成整体制作后再进行拉伸。

使用油漆桶工具（G）为背景图层填充藏青色（3f4565）。

使用多边形工具（U）且长按shift键绘制菱形（434969）形状图层；

获得一个菱形后使用自由路径选定（ctrl+T）它，在垂直方向上，长按shift键进行适当拉伸（调整至瘦长状）；

获得一个合适的菱形后，在垂直方向上拷贝若干份（填满但不挤满画布的垂直方向，注意留白）。先将顶部与底部的菱形分别调整至距边缘合适的位置，然后在图层操作区直接选中垂直方向上的所有菱形，切换至选中工具（V）并进行垂直分布，以此将菱形间距调整均匀。

完成一列菱形的制作后，进行打组（ctrl+G），并拷贝若干份，在水平方向上，切换至选中工具（V）并进行水平分布，以此将各组间距调整均匀。至此，菱形纹路大背景制作完成。

②标题栏制作

英文部分文字，建议直接选用一合适字体，这里楼主使用的是“汉仪尚巍魔方体”，竖排文本（可以使用横排文本然后顺时针选择90°，但没必要）。

以下步骤要求对钢笔工具熟练运用（其实使用AI进行矢量绘图会更合适，但楼主技穷，只会PS）

中文部分文字，使用钢笔工具（P），描边禁止，填充白色，进行每一笔画的勾勒。可以先选用一个你认为合适的字体（楼主选用的对照字体是“汉仪尚巍魔方体”）进行对照，并按半月刊的字体风格（建议先下载保存一份半月刊，并使用窗口（W）中的垂直联排以便双图对照）进行描绘。可以先进行对笔画的粗糙勾勒，再对每一个锚点进行微调，直至绘出你满意的形状与比例（楼主手残，画的一般，请见谅）。

半月刊标题的文字风格大致是笔画宽大、横折钩处斜切，此外一大特点就是笔画之间的阴影，为文字增添立体感。

阴影处理的关键就是：

a）在“遮盖笔画a”与“被遮盖笔画b”之间添加一层针对被遮盖笔画b的“剪切图层c”；

b）在剪切图层（图层操作区中在两图层间长按alt并点击）上使用画笔工具（B），柔边画笔，低不透明度（50%上下），低流量（20%上下），黑色进行适当涂抹，绘制出渐变的阴影效果（可采用渐变效果替代，但修改的便捷性个人认为不如画笔）。

中英文均完成制作后，注意将其中的粉色字体（e64c70）进行旋转调整，并用椭圆工具（U）长按shift绘制正圆形状图层置于其底部。

标题其余部分需要提点的就是灰色板块使用的是圆角矩形工具（U）绘制的，半径选择根据你绘制图形的具体尺寸选定；

顶部与底部分别置一粉色矩形（e64c70），原版底部矩形设有圆角，可用自由路径选定（ctrl+T）并进行变形处理，但楼主尝试后感觉美观性不如直角矩形，于是弃案；

完成所有素材的制作后，进行打包（ctrl+G）整合，并在组图层上使用矩形选框工具（M）框选合适部分（可以开启标尺来进行参考度量），完成框选后在图层操作区为组图层添加蒙版即可完成截取效果。

（直接裁切删除不便于后期修改调整，切忌这种操作，记住蒙版是永远滴神）

③副边制作

标题边的另一侧楼主暂且称其为”副边“，都是使用矩形工具（U）绘制的矩形拼接而成，颜色从上至下分别是粉色（e64c70）、藏青色（3f4565）、浅藏青（566586）。

数字部分楼主使用了"Century Gothic"（ffffff），中文部分使用了“锐字逼格青春体简2.0”（9aaac1）

④正文制作

正文部分的细节主要是还原半月刊每份活动的题头。主矩形（566586）在靠近底边与右边处使用直线工具（U）绘制两条白色（ffffff）线条；文字部分使用白色（ffffff），在文字图层顶部使用矩形工具（U）绘制一粉色矩形（e64c70），将矩形设置为对文字的剪切图层（图层操作区中在两图层间长按alt并点击），将矩形图层移动至覆盖文字下半部分即可呈现颜色分区的效果。正文的其余部分大家可以自由发挥，楼主做的很粗暴简单，就不作赘述了。

⑤艺术字体与横幅

这一部分大家可以用以制作公会名字或有意思的口头禅。字体综合使用了描边、渐变叠加效果（个人喜好加了投影）。

描边：正常混合模式，外部位置，酒红（95200c），大小根据实际字体大小合理选取。

渐变叠加：正常混合模式，90°线性渐变，渐变过渡选色为f4bd2f、fceb9d、fdf9dc。

横幅的幅条与小饰部分均可使用钢笔工具（P）进行路径绘制，在完成横幅部分所有素材的制作后进行打组（ctrl+G）并拷贝（ctrl+J），一份拿来吃，一份拿去放生，一份拿来备份，另一份转化为智能对象以进行变形处理（拱桥形）。

⑥底图与补充

纯色背景图选用的米黄（fff3d9），可以选择一张你喜欢的图片置于纯色背景图层顶部，其他（上述所有步骤所制作的部分）图层底部，如果在图片底部有留白，可以进行适当的文字补充。

到这里就结束啦，终于结束啦，把你的所有图层点亮就能看到最终效果啦

大家可以在字体勾勒、字体间距、图层混合模式等方面继续做更多的细节调整。楼主本帖只是抛砖引玉，为大家提供一个基本的操作参考，相信大家能创作出更有意思的作品！

【修订】

1.对部分表述进行修正，改善阅读体验；

2.对部分内容增加、改变了高光颜色，分别是注意事项、操作要领、细节重点；

3.更换了部分步骤的截图展示与插图位置，让图文对应更加清晰准确，方便大家理解。

#修订于2020/9/13-17:00#