美文网首页设计手绘工具癖
咕噜喵|自制端午节GIF小表情

咕噜喵|自制端午节GIF小表情

作者: 深井真君 | 来源:发表于2017-05-30 21:17 被阅读113次

    HI大家端午节快乐我的名字叫做咕噜喵,是一只软软胖胖的三花猫~
    今天在这里教大家自制一只咕噜喵的小表情。
    ლ(╹◡╹ლ)一起来吧~

    粽子咕噜喵 咕噜喵
    • 打草稿
      草稿

      先在纸上画一个大概草图的样子,当然熟练之后可以直接在电脑上起手。不用这么麻烦。
      我这个草图看起来比较草哈哈,不要在意这些细节。。

    • 图像描摹

    把画好的草图照下来,传到电脑里。打开Adobe Illustrator。

    1. 新建一个文件,500px*500px

    2. 选择“文件”>“置入”,选择刚才传进电脑里的照片

    3. 点选置入的照片,点击“嵌入”和“图像描摹”

    ![“嵌入”和“图像描摹”](https://img.haomeiwen.com/i2460631/0ca4573d274ed9f7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    1. 选择“对象”>“扩展”, 选择对象,点击鼠标右键,“取消编组”两次。
    2. 删除多余部分
    ![效果展示](https://img.haomeiwen.com/i2460631/a478cc35442dc02c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    • 绘制图像
      1. 锁定当前图层,然后新建一个图层。
      2. 在新图层上,用钢笔工具,开始沿小猫的轮廓进行绘制,我的描边是5.2px宽。
        描好的咕噜喵是这个样子。


        效果展示
      3. 下面选择小喵的整体外轮廓和尾巴外轮廓线。选择“效果”>“风格化”>“涂抹”,设置适当参数。
        这样咕噜喵就变得毛绒绒的了。


        效果展示
      4. 接下来为咕噜喵填色


        效果展示
      • 眼睛后面的花花是用钢笔工具画一个圆形,填充相应颜色,再选择“涂抹”效果,调整参数就好啦。
      • 粽子下面深色的阴影,也是用钢笔工具画出轮廓,填好相应的颜色。然后把深色的猫猫描边,叶子纹路描边的线(不要有填色)复制,再ctrl+f贴在上面,再按ctrl+shift+]放置在顶层即可。(如果复制的描边吧猫猫爪子覆盖了,选择猫猫爪子,再放置在顶层)。
    • 同样的方式做出两个别的动作的咕噜喵

    要注意三个咕噜喵的形状要基本一致。


    另外两只和一盆粽子
    • 储存三只咕噜喵
    • 生成动画
      1. 打开Adobe PhotoShop
      2. 选择“文件”>“打开”,打开刚才储存的文件,我的这个左边的“选择”里,按住shift选择“2、3、4”页面。(页面1是废图。。)
      • 注意:裁剪到要选择“媒体框”,图像大小更改到500*500


        打开文件
      1. 将三张图放置到一个文件里。
        好啦,现在有三张咕噜喵的图片。点开一张图片,我们用矩形框选工具框选住一只喵,ctrl+c,再点开一张图,ctrl+v。就复制新建了一个图层
      框选工具来框选
      1. 同样的动作,再复制另外一只喵和粽子盆。复制好了之后,用移动工具,在每只喵相应的图层,把它们移动到适当位置。


        效果展示
      2. 选择“窗口”>“时间轴”
      3. 下面按照如下图示来做
      关闭2、3图层的小眼睛(点那个小眼睛就行) 使仅1、4图层可见 点击时间轴面板里的“复制所选帧”(垃圾桶图标旁边),然后关闭1图层,打开2图层 点击时间轴面板里的“复制所选帧”,然后关闭2图层,打开3图层 点击时间轴面板里的“复制所选帧”,然后关闭3图层,打开2图层 点击时间轴面板里的“复制所选帧”,然后关闭2图层,打开1图层 选择3号帧,点击复制所选帧,为了让咕噜喵在空中停一下 点击播放动画,可以在ps路预览喵喵的动作
    • 储存gif

    选择“文件”>“存储为Web所用格式...”

    注意检查图像大小,然后“完成”

    ( ̄▽ ̄)ノ

    好啦,一只端午节咕噜喵就做好啦是不是很可爱
    我是原创的哦转载截图请注明哦

    咕噜喵

    相关文章

      网友评论

        本文标题:咕噜喵|自制端午节GIF小表情

        本文链接:https://www.haomeiwen.com/subject/aqwrfxtx.html