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

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

首页休闲益智海报创作者更新时间:2024-05-07

文丨尼古拉斯-楼-嘉婉儿@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#

查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved