赞助商
立即赞助

火爆全网的天天P图“前世青年照”是怎么设计出来的?

产品经验3年前 (2021)发布 流光
2.2K 0 0

一不同寻常的周末,复古青写真霸屏了 QQ 空间、微信社交平台,撩拨了每龄层对自己复古青形象的象。

活动上线28小时,参与数破亿,助力天天 P 图登上了 App Store 榜第。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

这组来自天天 P 图 APP 独特创意素材,既不取自图库,也未委托供应商,而是内部设计师全权承。在这里,我们要来说说这组素材背后, 用小成本,成预期大制作故事。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

一、起点

构思青形象之初,我们问了周围的人一问题,如果让回到20,希望自己什么样子?

徽因那样华的女,学识渊博游历欧洲。

然是上海滩头号大亨。

希望能穿上那候好的旗袍,再做个推波浪的发型。

这让青年节除了学生形象之外,有更多可以塑造的形象。为了让更多用户参进来,定了三个要素:

  • 多色——让用户拥有更多不个性;
  • 男通吃——不同以往以性主题为主的变脸,这次希望不 P 图的男用户也能参进来;
  • 老少咸宜——选经典的角扮相,既能满上一辈人回忆,又能让年轻人乐尝试。

二、服装造型设定

为了将复造型拿捏更准确,我们研究了大量三十年代电视剧电影剧照,翻阅了很多照片后,结出了几套经典服装风格。

  • 青女学:蓝色布衫+黑色布裙+玛丽珍+麻花辫,传统、青涩的女性气质具民青特征。
  • 男长衫:长衫是根据明朝士大夫常穿袍遵循朝服制改作,主要把袍肥大改相窄瘦,大领改成小领。保留了襟立领旗装风格,是民国时期莘莘学子标配。
  • 衣裙:大户家庭的千金在那会穿搭衣裙、遮阳帽、挎包,还有当还众的露肩荷叶装饰上衣加中裙,穿衣风格可以说是非常洋派。
  • 西装:子哥则大喜欢穿西装三件套。
  • 袍:诞生于20年代的袍更是可或缺,被誉为中国国粹和女性国。为了节省经,团队小伙伴更是拿了自己压箱的仿古袍。

是就有骨铮铮的爱国志士、向阳而生的莘莘学子、追求自由的新年、婉约灵的上名媛等造型。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

三、老照片的风格研习

为了更好地还老照片的风貌,还找了杨威所著的《留的背后——老照片中的相关布景》。书中有大量珍贵的老照片以及对旧照相馆的描述。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

以前照相不如现在随,照相的人都是执希望将一个瞬间定格成一个完美的恒,姿保守而庄重。在拍摄前便列出了所需拍摄的老照片的人物姿。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

鲁迅在的杂文《论照相之类》(1924)中,描述早期照相馆拍照的景,「人呢,或立或坐,或者执书卷」。在多老照片,拍摄的性一执扇,男性拿线装书,通过使用书籍、道来体现拍摄者所拥有的学识文化或生活风貌。所以除了着装之外,便额外准备了书籍、折扇等道来完善细节。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

仿旧的色调也做过多种尝。二三十年代的老照片以黑为主,因为历久所以泛黄,细节丢失严重。直模仿(如风格四),用户的貌会呈现得不够好。而彩色照片(如风格三)则是了十年代才初兴,年代不够厚重。所以在优化黑风格的基础上,减少偏黄,增了对比度,最终选择了风格二。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

四、初试

我们先快速搭了简易灯进尝试,以便快速确定风格。伦勃朗布相比平线,能更好地优化脸型,让五官更立体。在实「变脸」时,明显倾,会让用户照片和模板难以融合。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

考虑到这个问题,在实摄时,设了盏物正上主,打出蝴蝶,为了弱化阴影,在物前补了张反板。时为了稍增加五官立体感,主稍侧,再从物侧补上,来补上侧阴影。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

五、实战

会议室临时搭建影棚。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

相机连台机,实时查看效果,拍优化。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

模特的拍摄动作指导。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

另外这次拍摄的8模特中5我们鹅厂员,其中还我们天天 P 图的设师小姐姐发小哥哥。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

六、后期素材调优

这次拍摄的模特本身的五官和脸例都非好了,但要适合同户的五官和脸,还需要进一步的调整。户的一句「毫无违和感」是转发的键。

下图五官矫肤色优化。

火爆全网的天天P图“前世青年照”是怎么设计出来的?

最后

小结一,变脸素材拍摄的几个键点:

  • 代感:在细节上能让用户信服的穿越;
  • 受众面:尽可的铺开受众范围,更有众乐乐的氛围;
  • 无违感:素五官、脸型的融合多测多调,以应多不同用户的脸部融合。

期待我们一次为大带来更有趣的图片玩法。

图片素源:腾讯ISUX

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

本小结围绕口语表达习惯,提出了几点建议,包括简洁、有信息含量的表达,提供示例性的引导、只在需要的时候引导等等。 对话U...
用户体验
编者按:完整的 UI 设计流程到底是怎样的?从需求到产品上线,要经历多少个阶段,每个阶段有哪些应该掌握的基础知识,本次优...
ui设计
关于用户画像的讨论已经很多了,对于用户角色的多样性,复杂性,以及它的实用性等等。不可否认的是,用户画像在很多时候都发...
Eugen Eşanu
每个公司都有着它的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师总能...
logo设计
现在,当你打开 Instagram、Airbnb、Apple Music、Twitter、Dropbox 这些应用的时候,乍一看很难区分清楚彼此的区别:带有圆...
App设计
「红袖读书」2018年全新改版,打造更轻的阅读体验,更适合女性阅读的读书APP。 一、项目背景 「红袖读书」APP 原名「红袖添香...
实战案例
编者按:设计原则总是看起来简单抽象不言自明的,但是在细分的设计领域,这些原则其实有着各自不同适用情况,有着「特定的条...
ICON
在《用户体验的要素》一本书中,Jesse James Garrett 将用户体验分为了五个层级,战略层,范围层,结构层,框架层,表现层。 ...
App设计