搜索
有爱,有技术,有你^_^)y
╱人◕‿‿◕人╲订下契约(注册新用户)

合作站点账号登陆

QQ登录

只需一步,快速开始

快捷导航
查看: 3557|回复: 29
收起左侧

[成签] 【搬运】中国风墨舞文字个人动态签名档

[复制链接]

该用户从未签到

41

主题

6

好友

1558

积分

Continue

积分
1558
发表于 2012-7-1 11:39:39 | 显示全部楼层 |阅读模式

╱人◕‿‿◕人╲定下契约

您需要 登录 才可以下载或查看,没有账号?╱人◕‿‿◕人╲订下契约(注册新用户)

x
本帖最后由 _VastCast 于 2015-3-10 17:10 编辑

这是一个看似比较繁琐的教程,但其实,是一个蛮简单的,也不难。
       好吧,这里呢,我们来分析下这个GIF图,首先,我们会很明显的知道,这个图的字是加上去的,也就是说,这个图的原动画,是独立的,所以,做这个GIF图的时候,我们要找到这个图,当然,这个图,我会提供(我的也是找别人拿的,也是这PS吧里的人)。
       首先,我们来看下,这个图,这个图,这个图里,一共有五个人,这样的话,我们可以安排五个字,但是,第一个人,和第二个人,相隔很近,也就是说我们只需要安排四个字。
       这里呢,我们要选下这四个字,还有大家看这图的时候,是不是看到,字是分开,一半一半的出来的,但是,出来的时候,很合理,这就要看你自己怎么样分,怎么合理的安排这些字的出现,我教的只是一些方式,不给教你们这些创意的方法。现在,我们来分析下字,,如同,我的ID:“在梦里为你唱歌”,我就取了四个字,“梦里唱歌”。而这歌字,我可以分成哥和欠, 这两个字。这里,会把这两字用在,最开始出来的两个人物,正好是左右两个字。由此,可仔细看下图里的人物变化,再根据人的变化,顺着你写的字的,字体的本画,“写”出来。这也是比较主要的一点,一定要好好分析下,这样,做出来才会好看。

效果图:

                               
登录/注册后可看大图


原图:

                               
登录/注册后可看大图

1.首先,打开动画图,选中最后一帧,我们再把这几个字,打出来,字体颜色,#807060,因为,背景图不是很鲜艳,所以,我们取这个淡灰的颜色,
调整字体的大小。如图:


                               
登录/注册后可看大图

2.删格化字体,然后,根据,我们开始的设想,复制图层,用橡皮擦擦掉多于的,我的字呢,是分成这样的,每分一个字,就一个图层。
如图:


                               
登录/注册后可看大图


                               
登录/注册后可看大图


                               
登录/注册后可看大图


                               
登录/注册后可看大图


                               
登录/注册后可看大图

好吧,第二步,还有一张图

                               
登录/注册后可看大图

3.再然后,根据我们,开始对字的设想,设想应该在某个时候出现,我们在帧里找到差不多的帧,进行显示我们设想要出来的那个字,
如图:


                               
登录/注册后可看大图

我这里是在二十六帧的时候,显示这个不完整的“风”,这都是我在事想,想好要出现的地方。
4.然后,再找到,设想出“枫”少一撇的地方,我这里是在第四十四帧的地方,所以,选中第四十四帧,显示此图层,

如图:


                               
登录/注册后可看大图

5.按着Shift选中26——43帧,显示“风”图层。如图:

                               
登录/注册后可看大图

6.以上同样的方法,把各图层,显示出来,然后播放,感觉不合适的地方,再停下来,进行修改。


点评

技术区官博已推广o(* ̄▽ ̄*)o  发表于 2013-3-14 19:29

评分

参与人数 1宅币 +35 贡献 +4 收起 理由
銀琉迦 + 35 + 4 o(* ̄▽ ̄*)ブ 发糖

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~
回复

使用道具 举报

该用户从未签到

388

主题

2042

好友

10万

积分

懒人

积分
104569
发表于 2012-7-1 11:49:58 | 显示全部楼层
效果图和原图怎么一样?
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

41

主题

6

好友

1558

积分

Continue

积分
1558
 楼主| 发表于 2012-7-1 11:50:56 | 显示全部楼层
ぃ野花のAriosモ 发表于 2012-7-1 11:49
效果图和原图怎么一样?

╮(╯_╰)╭
不知
我只是搬运
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

签到天数: 6 天

连续签到: 1 天

[LV.2]偶尔看看I

51

主题

60

好友

8501

积分

序章

