澳门金沙网上娱乐网址
  • |
    |
    51CTO旗下网站
    |
    |
    移动端

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

    有没有这样的感觉?在与朋友聊天的时候,翻了很久的表情包确没有自己想要的,顿时感觉很苦恼?在网上看到很多好玩、有趣、逗逼的表情,很好奇他们是怎么做的。自己也很想做一套表情包可是不知道该怎么着手去做?来看看本文吧

    作者:教主惹人嗳来源:站酷|2017-11-13 13:06

    有没有这样的感觉?

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

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

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

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

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

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

    一、形象设计

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

    这个依据自己的喜好来定

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

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

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

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

    1.卡通形象定位

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

    2.性格定位

    • 性格比较随和,喜欢发呆,有时候有点傻,记性也不好
    • 为人单纯不喜欢欺骗,有主见,也比较二
    • (其实也就是自己的一些性格,一脸坏笑)

    3.造型创作

    • 加上丸子头发型使形象更加活泼,可爱,生动有趣
    • 整体形象看起来俏皮,有朝气

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

    二、立意设计

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

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

    1.要确定一个主题

    • 比如我之前设计的一套gif表情
    • 是想表现Winnieの日常生活的一些表情
    • 然后通过头脑风暴形式列出你想表达的各种词汇
    • 最终再进行筛选
    • 因为微信要求一套表情是16或24个

    2.列出想要表达的词汇

    • Winnie日常撩汉篇题材主题就是撩汉
    • 比如要抱抱、亲亲、壁咚、赤裸裸的要求被窝等我、等着被撩
    • 形象表现主要传达的立意就是贱贱的、色色的

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

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

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

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

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

    小技巧

    1. 平时聊天的时候把自己特别想发的表情记录下来
    2. 注意身边的小伙伴特别想发的表情却死活找不到的表情去记录下来
    3. 网络用语热词记录下来

    含义词需注意

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

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

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

    三、使用的软件

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

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

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

    表情主图

    • 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小点)
    • 对应画出草图,草稿尽量画的准确一些
    • 这样再后面清线上色的时候会比较方便

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

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

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

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

    例1:表情-出现

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

    手把手教你表情包的制作方法与流程
    (序列真的导出如上图所示)

    例2:表情-撒花

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

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

    并打开时间轴做逐帧动画

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

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

    记得是一一对应

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    文章教程就分享到这里

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

    原文链接:https://www.zcool.com.cn/article/ZNTgzNjQ4.html
     
    作者:教主惹人嗳,微信:pianolovely_niel
     

    【编辑推荐】

    1. 9款极佳的JavaScript移动应用程序开发框架
    2. 原生对混合:移动应用开发该从何处入手?
    3. 2017年移动应用开发十大趋势
    4. 如何在移动应用中有效地收集用户反馈
    5. 移动应用设计:易用性和易读性
    【责任编辑:未丽燕 TEL:(010)68476606】

    点赞 0
    分享:
    大家都在看
    猜你喜欢

    订阅专栏+更多

    活学活用 Ubuntu Server

    活学活用 Ubuntu Server

    实战直通车
    共35章 | UbuntuServer

    218人订阅学习

    Java EE速成指南

    Java EE速成指南

    掌握Java核心
    共30章 | 51CTO王波

    83人订阅学习

    Mysql DBA修炼之路

    Mysql DBA修炼之路

    MySQL入门到高阶
    共24章 | 武凤涛

    472人订阅学习

    读 书 +更多

    一目了然——Web软件显性设计之路

    本书阐述了为什么以及如何设计出简单易用的基于Web的软件,让用户单凭常识即可有效地使用它。主要内容包括:显性设计的概念、如何理解用户...

    订阅51CTO邮刊

    点击这里查看样刊

    订阅51CTO邮刊

    51CTO服务号

    51CTO播客

    澳门新威尼斯登陆 澳门金沙网上娱乐网址
  • 金沙网站所有网址 js333金沙线路真人平台 澳门新金沙线上网址 澳门金沙bb电子糖果派对 澳门金沙网上博彩下载 金沙118线路检测