『漫游』酷论坛>『动漫贴图区』>图片处理技术交流区>【1021】 [PS-IR]制作四 ..

【1021】 [PS-IR]制作四周循环移动的虚线框 (ImageReady)

天使小萌@2004-09-21 22:38

我昨天把Zeak·TROZ君的方法仔细看了遍,觉得对于给头像加虚线框都很方便。刚好又有人问到怎么弄会动的虚线框,我就一起写个教程吧。




首先我们选用的是萌主伟大可爱的头像。见下图:


用photoshop打开可爱头。因为刚打开所以其是背景层,为了编辑方便,我们要把它弄成普通层,可以把它复制一边,然后删掉原先的背景层就可以了。如图:


按住ctrl键,点下图图示按钮新建一个层在图层0下方:

我们用“画布大小”来改变这个图层1的大小,如下图设置:


好了,现在新建一个4x4象素的白底文件,然后按Zeak·TROZ君那样的方法,不过不需要画那么多黑块,画两个就够了。可以先放大这个4x4的文件,点矩形选框工具,采用固定大小样式,如下图设置:

弄出两个选区,然后填充黑色,最后如下图:

好,定义其为图案。然后重新看到那个“图层1”,填它。
于是,就变成了酱紫:


这时,我们按住ctrl键,点那个“图层0”选中图层0,然后在“扩展”1象素的选区边缘,接下来再拼合所有图层,这样有虚线的头像就出来啦!哇哈哈....

不过,要用ImageReady做会动的虚线,我们先不要那么快去选图层0。在上图的那步中,先复制图层1,复制3遍,最后如下图:


然后我们要用到矩形选框工具的最后两个:单行、单列选框工具。

先点图层1,然后选单行选框工具,在上面那行虚线的虚线点上点一下,这样就把上面那排虚线选到了,然后按图层面板下方的“添加矢量萌板”,如下图:

搞好后给这个图层1重命名一下,按虚线的位置命名该图层为“上”,这都是为了以后弄IM时方便。
然后你就依次点选其他副本层,按照虚线的位置分别选用单行、单列工具,选好后用添加矢量萌板按钮给它加萌,并注意重新命名各个图层。全部搞好后如下图:




好,保存为psd文件,用ImageReady打开这个psd文件。
先按下图所示按钮复制一个帧:


点工具的第二个“移动工具”,在点“上”图层,这时,如果你希望做出的虚线框是顺时针循环移动,那就按键盘的方向键“→”一下;在“下”图层上按“←”一下,明白左右两个图层要按什么方向键了吧?
好,四个层都按好后,点下图箭头所示按钮:

在弹出的“过渡”对话框,设4个帧(因为有4个方向嘛)就可以了,确定。
最后,在动画面板上就多出了4个帧,这时,全选所有帧,给他们选个虚线移动的速度就可以了,我这里选“0.1秒”:


好了,“文件”-“将优化结果存储为”gif就可以看到动的框了。(注意,你可以设置一下优化选项,使输出的gif图片即不会损失太多质量,又能在20K之内)

成品:
  

偶现在正在学ImageReady和UGA,感觉这两个软件不像其他3D和视频制作的软件那么高深,而且做出的动态gif也都适合论坛,所以希望有相关经验的朋友也发点这两个软件的经验教学贴啊。欧奶钙!
引用

asissy@2004-09-21 22:44

..
无责任飘过,貌似FLASH做这种效果更简洁,可惜压缩的问题没有办法解决..
引用

天使小萌@2004-09-21 22:51

flash不会,青菜说说怎么弄,到时我也准备装个flash,偶隔壁技术部的一个同事是flash高手的说...

我现在倒是想知道,假如我用的虚线边框是心形或者是其他不规则形状的,怎么让它动起来。。

希望明多给点钱,我截图用了好久。。
引用

Hanli@2004-09-22 00:27

支持,研究学习中。。。
引用

obviw@2004-09-22 05:37

引用
最初由 asissy 发布
..
无责任飘过,貌似FLASH做这种效果更简洁,可惜压缩的问题没有办法解决..
FLASH啊..导出的GIF都明显过大..不知道某些设定是否改变这些情况...
不过现在用的少..所以基本没注意了
引用
最初由 天使小萌 发布


希望明多给点钱,我截图用了好久。。
MOMO 萝卜..辛苦了哈:D
该给多少给多少..一般都按收录的数字...
1000以上 0~250
1500以上250~500
其它 500~1000

头像量产目前大概5~10/枚...
这样以后有人接手也方便..不会产生多大的偏差.
引用

ceciliaL@2004-09-22 12:38

呃呐!!!感激感激,用心ing...
引用

天使小萌@2004-09-22 16:09

引用
最初由 obviw 发布
该给多少给多少..一般都按收录的数字...
1000以上 0~250
1500以上250~500
其它 500~1000

ˉ3ˉ: 矮,明,你太狡猾了吧... 当初一篇你都给我五六百咧~ 现在怎么又按字数算了。。晓得我就多写点字哈...

如果把虚线换成彩色的,或者换成大大、圆圆的虚线点,那样就更好看啦!
引用

obviw@2004-09-22 17:43

引用
最初由 天使小萌 发布

ˉ3ˉ: 矮,明,你太狡猾了吧... 当初一篇你都给我五六百咧~ 现在怎么又按字数算了。。晓得我就多写点字哈...

如果把虚线换成彩色的,或者换成大大、圆圆的虚线点,那样就更好看啦!
奖励的规格什么都是在慢慢的成形吧...初期难免有所探索性质..现在基本稳定下来了
引用

Zeak·TROZ@2004-09-22 20:58

感觉好象不错..
引用

asissy@2004-09-22 22:40

..
要那么多MY有什么用

FLASH当作画图工具是不错的,导出GIF图片有杂色..所以很少用,IR就是比较PROFESSIONAL的了m__m,可是很麻烦....有时间看看PHOTOIMPACT可以怎么做.....

>>这样以后有人接手也方便..不会产生多大的偏差.
大叔要走么?
引用

obviw@2004-09-22 22:51

引用
最初由 asissy 发布
..
要那么多MY有什么用

FLASH当作画图工具是不错的,导出GIF图片有杂色..所以很少用,IR就是比较PROFESSIONAL的了m__m,可是很麻烦....有时间看看PHOTOIMPACT可以怎么做.....

>>这样以后有人接手也方便..不会产生多大的偏差.
大叔要走么?
呵呵 总不能总是我在管理吧..顺利的话是轮流制的有精力的担任..毕竟自己不可能赖在位置上..有能力有精力肯务实的新人总会不断出现D....
还有 ...我什么时候成大叔了..=_= 我还年轻着呢...
引用

asissy@2004-09-22 22:56

...
感觉很象,MAYBE...
发现管理人真是麻烦的问题啊...
引用

| TOP