psp吧 关注:635,954贴子:16,651,964

(图文教程)0起点做汉化组美工

只看楼主收藏回复

★★★★请勿插楼★★★★
本教程分为 基础篇 技巧篇 进阶篇 都在此楼发了
NO.1 基础篇
基础篇教程仅为PS基础为零的网友学习做汉化组美工专用。
有一定基础的请看技巧篇和进阶篇。
★申明,LZ的PS使用时间不超过5各月,看到教程中缺乏技术含量的步骤和术语请无视,也欢饮技术帝指出。。。。。。。
本篇教程主要内容为使用photoshop修改图片,LZ使用工具为photoshop CS5
下载地址就不发了上午帖子就被和谐..自己去狗狗下载吧
先简单介绍一下汉化组美工(以下简称美工)的工作:一般情况下,游戏中导出的图片是日文、英文的(例如
),而美工所要做的,就是修改图片中的文字,使他达到可阅读的程度(例如上图修改过后为

除了上图这种较为简单的图外,还有菜单图等初学者修改较为困难的图类。下面就这两种图片详细介绍修改方法。
常用快捷键:按住空格和鼠标后拖动鼠标:移动所视框位置
Ctrl+空格 状态下点击画面:放大图像
Ctrl+Alt+空格 状态下点击画面:缩小图像
画笔、油漆桶、矢量图像等按钮选择下   按 Alt:取色



IP属地:上海1楼2010-08-05 16:15回复
    下面从简单的改图开始(如例1),只需要直接修改文字就可以。
    例1     修改以下菜单本文

    这种图片修改   一般来说要注意的是文字长度不能超过原文字长度。
    下面给出修改的每一个步骤。
    1.     打开PS,打开所要修改的图片
    2.     拉出标尺(快捷键Ctrl+R),在所需要修改的文字周围拉出标度线(方法为在标尺上按住鼠标向下或者向右拖拉)

    需要注意的地方是一定要精确到像素点(建议放大3200%下作图)

    3.     选择横排文字工具(在其他作图情况下可能会使用到直排文字工具,本教程不做过多说明,有兴趣可以自己尝试一下)

    4.     拉出所要文本框

    5.     设定好使用的文字(各种文字请自我尝试,修图一般选择最合适的。另外尽量设置小一点的字号,以防止字体过大超出文本框,在文本框内不显示文字,文字在打出后还可以继续修改)
    


    IP属地:上海5楼2010-08-05 16:17
    回复
      6.     输入文字,并观察字体大小,横宽,间隔。

      选中所要修改的字,在步骤5所给出的图中进行修改,修改完毕后按勾确定。

      ★详细文字的设定请自我尝试
      7.选择原图层

      选择橡皮擦工具

      设置好合适的大小

      擦去全图层的文字

      7.     选择文字图层

      点击上图中的按钮,选择描边
      点击颜色后的图案,将鼠标放到原图中时会发现鼠标变成了取色工具,选取任意原文字的边框颜色

      然后选择合适的像素大小,点击确定完成描边

      (描边大小2像素)
      ★关于其他的图形效果处理(例如外发光,阴影等请自我尝试)
      8.     选择箭头工具,移动所修改的字到合适的范围

      这样修改就完成了
      此图其他文字修改如上,不再赘述
      9.当修改完成后,点击文件,储存为web和设备所用格式,选择格式为PNG 24 ,勾上透明度 (这时就相当于png 32了),储存后就完成了一张图。
      修图完毕建议保存PSD格式文件,以免需要下次修改
      ★关于格式和颜色的数量问题请看进阶篇
      基础篇完毕


      IP属地:上海8楼2010-08-05 16:22
      回复
        NO.2技巧篇
        技巧篇仅介绍一点修图小技巧,PS高手请看进阶篇
        技巧篇不再讲解文字修改步骤,如有需要请看上篇基础篇。    
        技巧篇需要一定的PS基础,什么都不懂的先去把常用的工具弄明白了再说。
        ★LZ的PS使用不到5个月,如果有错误或者繁琐的步骤请无视,也欢迎指出。
        一.     白色字体的观察。
        首先看下面这张图

        在这张图中,如果直接想修改白色部分的字体可能会很麻烦,这时可以改变一下背景颜色。
        1.编辑→首选项→透明度与色域
        2.在弹出的窗口中,网格颜色选中(当然你也可以选黑色)

        效果图

        这样就方便了很多。
        


        IP属地:上海9楼2010-08-05 16:24
        回复
          二.     有些图片需要修改的文字背景是有图片的,修改时直接擦除的结果往往很悲剧XD

          (例如这里的背景是有纪宁酱的衣服。。)

          这是随意修改后的,可以看出是直接画了一个白色的方框在底下......
          下面是认真修改
          1.先使用取色工具取衣服上的颜色 使用画笔工具将上半部分用那种颜色擦去

          2. 再使用取色工具取裙子上的颜色 使用画笔工具将下半部分用那种颜色擦去

          3.最后取中间交际部分的颜色,用画笔工具把其余不和谐部分涂掉

          4.输入要修改的文本,设定好字体。

          完成!
          其实在psp的屏幕上看刚才底部不处理的那张,如果不仔细观察的话是看不出来差别的。。。。
          ★★修补画笔工具处理同样问题更为简单,有兴趣可以自我尝试★★
          


          IP属地:上海10楼2010-08-05 16:27
          回复
            三.     同样是处理背景问题

            修改后如下

            可以看到后面有很多的空余部分    如果自己画一个渐变色图形很麻烦
            所以可以利用原来的地方,将多余的部分填充掉。
            方法:
            1.     用矩形选框工具选中一部分

            2.     点击箭头工具,将这一部分拉到一个新建图层中
            3.     再把该部分拉回原图

            这样就遮盖住原文字了
            剩余部分相同处理方法不再赘述,修改完背景后就可以修改文字了
            技巧篇完毕...


            IP属地:上海11楼2010-08-05 16:28
            回复
              NO.3 进阶篇
              进阶篇主要处理颜色问题。
              使用工具fireworks cs5 、photoshop cs5
              基础篇和技巧篇都是纯粹的处理RGB图片。但是在实际处理图片的过程中,其中大部分并不是RGB的,相反,很多的图片都是索引色。在索引色的图片里,都有一个颜色表与这个图片对应,当修改的图片颜色超出自带的颜色表示,可能会发生图片无法转换或者导入的问题。所以在修改图片时,尽量不要使用超出颜色表的颜色。
              需要修改索引色图片主要分为两类:一类是普通的索引色图片,一类是带Alpha通道的索引色图片。
              对于前者,使用photoshop就可以进行处理。但对于后者,PS软件就无法使用了,必须使用fireworks进行处理。
              一、     普通索引色图片的处理
              1.首先使用PS打开图片,依次点击 图像、模式

              观察图片是否为索引色。
              2.点击颜色表

              点击储存保存颜色表。
              3.转换为RGB颜色(如下图所示)

              修改为RGB颜色后,就可以修改了。
              4.修改完毕后,再转换为索引色

              合并图层点击确定后,会弹出如下菜单

              点击自定后,载入之前保存的颜色表。

              这样这张图就修改完毕了。
              


              IP属地:上海12楼2010-08-05 16:31
              回复
                二、     带Alpha通道的索引色图片
                原图应该是这样的

                这是不经过处理的带Alpha通道的索引色图片,可以看到消除锯齿的半透明色被ps直接换成了不透明色

                所以我们要修改图片的格式
                下面介绍处理方法
                1.     打开fireworks,打开带Alpha通道的索引色图片
                2.     在箭头所指区域按右键选择保存调色板

                3.     在上图png 8位置选择png 32 然后点击导出图形保存

                4.     在PS中打开所保存的32位图形开始修改
                5.     将修改好的图用fireworks打开,将png 32改为 png 8,在步骤2的图中箭头所指的位置点击右键,加载调色板,选择Alpha透明

                6.     导出图形后保存,修改完毕。
                进阶篇完毕~~

                


                IP属地:上海13楼2010-08-05 16:35
                回复
                  十七辛苦了……


                  14楼2010-08-05 16:41
                  回复
                    哦。。我的渣技术自愧不如。。


                    IP属地:江苏15楼2010-08-05 16:43
                    回复
                      精了


                      IP属地:上海16楼2010-08-06 14:08
                      回复
                        回复:18楼
                        本来要求就不高 不过质量速度都要好


                        IP属地:上海19楼2010-08-06 14:12
                        回复