基于Photoshop软件GIF动图的创意表情包设计及应用

admin管理员组

文章数量:1530919

2024年7月11日发(作者：)

电子技术与软件工程

Electronic Technology & Software Engineering

软件开发与应用

Software Development And Application

基于

Photoshop

软件

GIF

动图的创意表情包设计及应用

庞惠文张增红

(山西铁道职业技术学院艺术设计系山西省太原市 030013 )

摘要：本文以动态表情包“团崽”设计为例，阐述了

GIF

动图表情包内涵和意义，分析了在

Photoshop

软件中进行动态表情包设计

制作的过程，并完成了该表情包在微信聊天场景中的实际应用，取得了很好的实践效果。

关键词

：

Photoshop

软件；

GIF

动图；表情包设计

随着互联网尤其是移动互联网的快速发展，表情包依赖其或滑

稽或深刻或人文或通俗或文艺，无拘无束，自由开放的特点，贏得

了广大网民朋友的喜爱，迅速风靡世界。目前，表情包己经成为虚

拟世界沟通交流的必备工具，成为跨越传统语言障碍的新的世界共

同语，成为全球文化发展中的耀眼新星，而其设计形式也越来越多

样化。其中，动态表情更生动拟人化，己经成为网络传播的新常态，

图1: “团崽”表情包基础造型

广大用户在网络聊天时更喜爱使用动态表情包。

1

GIF

动图表情包

作为一种图片传播格式，

GIF

是于1987年被开发的“图像互

换格式”，全称为

Graphics

Interchange

Format

，分为静态

GIF

和动

画

GIF

，文件名为.

gif

。

GIF

格式不受播放限制，文件体积较小，

几乎可在任何终端自动运行，这也为其后期在移动终端的广泛传播

奠定了基础。

GIF

动图表情包的真正流行爆发期主要集中在2010年之后，

基本都是采用动态的动画

GIF

形式。

Photoshop

是制作

GIF

动图的

主要计算机应用软件之一，采用的是

Photoshop

软件中的时间轴功

能，通过在时间轴上创作逐帧动态，达到连贯的动画效果。其中帧

与帧之间的时间差是表情包动作自然衔接的关键因素，同时要注意

时间长度和关键帧数，此外还要兼顾文件大小。

GIF

动图表情包设计主要以动态图形、图像元素为设计元素，

图2: “团崽”表情包24个关键帧画面

是一种新兴的设计种类，越来越受草根设计者的青睐。动态效果加

入表情包的设计能更显生动有趣，将难以表达的语义直接化，辅助

文字产生了更具有趣味性的效果，丰富了网络用户彼此的网络交流

体验，满足双方情绪表达需求。

S

« 后

«i

中中

2

2 “团崽”表情包的设计制作

2. 1制作表情包基础造型

图3: “团崽”表情包“膨胀”连续帧画面

表情包静态原型是整个动态表情包的基础。通过调研发现外形

可爱的表情包较受欢迎。以中华传统美食“汤圆”为原型进行拟人

化设计，形成了表情包静态雏形（如图1所示）。并依据形象特点

命名为“团崽”表情包，“崽”字体现的幼萌感与调侃意味恰好契

合表情包幽默贱萌的风格。并确定表情介绍为“生活中有那么多头

疼的事，总得有个想起来就会甜甜的团崽呐！”，符合汤圆的香甜、

亲和属性。

2. 2制作各表情包静态原型

根据微信表情开放平台制作规范要求，一套表情包专辑数量要

求为16或者24。根据喜怒哀乐的情绪表达确定24个聊天场景，

并做好文案设计，包括：哭哭、

emmmm

…、生气、到、、略略略…、

伤心、一肚子坏水、露馅了、舒服、戳戳、送你心心、亲亲、嗨起

图4: “团崽”表情包制作画面

来、我溜了、懒得理你、我酸了、惊、买它、膨胀、

Pickme

、尴尬、

关键帧画面（如图2所示）。

元宵快乐、？ ？？。之后利用

Photoshop

软件绘制每个动态表情的

2.3绘制连续帧画面，制作表情主图

•基金项目：山西省教育科学“十三五”规划课题（

GH

-

I8I67

);山西轻工职业技术学院课程思政试点课程《印前图像处理》建设项目。

63

软件开发与应用

Software Development And Application

电子技术与软件工程

Electronic Technology & Software Engineering

作品

上》1 甸：2019«06月 25

碁本*•

JMttt

计用户分析

SlOEUggw

P

团層

a*

曰

w w

月

29

曰

3

W

4

irl

.

cn

/

va

09月29日下

M

09月29曰发送量

30

