QQ20周年 玩转像素复古

author
0 minutes, 15 seconds Read

头像经典电影_经典qq头像_头像经典语录

01概述

提炼经典

QQ已经伴随我们20年了。 随着时代的变迁,有哪些至今仍让我们记忆深刻的?

QQ在不同时间为用户推出不同的头像。 然而,这么多年过去了,QQ最早推出的经典系统头像却始终让大家记忆犹新。 QQ头像的出现,带来的不仅仅是用户,更是它给用户带来的温暖心情。 它烙印着我们第一次接触互联网时的温馨时刻。 《轻舞飞扬》《缘分天》《追风童子》,头像闪烁,轻轻打招呼“你在吗?” 感觉就像瞬间回到了原来的时间; 这些当年或许并不“精致”的QQ头像,却以极高的辨识度俘获了互联网人的青春记忆,给我们留下了荷尔蒙的光环。 经典之所以成为经典,是因为它们经过时间的沉淀,依然能够唤起大众的喜爱。 我们怀念的不仅仅是一个简单的虚拟形象,还有对它依恋的自己。

在QQ诞生20周年之际,我们整合了105个早期经典系统头像,在保持经典造型的同时,以像素复古风格重塑设计。

02款式选择

复古与时尚的最佳平衡

还原经典不仅仅是简单的复制,需要在经典的基础上进行提炼、重塑,创造新的视觉,赋予“复古”新的含义; 要实现复古与时尚的完美平衡,像素似乎是一个完美的选择,但选择像素风格重塑105个经典头像确实需要很大的勇气。 像素风格除了比较耗能之外,最大的痛点就是不能像矢量图一样随意扩展。 面对后续各个规范中涉及到的拉伸和缩放,必须找到完美的解决方案。

像素表达式按比例缩放的方法:

头像经典语录_经典qq头像_头像经典电影

对于不同尺寸的头像、主题和H5,需要设置像素尺寸规范。 设计尝试了不同尺寸的头像效果。 5px不仅有细节,还能保证手机小屏幕上的像素感;

以下是 8px 和 5px 的尝试:

头像经典语录_经典qq头像_头像经典电影

经典qq头像_头像经典电影_头像经典语录

5px在1080px的尺寸下展现出最理想的效果,不仅保留了像素纹理,还创建了光影更加细致的图形。

03视觉呈现

优化和重塑

头像经典电影_经典qq头像_头像经典语录

头像经典语录_经典qq头像_头像经典电影

在设计初期,我们就找到了“最早版本”和“复制品”的头像。 经过分析,我们决定在两者之间实现视觉平衡。 在保持经典造型的同时,我们做了像素复古设计。 风重塑了形状。

经典qq头像_头像经典电影_头像经典语录

在设计优化细节方面,我们统一了头像的光源,将光源设置为顶光和左右侧光。 同时我们调整了光影和颜色亮度,使头像看起来视觉上更加饱满; 每个头像的主色都控制在同一色系中。 在一种颜色内; 统一使用草图边框,描边颜色为黑色或同色系深色; 同时,根据头像的性格,为每个头像搭配专属的背景颜色,使其更加独特、美观。

以上视觉上的调整和大胆尝试,结合“复古更好玩”的主题,让头像以全新的方式展现在用户面前。

头像经典电影_头像经典语录_经典qq头像

你以为按照5px像素,再抱着19年血肉相连的经典头像,头像就能幸福养起来吗? 不! 明亮的银幕前,背后是一段血泪的黑暗历史。 每个分身都经历了很多版本,才能够达到满意的效果。

经典qq头像_头像经典电影_头像经典语录

背景颜色提取与匹配

头像经典语录_头像经典电影_经典qq头像

头像动画

我相信每个用户都应该想知道自己曾经使用过或者一直在使用的头像在移动时会是什么样子。 在这次头像复古重塑中,我们还对所有 105 个头像进行了动画处理。

头像经典语录_头像经典电影_经典qq头像

头像经典语录_经典qq头像_头像经典电影

经典qq头像_头像经典电影_头像经典语录

将复古进行到底,我们把1999年出现在电脑屏幕上的第一代QQ的界面搬到了现在的手机上。

通过提炼色彩,总结图形界面,加上三只精灵鹅,复古不死板,可爱又有趣。

头像经典电影_经典qq头像_头像经典语录

经典qq头像_头像经典电影_头像经典语录

头像经典电影_经典qq头像_头像经典语录

(喜欢这套主题皮肤的同学可以去QQ个性装扮下载)

04深度延伸

提供故事和内容

