iF小野 发表于 2019-7-9 11:16:46

iFAction自动元件制作教程

本帖最后由 iF小野 于 2019-7-9 15:21 编辑

iFAction教程--自动元件（上篇）


static/image/hrline/line3.png

听说论坛有人啥都不会还想做自动元件，于是BOSS逼让我做了本期关于自动元件的教程。                     
static/image/hrline/line3.png


1.首先打开,然后关掉。

   再打开。                                                            
static/image/hrline/line3.png

2.新建一张画布，基础图块的尺寸是48X48像素，我们在绘制的过程可以根据尺寸比例放大来画，
   所以我建立了一张96X96像素的画布，你随意。
                           

3.思考下制作内容，可以先随意的画个草图铺个底色啥的，   绘制出大感觉。                                                                  
static/image/hrline/line3.png

4.根据草图内容进一步刻画细节，完成要做的单体内容。
                                                          注意完成的单体要保证    四方连续（上下左右可    以自行连续拼接）
static/image/hrline/line3.png

5.将单体尺寸缩放至48X48像素，复制几个出来排布成   3X3的制式，这样我们就如愿得到了一面破损的墙面   啦。                                                                
static/image/hrline/line3.png

6.根据图块内容做一些边缘修饰。                                    因为衔接制式的原因我们在做修改边缘的   时候高度通常不会高于24像素（边缘要保
   证可以左右拼接的二方连续）
                  做完一个边，还有三个边~            两条边缘连                                                   接处要做衔                                                   接处理
static/image/hrline/line3.png
考虑到字数限制观看方便以上就是iFAction自动元件教程的上篇内容

iF小野 发表于 2019-7-9 14:33:40

本帖最后由 iF小野 于 2019-7-11 16:48 编辑

iFAction教程--自动元件（下篇）
static/image/hrline/line3.png

没错，这里就是下篇了，下面我们继续我的教程

static/image/hrline/line3.png

7.找到我们上一篇做完的素材，分别取
   四角24X24像素的图块拼接成一个完整的个体。
                                       

static/image/hrline/line3.png

8.接下来就是做十分麻烦的拐角部分，
   就很麻烦，光是想想就不想讲了，
   但是不讲BOSS又不样。
   先把我们的元素拼凑出一个左边的图形，                                              
   具体对比见右图
                                 
        我们可以看到被原谅色圈出的有明显的缺口，
    我们当然选择把缺口的部分按照转折规律把它补充出来呀。         

    补充完成之后如下图
                                          
    截取其中间部分，然后分别取四角24X24像素的图                          块拼接成一个完整的个体，如下图。                                       
static/image/hrline/line3.png

9.把前三步骤所做的素材拼接在一起如下，看起来是不是有点眼熟。                                                           没错，就是标志制式的自动元件了，但是事多              细心的小伙伴可能发现和iFA的自动元件制式                          完全略有不同 。                                                                                                                                                
static/image/hrline/line3.png

10.最后一步我们来讲解一下如何把标准制式    的自动元件切割成iFA制式的自动元件。                             我们来对比下两张图，如何切割简直一目了然有没有！    什么？看不出来？                        我们把图片切割成24X24像素为一个单位，并进行标明数字，这样每块的位置就一目了然了，   具体原理就不一一叙述了，反正就可以慢慢分割拼图了。
   当然也有厉害的大佬懒得不愿意手动切图，可以喊大声一点，   没准我一高兴就会发个自动元件一键转换小工具。
      （使用教程点击下列地址http://bbs.cedong.com.cn/forum.php?mod=viewthread&tid=170&extra=page%3D1）
static/image/hrline/line3.png
以上就是iFAction自动元件制作教程的全部内容。如果有对本期教程不了解或者有异议的地方欢迎在下面回复交流。



作死先锋 发表于 2019-7-9 15:25:32

膜拜大佬 明白了{:3_52:}

Stvil 发表于 2019-7-9 15:53:24

求自动原件工具

青衣 发表于 2019-7-9 16:35:12

原来这么麻烦，{:3_41:}

琉璃潇湘 发表于 2019-7-9 17:01:35

高手，学习了，果然我的困难点在于画图么;P

lyirs 发表于 2019-7-9 17:35:10

学习到了{:3_52:}

iF小野 发表于 2019-7-9 19:55:56

Stvil 发表于 2019-7-9 15:53
求自动原件工具

现已开放下载{:3_52:}

iF小野 发表于 2019-7-9 20:17:07

青衣 发表于 2019-7-9 16:35
原来这么麻烦，

做多了就不麻烦了{:3_63:}

Rangoline 发表于 2019-7-9 20:26:54

“1+1=2”
“你已经学会数学了，快来解一下这道8元8次不等式吧！”
这就是我看画画部分教程的感jio
页: [1] 2 3
查看完整版本: iFAction自动元件制作教程