震计下

itSJI

置计发逢动

22954 82394

isgg

編，•撕詹

O

.2 %

铃公

htipw

/ '~

W

~；

VS

^*1

ct

^

巧》令

钤©

NO.5

ujh«t7i

m

M(W

6

N0.9

4

NO.10

3

篇

3

NO.12

锣

2

NO.13

#@

2

NO.14 NO.15

2

<• *&批

@ ®>-

T

tfl

)

图5: “团崽”表情包详情页

'

sf

7

?X

动图表情包设计以动作流畅自然为原则，在

制每个动态表情的连续帧画面。如图3所示。

Photoshop

软件绘

表情包的应用最后呈现在微信社交网络上。而微信表情幵放平

台的推出为表情包的实际应用提供了机会，可将制作好的表情包及

素材应用到实际聊天场景中。在平台中点击“提交表情专辑”，按

照步骤上传相关素材，之后等待审核，反复修改，最后完成上架。

上架后随时能看到表情包应用的相关数据，包括累计下载总量、

累计发送总量、赞赏金额明细等。以下为“团崽”表情包作品详情

页中的部分相关数据（见图5)。

4结语

表情包的发展如火如荼。本文以

GIF

动图在微信表情包设计中

的应用为切入点，选择“团崽”表情包作为设计实践，结合微信表

情包设计规范，研宄动态表情应用特点，并通过设计制作“团崽”

表情专辑，完成表情在微信平台的上架和应用。可以看到表情包设

计带来了艺术与创造两个方面的价值，满足新时代下设计者草根创

业的需求。同时，我们也应该进一步研究这些潜移默化影响着我们

精神文化的新型产物，并思考其之后发展的趋势与影响。

参考文献

[1] 刘稚亚.

GIF

: —种社交媒体时代越来越流行的新媒介[

J

].中

国记者，2016 (1): 102-103.

[2] 李佳芮.视觉符号在情绪表达中的应用一_以《顽皮兔》设计

为例[

D

].哈尔滨：哈尔滨师范大学，2019.

[3] 任雯绮.新媒体时代下

GIF

动图传播对社交新语境的构建[

J

].

汉字文化，2018 (14): 8-10.

[4] 邓爽.肖像画元素在微信表情包设计中的应用一一以“梵高仔

微信表情包”为例[

D

].武汉：湖北美术学院，2019.

[5] 高铭.网络本土语言一

GIF

表情包的大众狂欢实践及图像转向

[

D

]•重庆：四川美术学院，2018.

作者简介

庞惠文（1988-)，硕士学位，山西铁道职业技术学院艺术设计系讲师。

研究方向为计算机图像处理、印前设计与印刷色彩。

张增红（ 1966-),硕士学位，山西铁道职业技术学院艺术设计系

副教授。研究方向为图文信息处理及印刷材料。

将24个关键帧和连续帧画面导入

PS

，用每个表情包的关键帧

和连续帧画面合在一起，确定好时间，调整帧速率到合适速度，注

意设置为循环播放，最后导出为

GIF

格式。如图4所示。

2.4制作表情包其他素材

2.4.1表情缩略图

表情缩略图是在聊天页和详情页展示的静态图，与表情主图

一一对应。一般选择每个主图的关键帧画面为表情缩略图，尽量选

取包含文字的那一帧位缩略图。

2.4.2详情页横幅

详情页横幅是点击进入这套表情的页面时，表情详情页上方的

宣传画，内容要与表情有关。由于“团崽”的特点是比较活泼俏皮

的，所以设计了团崽们在度假嬉戏的场景画面，具有一定故事性。

2.4.3表情封面图

表情封面图是表情上架后在“表情商店”看到的第一张图像，

每套表情在表情首页展示的代表图片。选择团崽的最具辨识度的、

最能凸显角色特质的最基础形象作为表情封面图，注意要选择透明

背景。

2.4.4聊天页图标

聊天页图标是下载成功的表情展示在聊天页表情列表的图标，

由于其尺寸小，尽量使用仅含表情角色的头部正面图像。选择了一

个团崽俏皮的头部图像作为图标，此处也要选择透明背景。

2.4.5赞赏引导图和致谢图

赞赏引导图展示在选择赞赏金额页面的图片，用于吸引用户发

赞赏。风格须与表情一致提升用户发赞赏的意愿。注意图片背景须

与微信底色有较大的区分，尽量不要用淡色。

用户发完赞赏后，展示在答谢页面的图片风格须与表情一致激

发用户的分享意愿，吸引更多用户发赞赏。

3 “团崽”表情包的应用

64

本文标签： 表情设计动态应用团崽