每个系统头像都有一个名字,头像背后是一群具有特定性格和喜好的人。 不同类型的人喜欢不同的头像,同一个人在不同的阶段也会变成不同的头像。 据说,喜欢搞笑头像的人性格比较开朗、活泼、天真、快乐; 喜欢动物头像的人比较有爱心,懂得关心别人; 喜欢人类头像的人自我意识比较强,头像在某种程度上也是一种对自我形象的认可。 感觉。

20年来,QQ陪伴着大家的成长。 使用经典QQ头像的用户也经历过人生的酸甜苦辣,随着时间的推移而成长。 其中不乏一些有趣、有趣的灵魂。 他们要么勇敢,要么善良,要么充满力量。 。 设计师对部分头像的设计进行了延伸,首次将经典头像与现代潮流服装相结合,让复古变得更加有趣和时尚。 我们都有独特的灵魂。

经典qq头像_头像经典电影_头像经典语录

头像经典电影_头像经典语录_经典qq头像

经典qq头像_头像经典电影_头像经典语录

经典qq头像_头像经典电影_头像经典语录

字符像素绘制过程一般分为四个步骤:

1、前期需要根据不同的角色进行思考和策划,结合现代服装等元素来凸显人物性格。

2、选取一个头像,使用PS铅笔工具(这个工具更接近像素纹理)根据头像画出全身草图。

3. 根据草图起点像素边缘。

4.填充色块,添加光影,通过不同的光影处理展现不同的材质。

下面是利用像素做出平滑圆弧的基本规律: 一般情况下,通过增加和减少像素数量就可以很好地处理。

经典qq头像_头像经典语录_头像经典电影

如果你遇到非典型的圆弧曲线,上面的处理方法可能不能让你满意。 您需要尝试以下方法来处理。 方法也很简单。 根据增减规律,再加一个公式:221212…. 212122,基本上只要你这样处理像素曲线就容易多了。

头像经典语录_经典qq头像_头像经典电影

经典qq头像_头像经典电影_头像经典语录

你曾经用过的经典QQ头像现在动起来了!

戏女王附身的经典头像,怕是要掀翻宇宙了!

来个视频先体验一下

使用这款宝贝表情包,你将成为群里最酷、最潮、最健谈的人,赶紧来呀呀呀呀! ! !

经典的头像搭配神奇的动作。 发布的那一刻,你会感觉棒极了(sha)、棒极了(diao)。

经典qq头像_头像经典电影_头像经典语录

头像经典语录_头像经典电影_经典qq头像

– 恨-

君子用嘴不用手,吐星辅助

头像经典电影_头像经典语录_经典qq头像

– 锋利的-

厉害了老铁,双击666给你!

头像经典电影_头像经典语录_经典qq头像

– 变得高-

快点睡吧,醒来吧,嗨!

经典qq头像_头像经典电影_头像经典语录

– 哈哈-

小三毛戴上墨镜,太烟熏了

头像经典电影_头像经典语录_经典qq头像

– 安静的-

请安静,我要开始变酷了

头像经典语录_头像经典电影_经典qq头像

头像经典语录_头像经典电影_经典qq头像

– 你好-

嘿,能给帅哥加个按钮吗?

经典qq头像_头像经典语录_头像经典电影

– 好的-

完全可以,不傻

头像经典语录_头像经典电影_经典qq头像

– 哇-

你能抵抗火红的嘴唇吗?

头像经典语录_头像经典电影_经典qq头像

– 可爱的-

叽叽喳喳~你的小可爱上线了

头像经典电影_头像经典语录_经典qq头像

头像经典语录_经典qq头像_头像经典电影

– 顽皮-

我的热情就像我喷出的火焰~

头像经典电影_头像经典语录_经典qq头像

– 碰撞 –

鸭子的世界,竟然就这么崩塌了……

经典qq头像_头像经典语录_头像经典电影

-目瞪口呆-

吓得我的黑眼圈都掉出来了

头像经典语录_头像经典电影_经典qq头像

– 生气的-

老虎不发威,别以为我是病猫

头像经典语录_头像经典电影_经典qq头像

-无语-

没什么好说的,一堆鱼泡给你

头像经典语录_头像经典电影_经典qq头像

– 快乐的-

普通迪斯科兔子摇摇普通

头像经典电影_头像经典语录_经典qq头像

– 再见-

05 结论

致敬经典

“过去的一切都将是新的开始。” 复古是与时间和空间的一次美丽邂逅。 它跨越时空,依然经典。

用复古致敬经典,在经典中绽放新意,与我们一起期待下一个20年的华丽变迁。

Similar Posts