恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
手把手教你表情包的制作方法与流程
0.0°
2017-11-10 原创文章 经验/观点 举报 4174 8 11 2

关于表情包的详细制作方法与流程

有没有这样的感觉?

在与朋友聊天的时候,翻了很久的表情包确没有自己想要的,顿时感觉很苦恼

在网上看到很多好玩、有趣、逗逼的表情,很好奇他们是怎么做的

自己也很想做一套表情包可是不知道该怎么着手去做

Image title


如果你遇到以上三种情况,请继续阅读此篇~

今天,教主就来教教大家怎么制作表情


一、形象设计

首先确定自己要画的形象是人物or动物

这个依据自己的喜好来定

拿我自己设计的卡通形象Winnie来说

Winnie是我本人根据自己的日常生活故事、热点、职场等话题

进行改编创作的一些系列漫画

Image title


1.卡通形象定位

受众群体定位主要为女性,形象偏可爱的卡通Q版风格


2.性格定位

性格比较随和,喜欢发呆,有时候有点傻,记性也不好

为人单纯不喜欢欺骗,有主见,也比较二

(其实也就是自己的一些性格,一脸坏笑)


3.造型创作

加上丸子头发型使形象更加活泼,可爱,生动有趣

整体形象看起来俏皮,有朝气

Image title

 

二、立意设计

表情主要是表达感情、传达情绪,表现此时自己内心的想法

同时也能缓解聊天的尴尬气氛


1.要确定一个主题

比如我之前设计的一套gif表情

是想表现Winnieの日常生活的一些表情

然后通过头脑风暴形式列出你想表达的各种词汇

最终再进行筛选

因为微信要求一套表情是16或24个


2.列出想要表达的词汇

Winnie日常撩汉篇题材主题就是撩汉

比如要抱抱、亲亲、壁咚、赤裸裸的要求被窝等我、等着被撩

形象表现主要传达的立意就是贱贱的、色色的

Image title


Winnieの日常篇题材就是关于日常的生活

比如夸你棒、犯花痴喜欢、生气的时候给你扔坨屎、翘着二郎腿敷面膜

主要传达的就是平日的一些日常行为,给人呆呆傻傻的感觉

 Image title

小技巧

1.平时聊天的时候把自己特别想发的表情记录下来

2.注意身边的小伙伴特别想发的表情却死活找不到的表情去记录下来

3.网络用语热词记录下来


含义词需注意

一个表情可以传达多个意思,添加文字会限制使用场景

所以表情含义词字也要考究

Image title


三、使用的软件

AI、FL、PS都可以设计表情,表情图片大小及规范参照微信表情平台设计规则

(百度搜 微信表情平台,注册账号登录后就可以看到表情制作要求规范 https://sticker.weixin.qq.com)

Image title

 

表情主图

16/24个,表情缩略图:16/24个,详情页横幅:1个

表情封面图:1个,聊天面板图标:1个

赞赏图:1个,致谢图:1个


AI设计方法:

把草图拍照或者扫描导入AI ,用钢笔描线并上色

如果要做gif动画,需要一帧帧画出每一张图,一个图层一幅画,然后导出png序列帧

再导入ps,在时间轴里调好时间,循环模式选永远

做好后存储为Web所用格式,导出gif文件


PS设计方法

把草图拍照或者扫描导入PS,用钢笔描线(不做矢量的可用画笔工具画出来)并上色

每个图层对应一幅画也就是对应一个动作

通过ps时间轴调时间动画,循环模式选永远

做好存储为Web所用格式,导出gif文件


FL设计方法

把草图拍照或者扫描导入FL,用钢笔或者直线工具描线并上色

可以在fl里直接做动画,导出png序列帧

再导入ps,在时间轴里调好时间,循环模式选永远

做好后存储为Web所用格式,导出gif文件

 

前面啰嗦了一大堆,本文的重点终于来了


五、制作流程


1.草稿设计

根据你列出的词语(参照步骤二的第2小点)

对应画出草图,草稿尽量画的准确一些

这样再后面清线上色的时候会比较方便

Image title


2.清线上色、描边,确定最终稿 

Image title


3.做好动作并导出png序列帧

(动画怎么做这里不做具体阐述,可以学习动画运动规律以及日常的观察学习来设计动作)


 例1:表情-出现

Image title

(序列帧的导出如上图所示)


例2:表情-撒花

Image title


4.把导出的序列帧导入ps


并打开时间轴做逐帧动画

Image title


每一个时间轴图层对应一个图层

记得是一一对应

 Image title


插播一个png序列帧一键导入ps小技巧:


1.文件-脚本-将文件载入堆栈

Image title


2.浏览-选择要导入的png序列帧(并全选)-点击确定

 Image title

Image title


此时,你会看到这样的ps界面

Image title

 

5.按照步骤1做好动画,调好帧数时间,循环模式设为永远

存储为Web所用格式,导出gif文件 

Image title


6.这样一个简单的gif表情就完成啦

Image title


(出现)

Image title


(好喜欢)

Image title


(吃屎吧)

Image title


(抠鼻)

Image title


(吹泡泡糖)

Image title


(你真棒)

Image title


(撒花)

Image title


(喝水)

 

 文章教程就分享到这里

不知道你有没有get到,赶紧动手操作一下吧

如果有不懂的评论留言或者私信我帮你解答


插播一支小广告:明天就要双十一了,教主本人又设计了一套关于双11购物的表情

已经在微信表情商店上架,如果你有兴趣可以去免费下载哟

Image title


Winnie@日常购物篇

Image title


-The End-

原 创 不 易   且 看 且 分 享

吐槽想吐槽的丨画自己想画的

@Winnie-Cartoon

更新:2017-11-10

收藏

8人已收藏

教主惹人嗳

我就是我,不一样的水果~

  • 19

    作品

  • 36

    粉丝

  • 12

    关注

  • 微信表情设计
  • winnie日常漫画撩汉篇
  • 原来如此——地震来了那些事儿
  • 曾经我也是个美术生

    猜你喜欢

      2017-11-10 原创文章 经验/观点 举报 4174 8 11 2

      手把手教你表情包的制作方法与流程

      0.0°

      你确定要举报手把手教你表情包的制作方法与流程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年11月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      8
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录