积分
8501
发表于 2012-7-2 02:45:34 | 显示全部楼层
本帖最后由 luluya 于 2012-7-2 03:03 编辑

原版的原版……应该是GOOGLE的。。。LOGO= =
GOOGLE纪念现代舞先驱玛莎·葛兰姆 117 周年诞辰的LOGO,设计师疯狂的用一张PNG加JS代码让他动了起来
原图和代码如下


                               
登录/注册后可看大图
  1. function () {
  2. var a = d[f],
  3. c = document.getElementById("hplogo");
  4. if (c &amp;&amp; a[0]) {
  5. var b = document.createElement("div");
  6. b.id = "hplogo" + f;
  7. b.style.left = a[0] + "px";
  8. b.style.top = a[1] + "px";
  9. b.style.width = a[2] + "px";
  10. b.style.height = a[3] + "px";
  11. b.style.background = "url(https://lh5.googleusercontent.com/_hk4GrggD0hw/TcndO0nwc1I/AAAAAAAACZA/g8QnWo36Z14/QQ%E6%88%AA%E5%9B%BE%E6%9C%AA%E5%91%BD%E5%90%8D.png) no-repeat " + -g + "px " + -h + "px";
  12. b.onmousedown = k;
  13. a[3] &gt; i &amp;&amp; (i = a[3]);
  14. a[4] ? (g = 0, h += i, i = 0) : g += a[2];
  15. c.appendChild(b); ++f;
  16. f &lt; e &amp;&amp; (j = window.setTimeout(l, 83))
  17. }
  18. }
复制代码
拼接图

                               
登录/注册后可看大图

评分

参与人数 2宅魂 +5 宅币 +40 贡献 +7 收起 理由
銀琉迦 + 20 + 7 Σ( ° △ °|||)︴ 碉堡了
0℃的温暖 + 5 + 20 Σ( ° △ °|||)︴ 碉堡了

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

5

主题

9

好友

3642

积分

序章

积分
3642
发表于 2012-8-5 22:14:32 | 显示全部楼层
设计师疯狂的用一张PNG加JS代码让他动了起来""
跪了...
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

156

主题

215

好友

5万

积分

第三章

(ノ)`ω´(ヾ)是个鸟

积分
52236
发表于 2012-8-7 08:41:05 | 显示全部楼层
拜一下,,我此生与技术无缘了..
大部分回复通知已取消、有事可戳。
回复 支持 反对

使用道具 举报

该用户从未签到

14

主题

40

好友

1万

积分

第一章

积分
11037
发表于 2012-8-25 14:07:44 | 显示全部楼层
有看过,不过那个好像不一样~不过,楼主特意搬过来还是幸苦了哇~
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

2

主题

26

好友

1万

积分

第一章

积分
10363
发表于 2012-8-28 20:01:41 | 显示全部楼层
长见识啦~
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

6

主题

13

好友

3850

积分

序章

积分
3850
发表于 2012-8-29 13:21:31 | 显示全部楼层
此生与技术无缘~~
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

10

主题

32

好友

1万

积分

第一章

积分
12370
发表于 2012-8-29 17:15:45 | 显示全部楼层
技术宅~~
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

376

主题

219

好友

5万

积分

吃货

~如有本人链接失效帖(除猎奇控)请直接锁帖下沉处理~

积分
50900
发表于 2012-9-1 11:53:02 | 显示全部楼层
哇哦 这效果好帅的
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

19

好友

1068

积分

Continue

积分
1068
发表于 2012-9-30 23:46:31 | 显示全部楼层
太强大了……不知我何时才能成为那样疯狂的设计师
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

17

好友

2万

积分

第一章

积分
21222
发表于 2012-10-6 04:48:00 | 显示全部楼层
这个点瞎晃荡,容易被类似4L这类的震惊醒....
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

11

主题

54

好友

1万

积分

第一章

积分
19555
发表于 2012-11-19 08:58:11 | 显示全部楼层

嘤嘤嘤我真的好想学……但是电脑下PS真的好慢好卡!!!
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

10

好友

4907

积分

懒人

积分
4907
发表于 2012-11-24 00:00:59 | 显示全部楼层
我擦的勒  这技术~~~我真是膜拜了!
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

本版积分规则

小黑屋|手机版|技术宅(Z站|基宅) ( 粤ICP备18082987号-1 )

GMT+8, 2025-6-16 11:30 , Processed in 0.151911 second(s), 48 queries , Redis On.

Copyright © 2018 技术宅社区

Powered by Discuz! X3.5

快速回复 返回顶部 返回列表