表情制作表情包制作 QQ表情制作在线gif动画制作 intoGIF

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta name="renderer" content="webkit"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <title>表情制作表情包制作 QQ表情制作在线gif动画制作 intoGIF</title> <link rel="canonical" href="http://www.intogif.com/zhizuo/"/> <meta name="keywords" content="表情制作,表情包制作,QQ表情制作,在线gif动画制作"> <meta name="description" content="intoGIF表情编辑器是一个在线gif动画制作工具，能快速把GIF图片和文字融合为一体，为文字提供了多种字体及样式和颜色，以及多种gif动态效果，让您在自己制作的QQ表情或者微信表情更佳的精美。"> <link href="/resource/style/dist/public/common.css?v=201910141800" rel="stylesheet"> <link href="/resource/style/dist/lib/jquery-ui.min.css?v=201910141800" rel="stylesheet"> <link href="/resource/style/dist/biaoqing/index.css?v=201910141800" rel="stylesheet"> <script type="text/javascript"> var _CONFIG = { 'wwwUrl':'/', 'scriptUrl':'/resource/script/dist/', 'styleUrl':'/resource/style/dist/', 'imageUrl':'/resource/image/' }; </script> </head> <body> <div class="wrapper"> <div class="header"> <div class="mod-head"> <div class="inner"> <h1> <a href="/"><img src="/resource/image/public/logo.png" width="160" height="36" alt="表情图片"></a> </h1> <ul> <li class="active"><a href="/biaoqing/" target="_blank">表情制作</a></li> <li><a href="/loading/" target="_blank">Loading图片</a></li> </ul> <div id="share" class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div> </div> </div> </div> <div class="container"> <div class="inner"> <div class="mod-setting"> <div class="tip"></div> <div class="hd"> <div class="input"> <label for="url-upload"> <input id="url-upload" class="input-file" type="file" name="fileInput" accept="image/gif"/> <span class="btn">选择本地文件</span> </label>  </div> <div id="preview" class="preview"> <img id="gifImage" src="/resource/image/biaoqing/test.gif" rel:auto_play="1" rel:rubbable="1"> <canvas id="gifCanvas" style="display:none;"></canvas> <div class="caption-wrap"> <canvas id="textCanvas" style="display:none;"></canvas> </div> </div> <div class="output"> <canvas id="outputCanvas" style="display:none;"></canvas> </div> </div> <div class="bd"> <div class="panel"> <div class="row"> <div class="field-name">文字内容：</div> <ul> <li> <input type="text" name="text" value="GIF图片制作" placeholder="请输入图片文字内容"/> </li> </ul> </div> <div class="row"> <div class="field-name">文字字体：</div> <ul> <li> <label for="radio-11"> <input id="radio-11" type="radio" name="font-family" value="Microsoft YaHei" checked="checked"/> <span>微软雅黑</span> </label> </li> <li> <label for="radio-12"> <input id="radio-12" type="radio" name="font-family" value="SimSun"/> <span>宋体</span> </label> </li> <li> <label for="radio-13"> <input id="radio-13" type="radio" name="font-family" value="SimHei"/> <span>黑体</span> </label> </li> <li> <label for="radio-14"> <input id="radio-14" type="radio" name="font-family" value="KaiTi"/> <span>楷体</span> </label> </li> <li> <label for="radio-15"> <input id="radio-15" type="radio" name="font-family" value="MingLiU"/> <span>细明体</span> </label> </li> </ul> </div> <div class="row"> <div class="field-name">文字样式：</div> <ul> <li> <label for="radio-31"> <input id="radio-31" type="radio" name="font-style" value="normal" checked="checked"/> <span>正常</span> </label> </li> <li> <label for="radio-32"> <input id="radio-32" type="radio" name="font-style" value="italic"/> <span>斜体</span> </label> </li> </ul> </div> <div class="row"> <div class="field-name">文字粗细：</div> <ul> <li> <label for="radio-41"> <input id="radio-41" type="radio" name="font-weight" value="normal" checked="checked"/> <span>正常</span> </label> </li> <li> <label for="radio-42"> <input id="radio-42" type="radio" name="font-weight" value="bold"/> <span>加粗</span> </label> </li> </ul> </div> <div class="row"> <div class="field-name">文字风格：</div> <ul> <li> <label for="radio-71"> <input id="radio-71" type="radio" name="style" value="normal" checked="checked"/> <span>正常</span> </label> </li> <li> <label for="radio-72"> <input id="radio-72" type="radio" name="style" value="stroke"/> <span>镂空</span> </label> </li> <li> <label for="radio-73"> <input id="radio-73" type="radio" name="style" value="shadow"/> <span>投影</span> </label> </li> </ul> </div> <div class="row"> <div class="field-name">文字颜色：</div> <ul> <li> <label for="radio-21"> <input id="radio-21" type="radio" name="fillStyle" value="#ffffff" checked="checked"/> <span class="color" style="background:#ffffff;"></span> </label> </li> <li> <label for="radio-22"> <input id="radio-22" type="radio" name="fillStyle" value="#000000"/> <span class="color" style="background:#000000;"></span> </label> </li> <li> <label for="radio-23"> <input id="radio-23" type="radio" name="fillStyle" value="colorful"/> <span class="color" style="background:url('resource/image/biaoqing/colorful.png') center 0 repeat; background-size: contain;"></span> </label> </li> <li> <label for="radio-24"> <input id="radio-24" type="radio" name="fillStyle" value="#ff6563"/> <span class="color" style="background:#ff6563;"></span> </label> </li> <li> <label for="radio-25"> <input id="radio-25" type="radio" name="fillStyle" value="#fff54c"/> <span class="color" style="background:#fff54c;"></span> </label> </li> <li> <label for="radio-26"> <input id="radio-26" type="radio" name="fillStyle" value="#00ff97"/> <span class="color" style="background:#00ff97;"></span> </label> </li> <li> <label for="radio-27"> <input id="radio-27" type="radio" name="fillStyle" value="#9a20ff"/> <span class="color" style="background:#9a20ff;"></span> </label> </li> <li> <label for="radio-28"> <input id="radio-28" type="radio" name="fillStyle" value="#00cbff"/> <span class="color" style="background:#00cbff;"></span> </label> </li> </ul> </div> <div class="row"> <div class="field-name">文字动效：</div> <ul> <li> <label for="radio-51"> <input id="radio-51" type="radio" name="effect" value="none" checked="checked"/> <img src="/resource/image/biaoqing/effect/none.jpg" width="180" height="40"/> </label> </li> <li> <label for="radio-52"> <input id="radio-52" type="radio" name="effect" value="shake"/> <img src="/resource/image/biaoqing/effect/shake.gif" width="180" height="40"/> </label> </li> <li> <label for="radio-53"> <input id="radio-53" type="radio" name="effect" value="wave"/> <img src="/resource/image/biaoqing/effect/wave.gif" width="180" height="40"/> </label> </li> <li> <label for="radio-54"> <input id="radio-54" type="radio" name="effect" value="twinkle"/> <img src="/resource/image/biaoqing/effect/twinkle.gif" width="180" height="40"/> </label> </li> <li> <label for="radio-55"> <input id="radio-55" type="radio" name="effect" value="swing"/> <img src="/resource/image/biaoqing/effect/swing.gif" width="180" height="40"/> </label> </li> <li> <label for="radio-56"> <input id="radio-56" type="radio" name="effect" value="fade"/> <img src="/resource/image/biaoqing/effect/fade.gif" width="180" height="40"/> </label> </li> </ul> </div> <div class="row"> <div class="field-name">文字透明度：</div> <ul> <li> <label for="radio-81"> <input id="radio-81" type="range" name="opacity" value="1" min="0" max="1" step="0.01"/> <em>1</em> </label> </li> </ul> </div> <div class="row"> <div class="field-name">gif图片滤镜：</div> <ul> <li> <label for="radio-61"> <input id="radio-61" type="radio" name="filter" value="none" checked="checked"/> <span>正常</span> </label> </li> <li> <label for="radio-62"> <input id="radio-62" type="radio" name="filter" value="gray"/> <span>黑白</span> </label> </li> <li> <label for="radio-63"> <input id="radio-63" type="radio" name="filter" value="blur"/> <span>模糊</span> </label> </li> <li> <label for="radio-64"> <input id="radio-64" type="radio" name="filter" value="mosaic"/> <span>马赛克</span> </label> </li> <li> <label for="radio-65"> <input id="radio-65" type="radio" name="filter" value="sepia"/> <span>复古</span> </label> </li> <li> <label for="radio-66"> <input id="radio-66" type="radio" name="filter" value="brightness"/> <span>鲜艳</span> </label> </li> <li> <label for="radio-67"> <input id="radio-67" type="radio" name="filter" value="invert"/> <span>反色</span> </label> </li> <li> <label for="radio-68"> <input id="radio-68" type="radio" name="filter" value="emboss"/> <span>艺术</span> </label> </li> </ul> </div> <div class="row"> <ul> <li> <button id="reset">重置设置</button> </li> <li> <button id="create">GIF图片生成</button> </li> </ul> </div> </div> </div> </div> <div class="mod-intro"> <div class="hd"><h3>表情制作介绍</h3></div> <div class="bd"> <p>intoGIF的表情制作栏目是一个在线gif动画制作工具，能快速把GIF图片和文字融合为一体，为文字提供了多种字体及样式和颜色，以及多种gif动态效果，让您在自己制作的QQ表情或者微信表情更佳的精美。</p> <p>支持使用本地图片上传或者网络图片，如果发现图片无法使用，请使用本地上传。本站的gif表情图片都支持在线修改，可从搜索中找到您喜欢的图片，然后再来修改。</p> </div> <div class="hd"><h3>在线gif动画制作注意事项</h3></div> <div class="bd"> <p>1.更换文字颜色时，请勿和背景图片太接近，以免造成文字看不清</p> <p>2.如果生成gif失败，请重新点gif生成按钮试试</p> <p>3.不支持低端浏览器，如果发现无法使用表情制作工具，请更换为高级浏览器（如谷歌、360浏览器等）</p> </div> </div> <div class="mod-mask"> <div class="bd"> <p>图片生成中 <span>0%</span></p> </div> <div class="ft"></div> </div> </div> </div> <div class="footer"> <div class="mod-foot"> <div class="inner"> <p>Copyright © 2025 intoGIF.com, All Rights Reserved</p> </div> </div> <div class="mod-floatbar"> <a href="#" rel="nofollow">回到顶部</a> </div> </div> </div> <script type="text/javascript" src="/resource/script/dist/lib/jquery.seajs.js"></script> <script type="text/javascript"> window.onload = function(){ seajs.config({ base: _CONFIG['wwwUrl']+'resource/script/dist', paths: { 'modules': _CONFIG['wwwUrl']+'resource/script/dist' }, map: [ [/^(.*?\/script\/(?:src|dist)\/.*?\/.*?\.js$)(?:.*)$/i, '$1?v=201706151145'] ], charset: 'utf-8' }); seajs.use('modules/public/common.js'); seajs.use('modules/biaoqing/index.js'); }; </script> <div class="hide"> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node67.aizhantj.com:21233/tjjs/?k=7s2mstrb1vh"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </body> </html>

CINXE.COM

表情制作 表情包制作 QQ表情制作 在线gif动画制作 intoGIF

表情制作表情包制作 QQ表情制作在线gif动画制作 intoGIF