炉石diy吧 关注:13,792贴子:613,857

炉石diy模板制作教程。

只看楼主收藏回复



IP属地:内蒙古1楼2014-06-16 14:07回复


    星座王
    点亮12星座印记,去领取
    活动截止:2100-01-01
    去徽章馆》
    IP属地:浙江2楼2014-06-16 14:09
    回复
      解压disunity之后打开文件夹,出现如下几个文件:
      然后我们找到炉石传说的安装目录,将Hearthstone\Data\目录下的【fonts0.unity3d】文件以及Hearthstone\Data\WIn\目录下的【actors0.unity3d】、【shared0.unity3d】、【shared1.unity3d】、【fontszhCN0.unity3d】、【gameobjects0.unity3d】和【uiscreens0.unity3d】文件复制到disunity的安装目录下。在此目录下右击鼠标新建一个文本文档文件,将以下文字复制粘贴到其中:
      java -jar disunity.jar extract *.unity3d
      保存关闭后将其扩展名由.txt改为.bat(需要在工具→文件夹选项→查看中取消勾选“隐藏已知文件类型的扩展名”
      然后双击运行刚才创建的“新建文本文档.bat”文件,等待文件提取完毕后,在Disunity文件目录下会出现几个与刚才复制的.unity3d文件同名的文件夹。


      IP属地:内蒙古11楼2014-06-16 19:54
      收起回复
        之后开始进行模板制作的第一步:【安装字体文件】
        打开解压出的文件夹fonts0\CAB-fonts0\Font及fontszhCN0\CAB-fontszhCN0\Font,复制其中的.ttf文件粘贴到控制面板\字体文件夹下安装字体。(win7也可以全部选中后右击选择“安装”)
        中文模板中一共需要用到其中的3种字体:文鼎中隶、Belwe、BlizzardGlobal。英文模板则需要用到其中的FranklinGothic、Belwe和BlizzardGlobal3种字体。


        IP属地:内蒙古12楼2014-06-16 19:54
        回复
          之后打开XnView,在左侧的文件夹浏览器中找到disunity的文件目录,分别进入以下几个目录并提取相应的文件:

          在gameobjects0\CAB-gameobjects0\Texture2D文件夹下的Card_Inhand_Ability_Druid文件上单击鼠标左键,然后按住shift在gameobjects0\CAB-gameobjects0\Card_Inhand_Weapon_Warrior文件上再次单击鼠标左键,选中如图所示的这些文件,之后单击转换按钮,将这些文件导出为图片格式(bmp/jpg/png等,推荐使用bmp格式)。

          在输出一栏的目录中可以选择导出位置,我选择了桌面。


          IP属地:内蒙古14楼2014-06-17 09:14
          回复
            接着我们用同样的方法导出shared1\CAB-shared1\Texture2D下的Gem_Mana_D文件、shared0\CAB-shared0\Texture2D下的Card_InHand_BannerAtlas文件、actors0\CAB-actors0\Texture2D下的attacktexture、Card_Inhand_RacePlate和healthtexture文件。



            IP属地:内蒙古15楼2014-06-17 13:24
            回复
              至此普通卡牌的【初始素材提取】已经近乎完成了,接下来我们将在ps出对这些提取出的初始素材进行处理。
              当然
              将我们刚才提取出的初始素材拖到ps上通过ps将其打开,以德鲁伊的法术牌为例:

              提取出的图片文件都是倒置的,需要对其进行水平翻转+180°旋转。双击右侧图层,点击确定解锁该图层,之后按ctrl+T进入自由变换模式,右击图片选择水平翻转,再次右击选择旋转180度,然后双击图片退出自由变换模式。(也可以使用图像-图像旋转-水平翻转/旋转180度的命令来完成)


              IP属地:内蒙古16楼2014-06-17 13:55
              回复
                没了吗……
                谦卑【Humility】荣誉【Honor】牺牲【Sacrifice】英勇【Valor】怜悯【Compassion】诚实【Honesty】灵性【Spirituality】公正【Justice】


                星座王
                点亮12星座印记,去领取
                活动截止:2100-01-01
                去徽章馆》
                IP属地:浙江来自iPhone客户端18楼2014-06-17 16:12
                回复
                  接下来按ctrl+enter根据路径创建选区,也可以通过右击图片选择“建立选区”来实现。

                  然后选择面板上的选区工具,点击“调整边缘”按钮,柔化一下选区边缘。(也可略过此步骤)

                  之后按ctrl+j按照当前选区范围复制一个新的图层。(也可以右击图片选择“通过拷贝的图层”)完成该操作后,点击“图层0”前边的小眼睛,暂时关闭这个图层的显示。

                  然后按照和之前同样的方式利用钢笔工具在卡牌的插画部分沿内边缘勾画出路径,并创建选区。同样在这一步中我们也可以通过“调整边缘”选项来给选区增加几个像素的平滑和羽化。

                  通常来讲为了不破坏素材的原始样貌,可以通过蒙版来去掉选区部分的黑色背景。但为了简单我们直接按delete键删除这部分黑色区域。(也可以通过编辑-清除命令来实现)

                  至此德鲁伊法术牌的主体边框就已经被我们从背景中抠出了。


                  IP属地:内蒙古20楼2014-06-17 16:23
                  回复
                    接下来我们要为这法术牌添加名称栏的背景横幅和法力水晶标志。
                    按ctrl+d放弃选区,将我们之前导出的Card_InHand_BannerAtlas.bmp拖到ps的窗口标题栏上,在一个新的窗口中打开此图片。(也可以通过文件-打开命令来实现)

                    这同样是一张倒置的图片,我们依然需要执行图像-图像旋转-水平翻转/旋转180度的操作。制作法术牌的模板,在这张图片中我们需要用到的只有两部分,将这两部分分别抠出。

                    双击“图层0”将其解锁,用钢笔工具画出名称栏横幅的边缘路径,按ctrl+enter创建选区,使用选区调整工具给选区几个像素的平滑和羽化。

                    之后按ctrl+c复制该图层,鼠标左键单击在标题栏上的Card_Inhand_Ability_Druid_1窗口切回之前的工作窗口,按ctrl+v将选区粘贴为新图层。

                    然后在面板上选择移动工具,将该图层移动到一个合理的位置。按ctrl+t进入自由变换模式,通过拖曳控制点改变图层大小至合理的程度,然后双击图片退出自由变换模式。通过按住shift键拖曳四个角的控制点可以保持原比例缩放图层。

                    切换回Card_InHand_BannerAtlas窗口,按ctrl+d放弃选区。抠出规则描述的背景图,可以像之前一样直接在图片上用钢笔工具描绘出路径再创建选区,不过这次我根据个人习惯使用别的方法。使用矩形选区工具将我们需要的图案的大致范围圈出,然后按ctrl+j以此选区创建新图层。

                    点击“图层0”前面的眼睛,取消显示该图层,然后在图层1上用钢笔工具沿图片主体部分的外沿勾画出路径,并按ctrl+enter创建选区。

                    之后再利用调整选区工具给选区一定的平滑和羽化。因为我在画路径的时候比较靠外侧,所以又在调整选区工具里加了些收缩边缘。(可以略过此步骤)


                    IP属地:内蒙古21楼2014-06-17 18:07
                    回复
                      然后按ctrl+shift+i反选选区,然后利用蒙版去掉多余的背景或直接按delete将其删除。

                      按ctrl+d放弃选区,为了操作方便我们可以将得到的图层进行一些裁剪。选择面板上的裁剪工具,按住鼠标左键拖曳选择裁剪范围,之后双击图片确定或点击图上的√按钮。

                      右击图层面板中的“图层1”图层,选择“复制图层”,在弹出窗口的目标一栏选择Card_Inhand_Ability_Druid_1.bmp,点击确定。

                      切回我们之前的德鲁伊法术模板窗口,先不去管那个复制过来的图层,在图层面板中选择“图层1”,用钢笔工具沿规则叙述栏的边缘绘出路径,ctrl+enter创建选区,进行选区调整之后按delete删除。

                      在图层面板中将“图层3”移动到“图层1”下方,如此可以改变两个图层的遮挡关系。

                      在面板中选择移动工具,将“图层3“移动到合理的位置,并按ctrl+t调整至合理的大小,之后双击图片确定。


                      IP属地:内蒙古22楼2014-06-17 20:04
                      回复
                        接下来我们为德鲁伊的法术模板添加法力水晶图案。将Gem_Mana_D.bmp拖入新的窗口中,旋转180度+水平翻转,利用钢笔工具绘出路径,ctrl+enter创建选区,利用调整边缘工具修改选区,按ctrl+c复制选区中的图案。

                        切换至法术模板窗口,ctrl+v粘贴图层。在面板中选择移动工具将其移动到合理的位置,ctrl+t自由变换调整至合理的大小,双击确定。我们还可以为该图层添加1个像素的描边及投影效果。

                        之后在图层面板中按住shift同时选中除”图层0“之外的4个图层,按ctrl+e合并图层,并双击该图层的名称处将其修改为”德鲁伊”。

                        接着我们点击眼睛关闭德鲁伊图层的显示,开启“图层0”的显示,将这几个稀有度宝石用钢笔工具依次抠出。

                        因为这几个稀有度的图层大小完全一致,所以我们抠出一个选区之后可以在工具面板中选择选区工具,右击图片选择“储存选区”,并在“名称”中为其输入一个名字方便我们以后载入这个选区。

                        创建完选区之后按ctrl+j以这个选区创建一个新图层。之后右击图片,选择载入选区。在通道一栏选择我们之前保存的名字。

                        载入选区之后利用键盘上的↑↓↔移动选区范围直至与下一个稀有度边框重合。

                        之后重复上述过程直至将所有稀有度宝石都创建为新的图层。
                        移动所有的稀有度宝石图层到合理的位置,并将其按照稀有度顺序依次排序并重命名。

                        同时选中这四个稀有度宝石图层,按ctrl+g将其收为一组,并将改组重命名为“稀有度”。


                        IP属地:内蒙古23楼2014-06-17 21:36
                        回复
                          至此,法术卡牌模板的主体部分已经基本完成,接下来我们要为其添加文字内容。
                          在工具面板中选择文字工具,在法力水晶上单击鼠标左键然后随便输入一个数字。我们先输入10,然后按住鼠标左键向左拖动全选刚才输入的文字,在右侧字符面板的字体栏中输入belwe改变字体。然后调整字号至合适的大小。

                          然后在段落面板中选择居中对齐方式,并在图片上任意处按住鼠标左键不放移动文字层的位置。(也可以通过移动工具实现)

                          然后我们在图层面板的文字层上单击鼠标左键退出编辑文字层,并为其添加一个3像素的黑色描边。

                          之后沿名称栏的边缘用钢笔工具画一条路径,在面板中选择文字工具,将鼠标移动到路径上,当鼠标指针变为带有~的Ⅰ时,单击鼠标左键,输入文字。在字符面板中修改为合适的字号,在字体下拉菜单中选择文鼎中隶(在pscs5中显示为乱码)。

                          在图层面板的文字层上点击鼠标左键提交文字层的编辑,在工具面板中选择直接选择工具,将鼠标移动到图上红圈内的实心点附近,当鼠标光标变为带有←的Ⅰ时,向右拖动鼠标左键,注意保持鼠标位置始终处于路径上方。

                          然后为该文字层添加两个像素的黑色描边。接下来我们为法术模板添加规则描述层,在工具面板中选择文字工具,在模板的规则叙述处单击鼠标左键输入文字,将字体改为BlizzardGlobal,颜色改为黑色,调整字号到合适大小,移动文字层位置到合适位置。


                          IP属地:内蒙古24楼2014-06-17 22:22
                          回复
                            之后我们就可以考虑加入插画将其做成一张德鲁伊法术卡了。
                            将插画素材拖入模板中。

                            双击图片确定大小,在图层面板中将其移至“德鲁伊”图层之下。

                            按ctrl+t调整插画位置及大小,双击相应的文字层修改法术费用、名称、规则描述的文字及其位置。

                            有时我们导入的素材在经过缩放之后会有许多超出卡牌边缘的部分,这就需要我们为插画创建一个剪贴蒙版。

                            ps中剪贴蒙版的作用简而言之就是【用下方的形状约束上方的图层】。首先点击图层面板下方的创建新图层按钮创建一个新图层,然后在工具面板中选择矩形选区工具圈出如图所示的范围,之后按alt+delete将新图层的选区填充为前景色。

                            ctrl+d放弃选区,将新建的图层移动到插画图层的下层,将其重命名为“图框”。右击插画图层,选择“创建剪贴蒙版”。

                            最终效果如图所示:


                            IP属地:内蒙古25楼2014-06-17 23:11
                            回复
                              刚回来开始尝试
                              = =求解JAVA装不了怎么办
                              WIN8.1



                              星座王
                              点亮12星座印记,去领取
                              活动截止:2100-01-01
                              去徽章馆》
                              IP属地:浙江26楼2014-07-08 19:37
                              回复