花狱魂吧 关注:124贴子:8,185
  • 31回复贴,共1

小白向对话框制作教程(草稿)

只看楼主收藏回复

(这是草稿,写完了整理发在网站和贴吧。)
本教程适用于:
·对伪春菜制作完全不了解/了解很少的新人
·对编程完全不了解/了解很少的新人
·有一定图像处理能力的人(会使用PS之类的软件)
·有一定平面设计能力的人
如果已经会制作伪春菜了,建议去看瞬蓝的制作教程,看我的这个就完全是在浪费时间。
我会尽量用浅显的语气说得详细一点,有什么问题都可以问,不过拒绝回答纯伸手党式提问(“我不会用PS怎么办啊”“设计不出好看的样式怎么办”之类的问题请不要找我)。
使用工具:
EditPlus(或任意一款txt编辑软件,电脑自带的记事本也可以)
Fireworks CS5


IP属地:四川1楼2015-12-07 13:30回复
    使用工具补充:
    SSP
    范例对话框


    IP属地:四川2楼2015-12-07 13:51
    收起回复
      一、简单介绍对话框的构成
      先看一张设计图


      IP属地:四川3楼2015-12-07 13:53
      收起回复
        ※每个文件的详细说明参见


        IP属地:四川9楼2015-12-07 20:49
        收起回复
          基本设定资料:
          名称:鸟笼
          英文名称:Birdcage
          字体:黑体(13)


          IP属地:四川12楼2015-12-08 00:47
          回复
            按照设计图将必须的几个文件一个个保存过去,记得图像大小要调整到合适哦,保存的时候也要记得删掉不用的部分。


            IP属地:四川14楼2015-12-08 00:57
            收起回复
              有了上面这些文件,我们就可以设置一个简单的对话框啦!


              IP属地:四川15楼2015-12-08 00:58
              回复
                (三)设置descript.txt
                方式一:新建一个名为descript.txt的文件

                按照(楼中楼地址)的方式一项一项地将需要的数据填写上去。


                IP属地:四川16楼2015-12-08 01:04
                收起回复


                  IP属地:四川18楼2015-12-08 01:18
                  回复
                    方式二:将我提供的范例descript.txt直接复制过来
                    这个对话框“鸟笼”里的descript.txt就可以作为范例,大家可以随便使用,待会儿做完了再提供下载地址~
                    里面的内容是我直接搬运的WIKI里的说明,可以按照条例一个个填。
                    现在开始正式填写内容!
                    1.基本资料
                    2.作者资料


                    IP属地:四川19楼2015-12-08 01:26
                    回复
                      3.文字范围
                      前面两项填完后,保存,将整个文件连同文件夹放进“\SSP\balloon”里。这里就是放置对话框的地方。
                      (这个步骤还是加在前面好了…………)
                      重启SSP(一定要重启,直接切换人格不行),就可以在对话框中看到自己才做的啦。
                      点击“右键——对话框——鸟笼(你的对话框名字)”,切换对话框,然后打开开发者模式,打开对话框测试模式。
                      显示为这样。

                      因为别的还没设置,所以系统默认就是这个样子的。
                      使用效果是这样:

                      嗯……不对?我忘了把SSTP加进去了!


                      IP属地:四川20楼2015-12-08 01:37
                      回复
                        (补充图)



                        IP属地:四川21楼2015-12-08 01:38
                        回复
                          4.字形

                          填写后效果



                          IP属地:四川23楼2015-12-08 12:28
                          回复
                            5.选项
                            (对话框中可选择的项目的字体显示。)
                            特效为无的话,就只是鼠标放上去后字体颜色会改变。
                            这里将选项设定为和普通文本一样的黑色。
                            将指针划过的颜色设定为红色(180,0,0)。

                            设定好后效果如下


                            IP属地:四川24楼2015-12-08 12:34
                            回复
                              文字范围部分的修改


                              IP属地:四川25楼2015-12-08 18:24
                              回复