TT皮肤制作.

TT皮肤制作.
TT皮肤制作.

千静听皮肤制作

千千静听(以下简称"千千")从2.0版开始就支持换肤功能,现在已经有不少皮肤可以和Wina mp相媲美了,不过由于千千暂时不支持png图片格式及脚本,因而效果是无法和Winamp 的现代皮肤或Windows Media Player的皮肤相比的。但千千的皮肤制作起来却要简单许多,不需要任何编程知识和复杂的技术,只要掌握基本的图像编辑操作(Photoshop)和有足够的耐心(Patient)就可以做出漂亮的皮肤出来,看完下面这个教程相信你也可以为千千设计一款个性十足的精美皮肤!

一.皮肤构造

千千的皮肤位于安装目录下的Skin文件夹内,扩展名可以为.skn或.zip,实际上二者是一样的,都是zip格式的压缩文件。对于前者,可以先将.skn的扩展名改为.zip(要在系统中显示文件的扩展名,依次点击"工具"-"文件夹选项"-"查看",再把"隐藏已知文件类型的扩展名"前的小勾去除即可),然后将其解压到单独的文件夹,进入该文件夹,可以发现里面包含了许多bmp格式的图片和若干个xml文件,其中最重要的是Skin.xml这个xml文件,其它几个xml文件的作用在后面会提到。

bmp图片是各个窗口的背景及按钮图片,Skin.xml则是配置文件,定义了皮肤的基本信息、窗口及按钮的位置、大小等,它是基于XML格式的文件,可直接用系统自带的记事本或者其它文本编辑工具打开,打开后我们可以看到其基本构造:

...

...

...

...

...

仔细分析可发现每一行都是以"<"开头,最后以">"结尾,中间有若干项和参数,可以将它们分为两种类型,第一种结构形如:

像XXX这样的项称作元素,AAA、BBB这样的项称作属性,aaa、bbb则是属性的参数值。在这里AAA、BBB都是XXX的属性,是用于修饰XXX的,比如position属性用于定义元素的位置,image属性用于定义元素的位图等。

在这种类型中,必须同时使用,形成一个闭合回路,就是说前面使用了开头,后面就一定要用来闭合,包含这中间的各项则都属于该元素。使用该类型的主要有主窗口(即player_window元素)、均衡器窗口(即equalizer_window元素)、歌词秀窗口(即lyric_window元素)、播放列表窗口(即playlist_window元素)以及迷你模式窗口(即mini_window元素)这5个基本的窗口,这5个窗口又全部包含在之间。

第二种结构形如:

实际上这是一种缩写形式,即的缩写,它们是最基本的单位元素,分别被包含于各个基本窗口中,用于比如各个按钮,拖动条等。

关于XML文件的格式,可以参照相关的文档,在这里要提一下的是,各元素及属性的顺序是不分先后的,空格的多少也没有关系,只要包含和被包含的位置及基本的格式别弄错

了就可以(比如属性的参数值必须用英文双引号引上等),但是为了便于阅读和编辑修改,最好严格按照标准格式来书写。下面我们来详细分析一下Skin.xml,第一行:

这一行用于定义皮肤的基本属性和信息,其中version="2"指的是皮肤的版本号,不必更改,后面的name、author、url和email属性分别指的是该皮肤的名称、作者的名字、作者主页地址和作者电子邮件地址,这些信息会显示在千千选项的应用皮肤的窗口中;再后面的t ransparent_color是一个非常重要的属性,即"透明色",定义了透明色之后,皮肤上有这个颜色的部分都会被显示为透明。因为bmp格式图片是不支持透明的,所以要做出不规则的背景窗口和按钮,就要通过透明色来实现,方法是把要显示为透明的部分用定义好的透明色填充即可。一个皮肤只能定义一个固定的透明色,并用颜色的RGB编码表示,比如纯紫色的RGB码为#FF00FF,RGB编码可以在Photoshop等工具中查看。(透明色应尽量选择皮肤色调相差较大的颜色,否则很容易与皮肤上的颜色重复,导致把必要的部分透明了,一般情况下用纯紫色即可)

接下来就是5个基本窗口的配置,其中迷你模式窗口在后面会单独详细讲解。在Skin.x ml中,首先要配置好的就是主窗口,歌词秀窗口,均衡器窗口,播放列表窗口这4个子窗口的相关设置,然后再分别配置各窗口上的按钮等。

二.属性参数介绍

下面是各窗口上元素的对应图及属性说明:

position:这是众元素中最基本的属性之一,用于定义窗口背景及按钮的位置及大小,参数值格式为"a, b ,c ,d",这4个数值既固定了元素的位置也确定了其大小,其中(a, b)为左上角的坐标,(c, d)为右下角的坐标,c-a 就是长度,d-b 就是高度,坐标原点要分两种情况:如果是歌词秀、均衡器、播放列表这3个子窗口的position,则是把主窗口的左上角作为它们的坐标原点;如果是各窗口内部按钮的position,则是把对应的各窗口的左上角作为坐标原点,比如歌词秀窗口中的"关闭"按钮就是以歌词秀背景图片的左上角为原点,其它依此类推!

特别地:①播放列表中的scrollbar元素不需要定义position属性,它的位置会自动固定在playlist的最右边;②主窗口中的progress、volume元素及均衡器窗口中的balance、surro und、preamp元素的position属性表示的是滑块能够移动的范围的坐标;③播放列表衡器窗口中的playlist元素、歌词秀衡器窗口中的lyric元素的position属性表示的是播放列表和歌词的显示范围,当播放列表窗口和歌词秀窗口改变大小时,这两个元素会自动跟着改变大小,但它们的四个边和窗口的四个边的距离就是通过这个position来体现的;

resize_rect:歌词秀和播放列表窗口特有的属性,用于定义这两个窗口可被拉伸的部分,其参数格式同position,代表的是当改变窗口大小时只有这个矩形框内的部分才会被拉长,在这个范围外的部分则不会变化,另外还有一个属性resize_tile是对应使用的,其参数值可以为0或1,其中0表示在改变窗口大小时采用拉伸的方式,1表示采用平铺的方式,该属性可省略不写,即使用默认值0;

此外,歌词秀和播放列表窗口还有一个可选择的元素:title,可在有特定需要时(比如在改变窗口大小时标题保持居中等)使用,格式如下:

</p><p>前面3者的示意图如下:</p><p>image:用于定义该元素所使用的图片。一般地,按钮图片大部分都是由4个大小相同的图片并排组合在一起的,分别代表按钮的4种不同状态:按钮正常、鼠标经过按钮、鼠标按下按钮、按钮无效,下图就是播放按钮的图片:</p><!--/p6--><!--p7--><p>注:①如果按钮在这4种状态下都是一样的,同样需要将4张图片并排在一起才能正常显示;②存在于播放列表中的scroll元素内的scrollbar_button和scrollbar_button属性所对应的图片只有3种状态:按钮正常、鼠标经过按钮和鼠标按下按钮;</p><p>align:用于定义元素的对齐方式,参数值分两种情况:一种是存在于主窗口中的led、i nfo、stereo、status元素内,此时可以取值为left、center、right,代表这些文字的缩进方式;第二种是存在于歌词秀窗口中的title、close、ontop元素内,播放列表窗口的title、close、t oolbar元素内,此时可以取值为left、center、right、top、bottom等,代表当调整窗口大小时元素位置相对于边框移动,如果要同时设置垂直对齐和水平对齐方式,可以用英文加号将二者连在一起,比如"top+left"表示在垂直方向上顶部对齐、在水平方向上左对齐;</p><p>thumb_image、fill_image、bar_image:存在于主窗口中的progress、volume元素和均衡器窗口的balance、surround、preamp、eqfactor元素内,分别用于定义滑块的图片、移动滑块时填充的图片和移动范围内的背景图片;</p><p>vertical:存在于主窗口中的progress、volume元素,参数值可以为true或false,其中取true时指滑块按垂直方向移动,取false时滑块按水平方向移动;</p><p>color、bkgnd、font、font_size:存在于主窗口中的info、stereo、status元素内,用于定义文字的颜色、背景色、字体和字体大小,如要显示透明文字则不需要指定背景色(bkgnd);</p><p>thumb_resize_center:存在于播放列表窗口中的scrollbar元素内,用于定义scrollbar的thumb滑块中间可以进行平铺缩放的部分的大小,如果取值为0,则代表在改变播放列表窗口高度大小时滑块进行不缩放;</p><p>thumb_resize_tile:存在于播放列表窗口中的scrollbar元素内,作用与播放列表窗口和歌词秀窗口的resize_tile相同;</p><!--/p7--><!--p8--><p>hot_image:存在于播放列表窗口中的toolbar元素内,用于定义播放列表工具栏中当鼠标经过时的图片形态。此属性可选择,如省略不写的话程序会自动生成鼠标经过时的按钮状态;</p><p>eq_interval:存在于均衡器窗口中的equalizer_window元素内,指eqfactor元素中10个波段的间隔大小(另:eqfactor元素的position属性表示的是10个滑块中第一个滑块的位置,而其它属性对于所有10个滑块都有效);</p><p>icon:存在于主窗口中的icon元素内,用于自定义皮肤图标,必须将图标文件(*.ico,1 6*16)放于皮肤文件夹中并一起打包压缩。此属性可选择,如省略不写的话则使用默认的程序图标;</p><p>left_top_color、right_bottom_color:存在于歌词秀窗口中的mini_border元素内,用于定义在迷你模式下歌词秀窗口的左上边框和右下边框的颜色;</p><p>在这里重点介绍一下迷你模式窗口:</p><p>如上图,迷你模式其实是独立于主窗口外的另外一个皮肤,不过在迷你模式下省略了播放列表和均衡器窗口、简化了歌词秀窗口和主窗口。迷你窗口里的所有元素、属性及参数都是和主窗口一样的,它们都被包含于<mini_window>和</mini_window>中,相当于主窗口中的<player_window> </player_window>;</p><p>迷你模式就是为了减小屏幕大小占用及简化按钮,故迷你窗口各按钮也要相应调整缩小,并省略部分不常用的按钮,比如音量调节等,一般只保留下"播放/暂停"、"停止"、"后退"、"前进"、"静音"、"图标"、"视觉效果"等即可。另外,</p><!--/p8--><!--p9--><p>迷你模式下的歌词秀窗口的位置和长度是固定的,高度则是和迷你模式的背景图片高度相同。</p><p>三.打包压缩</p><p>当把所有图片都制作完成并配置好Skin.xml后还需做一件事情,那就是添加Lyric.xml、Playlist.xml、Visual.xml 等3个xml文件,它们分别是作为歌词秀、播放列表、视觉效果的配色方案及相关的设置,如果不加上这3个文件皮肤就按默认的配色来显示,所以建议给每个皮肤都加上合适的配色便于与整体配套,从而使得皮肤更为美观漂亮,另外,如果皮肤没有自带配色文件的话,从其它有配色的皮肤切换到该皮肤时,会把原先皮肤的配色也一起带过来,效果非常难看。</p><p>它们的参数和Skin.xml类似的,可以用记事本打开后进行配置,不过还有另外一种更为简洁高效的方法,那就是在"千千选项" 里配置好,然后分别在每个选项卡中点击"配置文件"-"保存到文件",并分别保存为"Playlist.xml"、"Lyric.xml"、"Visual.xml",再将它们复制到相同目录下的皮肤文件夹即可,如图:</p><p>最后就是将这些文件一起打包压缩制作成皮肤了,可以用WinRAR或WinZIP等压缩工具,以WinRAR为例,先按键盘上的Ctrl+A全选所有文件,然后将全部文件添加到压缩文件夹,压缩文件格式选择"zip",压缩方式可选择"最好",再点击"确定"就行了!</p><p>到这里皮肤就已经全部制作完成了,将这个压缩文件复制到千千安装目录下的Skin文件</p><!--/p9--><!--p10--><p>夹,然后在"千千选项..."-"皮肤"中就可以选择应用皮肤了,或直接在主面板上点击右键-"选择皮肤"即可!</p><p>迷你模式下的歌词秀窗口的位置和长度是固定的,高度则是和迷你模式的背景图片高度相同。</p><p>三.打包压缩</p><p>当把所有图片都制作完成并配置好Skin.xml后还需做一件事情,那就是添加Lyric.xml、Playlist.xml、Visual.xml 等3个xml文件,它们分别是作为歌词秀、播放列表、视觉效果的配色方案及相关的设置,如果不加上这3个文件皮肤就按默认的配色来显示,所以建议给每个皮肤都加上合适的配色便于与整体配套,从而使得皮肤更为美观漂亮,另外,如果皮肤没有自带配色文件的话,从其它有配色的皮肤切换到该皮肤时,会把原先皮肤的配色也一起带过来,效果非常难看。</p><p>它们的参数和Skin.xml类似的,可以用记事本打开后进行配置,不过还有另外一种更为简洁高效的方法,那就是在"千千选项" 里配置好,然后分别在每个选项卡中点击"配置文件"-"保存到文件",并分别保存为"Playlist.xml"、"Lyric.xml"、"Visual.xml",再将它们复制到相同目录下的皮肤文件夹即可,如图:</p><p>最后就是将这些文件一起打包压缩制作成皮肤了,可以用WinRAR或WinZIP等压缩工具,以WinRAR为例,先按键盘上的Ctrl+A全选所有文件,然后将全部文件添加到压缩文件夹,压缩文件格式选择"zip",压缩方式可选择"最好",再点击"确定"就行了!</p><!--/p10--><!--p11--><p>到这里皮肤就已经全部制作完成了,将这个压缩文件复制到千千安装目录下的Skin文件夹,然后在"千千选项..."-"皮肤"中就可以选择应用皮肤了,或直接在主面板上点击右键-"选择皮肤"即可!</p><!--/p11--><!--rset--><h2>皮肤绘画技法</h2><p>绘制皮肤教程原作:艾文·米其而森翻译:CGFAN 检索目录 第一步:调色板 第二步:绘草图 第三步:色块 第四步:细致化 第五步:头部 第六步:最后的细节</p><p>在这一课里我将向大家展示如何创建一个(人类)皮肤颜色的调色板(palette)并且将它应用到后面的绘画中。我将为一个白人创建这些颜色,之所以选择这些除了这些颜色是我最熟悉的以外没有特别的原因。这些技巧也可以用于其他的肤色中,只不过色调有一些不同而已。 在我们建立皮肤的调色板开始之前,首先让我们先看一下将运用于绘画的参考图像。要想建立一个能快速地应用于各个状况的色板是不可能的,所以颜色、场所、光的强度和密度以及能给我们皮肤颜色带来变化的环境这一切都需要首先地计算到。 你或许已经想到在一个阳光灿烂的日子你的皮肤会有黄(暖)色的高光和蓝(冷)色的阴影,而在冬天你的皮肤会有冷而苍白的颜色…… 这些变化都是由光造成的。当然这些不同还有来自于人与人之间的肤色变化以及因为环境颜色的改变等其他因素。 参考图(作者未知) 绘画完成图 在很久以前我在网上发现了这张图并且保存了下来,因为我想以后也许会用到。现在我想它是最适合这个教程了:)因为她的身体左边在光照之下而右边完全在阴影之中。这就提供给我们很好的机会来研究混合在光与影之中的肤色。但由于这张照片处于不饱和状态下,所以我们不得不在颜色上进行琢磨。 第一步:调色板(Palette) 我们将从建立皮肤的调色板开始。为了这个,我简单地创建了一个500×500像素的图并且打算在上面画一些颜色的点以作参考。事实上这是相当有难度</p><p>的。一个平淡的颜色在单独的时候看上去并不怎么样而且也很难显现在光和暗之中。如果你没有画皮肤的经验,那么我建议你打开一张相关的照片,那就不会变得那么有困难了。 试着找到高光处和暗处以及中间色。可以用颜色摘取工具(color picker tool)试着在皮肤上有光的区域到暗的区域之间移动并且观察颜色是怎样变化的。要注意的是色调环(Hue-ring)的移动、纯度(Value)以及饱和三角形度(Saturation triangle)的变化。 如果图片被制作者压缩过度记录就会显得不稳定,这是由于压缩后产生的噪点(noise)所造成的。我已经发现肤色大多数是在某一个区域从亮到暗中移动的就像下图所示: 当从亮到暗时,HSV(色调、纯度和饱和度)产生移动 *当颜色移向阴影时色调从黄色向红色移动。 *当纯度从亮到暗时,饱和度以非线性方式移动。 在绘画中不得不说的是你不能简单的选取白色作为高光色,一个过渡色和黑色作为阴影的颜色以及利用Painter在这些颜色之间产生一个色阶(gradient)。尝试利用整个刻度来将明色延长至阴影处。一些有名的天才艺术家是完全不用黑色的,因为在阴暗处总有一些亮色。 两种色阶以及带有三种色阶定义Photoshop色阶编辑器(gradient editor)。</p><h2>搜狗输入法皮肤制作(基础版)</h2><p>搜狗输入法皮肤是搜狗输入法最受欢迎的功能之一,为方便大家制作皮肤,我们特编写此说明,希望大家能尽情发挥想象设计出精美漂亮的皮肤,然后通过皮肤编辑器组装完成,发布到官网上分享给更多的朋友,非常的有成就感哦。 1.皮肤设计说明 2.皮肤制作说明 3.皮肤上传说明 1.皮肤设计说明 搜狗输入法皮肤最关键的部分是设计,个人使用的皮肤可以根据需求制作您需要的模式,但是在官网发布皮肤必须拥有完整的四种模式,好的设计需要您有一定的设计功底,如使用Photoshop等专业的画图软件来完成。 如果您没有任何设计基础,建议您通过大头贴功能制作皮肤(大头贴皮肤制作地址:https://www.360docs.net/doc/266651862.html,/skins/dtt.php)。 1、输入法皮肤完整模式有四种(见例图):横排同窗口、竖排同窗口、横排分窗口、竖排分窗口;请 务必提供四种模式,否则使用智能ABC模式的人将看不到输入窗口。 注意事项:设计大小以候选字4个到5个为基础,但务必留出可延伸空间,因为网友很多会把外观修改为候选字5个以上。在输入框设计中一定要留出拉伸或者平铺而不改变整体效果的位置。尤其是竖版,在设计中候选字为9个以下的图片一定留出不改变图片的延展空间,否则实际使用中,由于画面延伸而使人物、logo、花样变形。(在下面的皮肤制作中详细讲解) 图片大小规格: 可参考以下数据做调整,但不建议过大,否则影响输入: 横排同窗口:380*60,不包括状态栏右侧的不规则形象(如小白猪)</p><p>竖排同窗口:180*200,不包括状态栏右侧的不规则形象(如小白猪) 横排分窗口:180*30 180*30,不包括状态栏右侧的不规则形象(如小白猪) 竖排分窗口:180*30 180*150,不包括状态栏右侧的不规则形象(如小白猪) 2、输入法状态栏的完整模式(见例图)包括状态栏背景图,及按钮三种模式:正常、鼠标悬浮,鼠标按下。在官网的下载的皮肤编辑器的文件夹内,有“搜狗酷黑”“蓝色空间”的两款标准按钮的PSD设计图,可以直接修改或者替换‘状态栏背景’图层,为保证切图的标准,请使用参考线进行切图。p 注意事项:标准的状态栏每按钮切片为16x17像素。可根据制作需求任意设置,但请务必提供完整模式(中、英、A、中文标点、英文标点、全角、半角……),状态栏各按钮标准上有三种模式(正常、鼠标悬浮,鼠标按下)模式。三种按钮模式可根据创意进行设计。例图中提供了标准的三种模式。 3、设计完成后的切图:搜狗皮肤编辑器支持png格式图片,可在背景透明下切图,这样格式的图片避免了bmp图片会产生的毛边等情况。但是在皮肤设计中没有异形(人物、logo等)是比较方正的设计时尽量使用bmp。皮肤文件越小,在使用中的输入速度会越理想。 2.皮肤制作说明 搜狗输入法最新版本中集成了输入法编辑器,右键输入法状态栏或右键输入框→更换皮肤→皮肤编辑器,搜狗输入法官网也提供搜狗皮肤编辑器的下载,这个下载包里有一些说明及介绍,包括两个标准导航栏设计的PSD文件和皮肤编辑器拉伸方式示意图(下载地址:https://www.360docs.net/doc/266651862.html,/skins/design.php)。 1、下载完成后打开SkinEditor.exe,就可以进行皮肤的组装,在实际组装中我们也会更加详细的认识到皮肤设计的相关注意事项。 1)点击文件,新建一个皮肤制作,并在皮肤信息中填写</p><h2>搜狗输入法技巧与功能介绍</h2><p>输入法的天职当然是“输入”,它的使命就是让用户输入更快、更方便。但是,结合输入法的特点,附带一些别的功能,却能产生一些极为实用、贴心的价值。搜狗输入法在保持输入效率和准确性上遥遥领先的同时,也在开拓一些看似和输入法无关的功能,不仅没有给人“不务正业”的感觉,反而很给力,很有人情味。不信?来体验一下。 天气预报随意查 不经意间和QQ上的好友聊到“明天天气”,搜狗输入法会非常贴心地即时显示出当地明天的天气情况。同样的,输入“天气”、“今天天气”、“天气预报”等相关词汇时,搜狗也会显示相应的天气信息。 ▲图1 ▲图2 其实天气预报电视里也可以看到,在搜索引擎或者相关的网站也能查到,但是很多人都会忘记去查,出门才发现忘记带雨伞。而将这个功能植入到输入过程中,很容易让用户留意到。并且这免去了繁琐的操作,十分便捷。 节日节气信息即时显示 与天气查询功能类似,当用户在输入“春节”、“腊八”等农历传统节日或者24节气时,搜狗输入法会显示对应的日期和星期。并且,搜狗很智能,当你输入“去年春节”或者“明年腊八”,它也能推算出对应的信息。 ▲图3 ▲图4</p><p>“听得见”的皮肤 搜狗输入法提供了强大的皮肤设计接口,除了支持普通的静态皮肤,还支持动画皮肤,甚至还有“听得见”的皮肤。青檬音乐台就设计了搜狗专用皮肤,下载安装地址:https://www.360docs.net/doc/266651862.html,/skins/sv_350012.html 安装完毕之后,即点即听,再不用单独打开一个网页或者播放器了。 ▲图5 总结:上述这些功能都有一个共同的原则:不会对用户体验造成任何打扰,并且很契合输入法这种产品,给用户带来了莫大的方便。大家不妨在使用搜索输入法的时候不妨留意一下。 搜狗输入法输入法界面解析 1,输入法皮肤 搜狗输入法从3.0公测第一版开始支持可充分自定义的、不规则形状的皮肤。包括输入窗口、状态栏窗口都可以进行自由设计。 2,皮肤系列 您可以通过下载并安装皮肤系列的皮肤来得到此功能。 安装一款皮肤系列,相当于安装了多个皮肤:搜狗官方将为您每日更新此系列的、高质量的皮肤。您之需要每天联网即可完成皮肤的更新,方便快捷。 我们为您更新的皮肤,均和您使用过的上一款皮肤保持同一主题,同一系列,如:花渡系列、魔兽世界系列、几米系列……等等,种类繁多,必有一款适合您哦。 3,皮肤模式说明 搜狗拼音有4种皮肤模式:横排同窗、横排分窗;竖排同窗、竖排分窗。 安装搜狗拼音后,默认为横排同窗模式。另外3种模式的效果如图所示: 横排分窗:</p><h2>搜狗输入法皮肤制作</h2><p>搜狗输入法皮肤制作分三个步骤: Step1:设计皮肤效果图 Step1:对应“皮肤编辑器”中各部分将效 果图进行切分 Step3:使用“皮肤编辑器”将切分好的图 片生成皮肤 (更详细的皮肤制作说明请参照《搜狗输入法皮肤设计教程》) 皮肤文件说明 1. 搜狗输入法皮肤文件为ssf格式,是采用zip压缩格式的文件。可将皮肤文件的后缀名ssf改成zip解 压出来。修改完毕文件之后,可压缩成zip格式,把后缀名zip改成ssf后即是一个完整的皮肤文件。等同于搜狗输入法皮肤编辑器制作的文件。 2. 搜狗输入法皮肤文件是由配置文件(skin.ini)及若干png、apng的图片构成的。 3. 当双击皮肤时,皮肤文件会被拷贝到安装目录下的allskin文件夹中,并解压到skin文件夹下,同 时更新输入法程序中的皮肤列表。 搜狗输入法皮肤设计宝典——从新人到高手快速晋级 前言:随着皮肤作者和作品数量的增加,越来越多的设计爱好者加入了搜狗皮肤设计的队伍,此前官方针对入门作者撰写了部分初级教程;更多活跃在论坛的优秀作者们也慷慨分享自己的设计经验,结合皮肤设计实例撰写了相当实用的皮肤教程,希望这些教程能°镏??大家在皮肤设计上取得进步和突破,获得更多声望和物质收益! 入门级: 皮肤制作入门(作者:官方) 皮肤编辑器使用入门(作者:官方) 皮肤上传说明(作者:官方) 搜狗5.0皮肤编辑器使用方法和编辑技巧(作者:施情化忆) 高手级: 皮肤设计模式初探(作者:官方) 浅谈花渡皮肤设计流程(作者:豁然开朗) Web2.0视觉效果在输入法中的应用(作者:嘟嘟虫) 红楼梦皮肤一等奖作者设计经验分享(作者:微笑安然) 皮肤制作说明 搜狗输入法皮肤最关键的部分是设计,个人使用的皮肤可以根据需求制作您需要的模式,但是在官网发布皮肤必须拥有完整的四种模式,好的设计需要您有一定的设计功底,如使用Photoshop等专业的画图软件来完成。 如果您没有任何设计基础,建议您通过大头贴功能制作皮肤(大头贴皮肤制作地址:https://www.360docs.net/doc/266651862.html,/skins/dtt.php)。</p><h2>搜狗皮肤制作</h2><p>搜狗输入法皮肤制作教程(提高版) 前言:通过搜狗输入法皮肤教程(基础版https://www.360docs.net/doc/266651862.html,/help.php?p=makeskin)的学习,相信广大作者对搜狗皮肤的制作都有了一定了解,我们也惊喜的看到越来越多的作者加入了皮肤制作的行列。随着对优秀皮肤奖励的增大,我们特撰写了此提高版教程,旨在帮助有一定设计基础的皮肤作者更快找到皮肤设计的精髓,设计出高质量皮肤,进而获得更多奖励。 专题提纲: 1.输入框及状态栏的细节设计 2.风格与颜色的选择 3.皮肤列表缩略图及预览图的设计,具体 4.皮肤拉伸方法 说明: 1.每个专题分为内容讲解、设计Do&Don’t两部分,Do部分表示官方建议或鼓励的设计方法,Don’t部分表示官方不建议或不支持的设计方法,皮肤作者可根据实际情况设计皮肤 2.本教程选取的所有图例具有优秀皮肤的普遍代表性,符合每个专题要求 3.更多优秀皮肤请点击:https://www.360docs.net/doc/266651862.html,/skins/skin_list.php?order=dl</p><p>1.输入框及状态栏的细节设计 (1)输入框及状态栏形状选择: (2)输入框布局:常见输入框布局有以下几种,不论是线条还是框形目的都是要对拼音串和候选项做上下的区分,无分割图形的皮肤请注意行距</p><p>(3)状态栏布局</p><p>横向排列形纵向排列形内外环绕型上下重叠型 自定义形状 状态栏与输入框合二为一: (4)输入框、状态栏的装饰:(A)主形象位置</p><p>(B ) 边框装饰: ● 无装饰:常用线条、色块等表现边界 ● 边框装饰:在边框内、外 、上进行艺术处理</p><h2>百度手机输入法皮肤修改教程</h2><p>百度手机输入法 皮肤设计教程 目录 基本介绍 (2) 触屏版皮肤制作教程 (3) 1、配置输入框的外观 (5) 2、输入提示框 (5) 3、候选框 (6) 4、列表栏 (6) 5、输入面板 (7) 6、按键 (7) 7、系统功能定义 (8) 8、制作皮肤安装包 (9) 键盘版皮肤制作介绍 (9) 1、定义拼音区背景 (11) 3、匹配输入法指示器 (13) 4、放置装饰图标 (14) 5、调整拼音区配色 (15) 6、选取最靓丽的候选字颜色 (15) 7、制作皮肤安装包 (16)</p><p>基本介绍 皮肤制作基本概念 皮肤制作的本质,主要包含两个步骤:第一是需要把各种输入法功能在效果图上面的按钮形象表达,第二是把按钮的坐标找到,在ini文件中为它精准定位。百度手机输入法的皮肤也同样由ini文件控制键位,无论是什么样的皮肤样式,都可以通过调整ini文件来陪陪布局。下面,我们将大家平时经常用到的概念做一个简单梳理。 关于坐标 在百度手机输入法中,所有元素的位置都是通过坐标来定义的,单位为像素。坐标原点位于图片的左上角,横坐标向右逐渐增大,纵坐标向下逐渐增大。 关于颜色 百度手机输入法皮肤的ini文件中,都是采用16进制的RGB颜色值表示,如FFFFFF(纯黑)、000000(纯白)。您可以通过photoshop的调色板获得特定颜色的颜色值。 关于百度手机输入法皮肤 百度手机输入法存在两类皮肤类型,第一类是键盘版皮肤,后缀名为.bdskk,类似于大家在pc上看到的皮肤类型,另一类是触屏版皮肤,后缀名为.bdskt,包含了对按键的外观设计。 需要修改皮肤的时候,只需要将原有的后缀名改为.zip(要在系统中显示文件的扩展名,依次点击"工具"-"文件夹选项"-"查看",再把"隐藏已知文件类型的扩展名"前的小勾去除即可),然后将其解压到单独的文件夹,进入该文件夹,可以发现里面包含了许多png格式的图片和ini文件, 这些文件共同组成了一个模式的皮肤。png图片定义了输入法面板,ini则是配置文件,定义了皮肤的基本信息、按钮的功能、位置、大小等。ini文件可直接用系统自带的记事本或者其它文本编辑工具打开的。</p><h2>创意商业:搜狗输入法——国内众包案例</h2><p>在2006年6月的美国《连线》杂志上,该杂志的记者Jeff Howe(杰夫.豪)首次推出了众包(Crowdsourcing)的概念,Howe在维基百科上为众包下了一个定义:众包指的是一个公司或机构把过去由员工执行的工作任务,以自由自愿的形式外包给非特定的(而且通常是大型的)大众网络的做法。众包的任务通常是由个人来承担,但如果涉及到需要多人协作完成的任务,也有可能以依靠开源的个体生产的形式出现。 今年六月,中信出版社推出Howe这本书《众包:大众力量缘何推动商业未来》。作者提出如下主张,没有“众包”就无法实现长尾:唯有协同生产有能力伴随长尾无限延伸。众包开启全新商业时代:众包的优势不仅在于经济效率,有时候,顾客们的作品更加出色。参与生产的人就是最关心生产的人,他们最理解自己的需求。 一个新的商业模式的诞生——从外包(Outsourcing),到开源(Open-sourcing),现在则是众包(Crowdsourcing)时代的来临。 在众包这个词还没有流行的时候,其实我们已经在互联网见过众包这种形式,比如播放器的SKIN,让用户来参与设计界面;建站程序的模板、功能插件。我们看到很多用户免费去参与协同生产,而且做得很开心。现在国内在开启3G时代,可以预见在手机的3G平台,能创造很多众包案例。 下面来谈一下搜狗输入法这个众包案例,这是国内很有代表性的众包案例。 搜狗输入法有两种,一种是搜狗拼音输入法,另一种是搜狗五笔输入法。搜狗输入法的众包分为两大块,一块是皮肤,就是在输入法变换界面,因为用户的参与设计,现在有19354种皮肤,这个数字还会增长;另一块是词库,搜狗命名为细胞词库,现在有12008个词库,这个数字也是还会增长。看一下这些词库:生物词汇大全、传奇、武术、海南地名、音乐词汇大全、仙境传说、网络流行新词、古诗词名句、股票基金、成语俗语…… 众包的创造力——很好、很强大! 如果没有众包这种方式,一间公司如果自己出品19354种输入法的皮肤,他们的设计人员要不要想疯了?要自己出品12008个词库,究竟要到何年何月?要用多少成本?这样搞还有没有效率,有没有竞争力? 如果你有一个很好的平台,你应该考虑众包! 博客,博客为网站创造内容,博客也是众包的体现。你看在门户写博的网民,是不是免费创造内容?网站把内容“众包”给了用户。论坛也是如此,加个精华,头像下挂个勋章,会员就参与众包了。 维基百科也是众包,还有火狐浏览器……</p><h2>制作安卓QQ4.2的主题皮肤教程,自己动手DIY吧!</h2><p>这里主要说说怎么修改官方主题,随心DIY。 1.首先找到我们要修改的东西。地址:sdcard(内存卡)>Tencent>MobileQQ>theme_pkg >4.2里面有两个文件夹,一个是cover,装主题预览图片用,另一个是pkg,装主题zip包用,另外还有一个脚本文件:QQThemePkgConfig.xml。 本帖隐藏的内容 2.修改主题的预览图,找一张图片(640×220)放入cover文件夹,改名,名称格式为:预览图名称_版本.png 比如:lol_1.0.0.png 3.修改主题包,找个好看的官方包(任意一个即可,网友的二次包也行),解压,找到drawable-xhdpi文件夹,里面有许多图片文件,按自己喜好替换里面的图片,注意是替换,请确保分辨率一样。图的制作与修改可以用ps和毁图秀秀,这里不多做说明,自己摸索,反正很耗时间就是了。我做那个LOL主题的是修改的粉色包。 4.然后打包,注意:别打包错了,是ZIP包,进入压缩包看到的是几个而不是一个文件夹,目录别多了。最后改压缩包的名称:主题包名称_版本.zip 比如:lol_1.0.0.zip 丢进pkg文件夹中。 5.最后修改脚本文件。找到QQThemePkgConfig.xml用文本编辑器打开。 在<ThemeList version="1" pkgName="QQThemePkg">后添加(这个是例子) <Theme> <name>LOL主题</name> <version>1.0.0</version> <coverurl md5 = "lol" size="123123"></coverurl> <packageurl md5 = "lol" size ="321321"></packageurl> </Theme> 下面这个是上面的说明: <Theme> <name>这里是主题名称,请随意修改</name> <version>这里是版本,我修改的是1.0.0</version> <coverurl md5 = "预览图名称" size="预览图大小,右键属性查看,不懂问QQ454701103"></coverurl></p><h2>搜狗皮肤制作教程</h2><p>搜狗皮肤制作教程 真·搜狗皮肤制作教程傻瓜版(给从没用过PS的人看的)高手止步。。。 转自昨天看帖没回帖 嗯啊,下了几个皮肤就想着这搜狗皮肤怎么做的?到搜狗论坛里把里面几个教程都看了遍,基本上那些教程吧。。。说给新人看?估计肯定是没人看得懂,说给高手看?人家高手会冷笑的。 首先要说一下,在开始做搜狗皮肤之前,本人的PS经验仅限于用文字工具在图片上打几个字,此外就真没干过别的。 所以这篇教程可以说是灰常的照顾真正的菜鸟们的,鼓掌…… 做个皮肤,其实它就那么简单。 抠图5分钟——拉矩形、描边3分钟——摆造型 3分钟——中英A简繁全双键设,打字保存 5分钟——编辑 10分钟完了。。(看完这句就想着马上试试30分钟做个皮肤的朋友可以让我揍揍你么?) 下面开始详细点的说 只看大步骤不看提示的话也可以马马虎虎做个皮肤出来。当然,可以会让你很费劲。 第一步,打开PS——打开图片——磁性套索工具——开始抠图——ctrl+shift+i反选——删除 提示: 1、使用磁性套索工具时按退格键“←”可删除一个节点 2、扣图时最好用放大镜放大,在放大图片的情况下使用磁性套索工具,按住空格键可以拉动整个图片。 3扣完后选中点“编辑——描边”或者适当使用加深、减淡工具可以美化下图片) 第二步,新建——“背景内容”透明——矩形工具——拉个矩形——编辑——描边 提示: 1、新建图层背景内容记住为:“透明”。 2、拉好矩形后也可以通过——窗口——样式。来点选不同的样式做输入框。一般PS自带的样式都非常不错,新人厌烦了描边后就可以试这个了,下面这个火影就是如此。 3、按F7,图层。拉动“不透明度”可以使图片变透明做出透明的输入框。锁定状态下不能进行此操作,此时可以双击图层解锁。 第三步,选中前面抠好的图——按V——移动图片到刚刚弄好的矩形边上摆好——裁剪——保存 提示: 1、要按V,也就是使用移动工具才能把选中的图拉过去 2、把图片放大,摆放时可以时移动位置更精准,同样,放大时裁剪图片也可以更精准 3、裁剪时要贴着图片的边裁 4、ctrl+s保存——png格式。不然背景不透明。 第四步,新建——长宽1厘米左右、背景透明——文字工具——打字:中英A简繁全双键设——打一个保存一个 1、WINDOWS自带字体不用考虑了,“方正卡通简体”和“微软简中圆”比较好,中规中距,字库大,又圆润。一般的小字体,很多字都打不出来,比如说“简”“双”很多字体都打出来都是问号。 2、若为1厘米的图层,字体大小为25比较合适。 3、新建图层上打字时最好先用放大镜放大,打出一个字后,用移动工具拖一下,把字移到正中间,再保存。保存完后再选择文字工具,在刚才的地方直接删除另打一个字并保存,保存的文件名记住要区分啊 第五步,搜狗菜单——更换皮肤——打开皮肤编辑器(有的人没有,自己下载去)——新建 窗口 一般只需横板同窗口和竖版同窗口两个就行了,做那么多模式还没那么多人用呢。 窗口背景:“不使用图片背景”的勾去掉,导入图片 横向伸长:选“中间拉伸”——左右端固定,固定住某一区域在打字的时候使他不拉伸。可直接拉动下面的竖线调整。 竖向伸长:选“纵向固定”,其它不用管 透明色:不用 分割线:左端间距好设定,右端间距看着点拉。很复杂。懒得说了,各位调一下看一下吧。 分割线也可以直接在制作输入框时自己加入虚线什么的。不用考虑伸长什么的,因为一般没人打太长的词吧 拼音、候选区:其实应该先把这个区调好再调分割线的。其它不用说,就“距图片右”要注意下,这个可以调大点。避免到时候字词超出了边框。</p><h2>Android手机QQ皮肤制作、修改教程</h2><p>Android手机QQ皮肤修制作、改教程 打造属于你的个性QQ 大家有没有觉得QQ官方的皮肤很单调,很难看呢?呵呵,那就接着看这篇帖 子,相信看完以后你也能拥有个性的手机QQ 首先,你要有官方的皮肤安装包,自己用手机下载就行了(apk格式的哦),还要有想要替换的图片(自己找喜欢的就行了,要两张jpg格式图片,一张竖屏 -320*480的,一张是横屏-480*320的) 素材准备好了以后就准备开始吧~ 1.点工具-文件夹选项-查看,勾掉如图选项(这是为了让系统显示文件扩展名)</p><p>然后点确定 2.找到日间皮肤.apk,在名字后面加上.zip 对着日间皮肤.apk.zip点右键解压缩,路径随意 打开解压后的文件夹</p><p>打开res-drawable文件夹,图片文件都在这里了 这个就是主屏背景 这时候把你的图片(320*480那个)也改成这个名字,先放在那里不要替换 看看其他的图片文件,如果有想要修改的就用同样格式分辨率的图片改成相同的名字留着备用 横屏皮肤文件在drawable-land文件夹里,把你的480*320图片改成和他一样的名字备用 这里要说一下,因为这个日间皮肤是浅蓝色的,所以我用浅蓝色图片来修改的,要不然会不好看,就像我修改的那个一户的,青葱岁月原来是绿色的,所以我把黑崎一护用Photoshop也改成绿色的了</p><p>3.现在可以删掉这个解压出来的文件夹了,所有的 找到刚刚的压缩包 双击打开</p><p>找到皮肤图片所在路径,把刚刚修改好的文件拖进去替换同名文件(没有不懂鼠标拖动的同学吧,有木有 )</p><p>点是进行替换,替换好了以后关闭当前窗口, 把压缩文件的.zip去掉还原成.apk 4.现在基本上已经弄好了,但是现在的apk文件是不能安装的,会显示验证不一致,我们还需要签名 打开签名软件</p><h2>搜狗手机输入法皮肤制作参数说明</h2><p>搜狗手机输入法设计参数说明 标记语言注释 [General]通用声明,显示皮肤的相关信息 skin _name=专属皮肤皮肤名称 skin_version=0.9 皮肤版本 skin_author=XUHUQ 皮肤作者 skin_email=skin_email=toutianxian@https://www.360docs.net/doc/266651862.html, 作者联系邮箱 skin_time=2013-10-26 制作时间 skin_info=自己制作的皮肤皮肤说明信息 [Display]显示声明 use_gdip=1 透明参数,是否允许软件支持透明的PNG格式。0不显示;1显示font_size=16 输入栏字体大小 font_ch=黑体输入栏字体。手机的会因系统而限制 font_en=Arial Black 输入栏英文字体。手机有所限制 pinyin_color=0xffffff 输入栏拼音的颜色。十六进制 zhongwen_first_color=0x0 焦点候选词的颜色。没有选择的情况下第一个字词 zhongwen_color=0xffffff 非焦点候选词的颜色 comphint_color=0x6e6e6e 拼音提示颜色。长按是的背景色 [Scheme_H1]输入栏的声明//横屏窗口 pic=skin1.png输入栏图片 layout_horizontal=1,22,27 横 向 伸 长 方 式 第一位 0,中间拉伸; 1,中间平铺 取值仅为0和1 第二位平铺或拉伸时距图片左端的开始位置(像素) 第三位平铺或拉伸时距图片右端的开始位置(像素) layout_vertical=1,30,20纵 向 伸 长 方 式 第一位0,中间拉伸; 1,中间平铺; 2,纵向固定 取值为0,1,2 第二位平铺或拉伸时距图片上端的开始位置(像素) 第三位平铺或拉伸时距图片下端的开始位置(像素) pinyin_marge=0,6,38,28 依次为拼音距图片顶端,分割线,图片右端,图片左端的像素数zhongwen_marge=0,0,38,8 依次为候选词距分割线,图片上,图片左,图片右的像素数[Scheme_V2]竖屏窗口声明//键盘区 pinyin_pic=skin2.png 键盘背景图片 pinyin_layout_horizontal=0,2,25 参数同横屏窗口的 pinyin_layout_vertical=0,25,1 参数同横屏窗口的 pinyin_marge=4,3,8,44 参数同横屏窗口的 蓝色为控制代码,有底色的文字表示变量 Skin2.png的像素大小随意,小像素的可以选择平铺,大像素的图片可以选择拉伸或固定</p><h2>搜狗输入法皮肤制作教程</h2><p>下载:搜狗输入法皮肤编辑器 搜狗输入法皮肤采用通用的zip压缩格式。皮肤格式说明如下: 1. 皮肤文件为ssf格式,是采用zip压缩格式的文件。你可以把皮肤文件的后缀名ssf改成zip,然后解压出来。修改完毕文件之后,还可以压缩成zip格式,再把后缀名zip改成ssf,就是一个完整的皮肤文件了。等同于搜狗输入法皮肤编辑器制作的文件。 2. 皮肤文件里面包括:1个skin.ini文件,和几十个图片文件。图片数量视支持的功能多少可以有不同。你可以打开一个皮肤文件查看。 3. 当双击皮肤时,皮肤文件会被拷贝到安装目录下的allskin文件夹下,同时把皮肤文件解压到skin文件夹下。 由于时间关系,稍后我们再提供较为详细的制作皮肤帮助。为了使大家更方便的制作皮肤,我们在皮肤编辑器的压缩包里提供两款默认的皮肤源文件供大家参考。大家可以自行修改使用。 还是给个文字版: 搜狗输入法皮肤制作教程(组图版) 前言 搜狗输入法的皮肤编辑器是一款简单易懂的皮肤编辑程序,您可以发挥自己的想象力设计出精美漂亮的皮肤,然后通过皮肤编辑器组装完成,发布到官网上能让更多的人看到您的作品,非常的有成就感哦。 搜狗输入法最新版本中集成了输入法编辑器,右键输入法导航栏→设置竖向→外观→右下方打开皮肤编辑器,搜狗输入法官网也提供搜狗皮肤编辑器的下载,这个下载包里有一些说明及介绍,包括两个标准导航栏设计的PSD文件和皮肤编辑器拉伸方式示意图: 皮肤设计说明 搜狗输入法皮肤制作最关键的部分是设计,在您个人使用的时候可以根据需求制作您需要的模式,但是在官网发布皮肤必须拥有完整的四种模式,好的设计需要您有一定的功底,使用Photoshop等专业的画图软件来完成啦。 1、输入法皮肤完整模式有四种:例图:横排同窗口、竖排同窗口、横排分窗口、竖排分窗口;务必提供四种模式,否则使用智能ABC模式的人将看不到输入窗口。 注意事项:设计大小以候选字4个到5个为基础,但务必留出可延伸空间,因为网友很多会把外观修改为候选字5个以上。在输入框设计中一定要留出拉伸或者平铺而不改变整体效果的位置。尤其是竖版,在设计中候选字为9个以下的图片一定留出不改变图片的延展空间,否则实际使用中,由于画面延伸而使人物、logo、花样变形。(会在下面的皮肤制作中详细讲解)</p><h2>搜狗拼音输入法能当计算器用介绍</h2><p>搜狗拼音输入法能当计算器用介绍 输入法这种东西大家一定都不陌生,每个人都有自己的选择和习惯,每个人也多多少少累积了一些使用输入法的小窍门。作为一种最常用的电脑工具,输入法发展到今天已经日趋成熟,新一代的输入法拥有更强大的在线词库,更智能的组词能力,更美观的皮肤,更人性化的细节设计……但是今天要说的这个功能仍然算得上是一种“独门秘笈”,因为它竟然创意到----用输入法直接计算算式结果----输入法计算器! 07年11月,搜狗拼音输入法诞生以来的第13个版本----论坛版增加了网址自动补全、错音提示功能、计算器等功能。网址自动补全集成了常见的绝大多数的网址,只需键入开头几个字母,候选项将自动列出补全后的网址。错音提示功能主要针对普遍容易读错的词进行正确读音的提示,此功能规范了汉语读音,让输入中还可以学习。输入法计算器可以方便的将计算结果输出,如----在“v模式”下,输入v85+7*31,可以得到85+7*31=302。 这也许只是一个附属的、非主流的、另类的、出人意料的、噱头式的功能,它的使用频率也许没有输入网址那么高,但是不得不承认,这个主意----很棒,它是一种美国google 式的创新精神,它是一种很好的软件发展方向与应用体验,</p><p>我建议如果你有时间,不妨也试验一下,虽然你可能用算盘也能算出同样的结果,但是你会发现----这真的很令人感到惬意。 附录:新版本的更新日志: 新增功能 1.网址与邮箱自动补全,快速补全网址与已输入的邮箱(按下Ctrl+Shift+1删除误输的网址) 模式计算器功能(输入v85+7*31,可以得到85+7*31=302) 3.错音提示功能(例如输入guangqian输入法会给出光纤(xiān)) 4.状态栏缩进语言栏,当隐藏状态栏时,状态栏上的按钮缩进系统语言栏中。 功能改进: 1.更正了繁体词数千条,例如??、?育与??、洗?这样的词条。 2.支持64位操作系统,包括XP、Vista。 3.改进了网络账户登录流程 4.改进了状态栏右键菜单.</p><h2>搜狗输入法使用方法</h2><p>搜狗输入法 ?搜狗拼音输入法 ?搜狗手机输入法 ?搜狗五笔输入法 ?浏览器 ?音乐盒 ?首页 ?皮肤下载 ?细胞词库</p><p>?官方论坛 ?官方博客 ?升级日志 ?使用帮助 皮肤 花渡刀刀迪斯尼兔斯基囧青花瓷几米悠嘻猴中国风黑色阿狸海绵宝宝海贼王质感手绘柯南死神魔兽 1.输入法简介 2.快速上手指南 ·怎样切换出搜狗输入法? ·怎样进行翻页选字? ·怎样使用简拼? ·怎样进行中英文切换输入? ·怎样修改候选词的个数? ·怎样修改外观? ·怎样方便的输入网址? ·怎样使用自定义短语? ·怎样设置固定首字? ·怎样快速输入人名?——人名智能组词模式 ·怎样快速进行关键字搜索?——搜狗输入法搜索 ·怎样快速进行生僻字的输入?——拆分输入 ·怎样快速输入表情以及其他特殊符号?——表情&符号输入</p><p>搜狗拼音输入法是搜狗(https://www.360docs.net/doc/266651862.html,)推出的一款基于搜索引擎技术的、特别适合网民使用的、新一代的输入法产品。具体介绍请查看搜狗拼音输入法官方博客的开篇介绍。 怎样切换出搜狗输入法? 将鼠标移到要输入的地方,点一下,使系统进入到输入状态,然后按“Ctrl+Shift键”切换输入法,按到搜狗拼音输入法出来即可。当系统仅有一个输入法或者搜狗输入法为默认的输入法时,按下“Ctrl 键+空格键”即可切换 出搜狗输入法。 由于大多数人只用一个输入法,为了方便、高效起见,你可以把自己不用的输入法删除掉,只保留一个自己最常用的输入法即可。你可以通过系统的“语言文字栏”右键的“设置”选项把自己不用的输入法删除掉(这里的删除并不是卸载,以后可以还通过“添加”选项添上)。 怎样进行翻页选字? 搜狗拼音输入法默认的翻页键是“逗号(,)句号(。)”,即输入拼音后,按句号(。)进行向下翻页选字,相当于PageDown键,找到所选的字后,按其相对应的数字键即可输入。我们推荐你用这两个键翻页,因为用“逗号”“句号”时手不用移开键盘主操作区,效率最高,也不容易出错。 输入法默认的翻页键还有“减号(-)等号(=)”,“左右方括号([])”,你可以通过“设置属性”→“按键”→“翻 页键”来进行设定。 怎样使用简拼? 搜狗输入法现在支持的是声母简拼和声母的首字母简拼。例如:你想输入“张靓颖”,你只要输入“zhly”或者“zly”都可以输入“张靓颖”。同时,搜狗输入法支持简拼全拼的混合输入,例如:输入“srf”“sruf”“shrfa”都是可以 得到“输入法”的。 请注意:这里的声母的首字母简拼的作用和模糊音中的“z,s,c”相同。但是,这属于两回事,即使你没有选择设置里的模糊音,你同样可以用“zly”可以输入“张靓颖”。有效的用声母的首字母简拼可以提高输入效率,减少误打,例如,你输入“指示精神”这几个字,如果你输入传统的声母简拼,只能输入“zhshjsh”,需要输入的多而且多个h容易造成误打,而输入声母的首字母简拼,“zsjs”能很快得到你想要的词。 怎样进行中英文切换输入? 输入法默认是按下“Shift”键就切换到英文输入状态,再按一下“Shift”键就会返回中文状态。用鼠标点击状态 栏上面的中字图标也可以切换。 除了“Shift”键切换以外,搜狗输入法也支持回车输入英文,和V模式输入英文。在输入较短的英文时使用能 省去切换到英文状态下的麻烦。具体使用方法是: 回车输入英文:输入英文,直接敲回车即可。 V模式输入英文:先输入“V”,然后再输入你要输入的英文,可以包含@+*/-等符号,然后敲空格即可。 怎样修改候选词的个数?</p><h2>百度皮肤教程</h2><p>此教程适用于塞班v5以及安卓的2.1版皮肤,只是两者分辨率不同导致代码中的位置部分不同而已,安卓的高分辨率皮肤可以用在v5上,会相应缩小,v5的貌似不可以用在安卓上,听人说的,由于没有安卓机也不好试…… 另外此教程不用官方的制作的工具的,可能麻烦一点,这个自己取舍吧。 解包打包 首先是基本的解包打包,众所周知,百度2.1版本的皮肤后缀名为bds(这里只讨论安卓和塞班v5),我们要改皮肤的话就需要将后缀名改成zip,然后解压。 皮肤解压后得到的是三个(或者两个,下面会讲到)文件夹land、port和res,land里的是横屏皮肤对应的界面文件,port对应的是竖屏的,res则是键盘上出现的所有图片、文字以及按键之类的总定义的文件夹(语文不好,大家将就着看看吧,知道意思就好,不知道的话下面会详细讲解的……)。有的皮肤可能只有竖屏界面,所以land文件夹没有了,就像我,只用竖屏,所以横屏的就删掉了,只要不用到横屏,那么就没有影响,当然如果想要发布的话,最好还是都留着,会有人需要的。 还有个info的txt文件,那个就是作者啊名称那些,不要也无所谓。 在修改完后再选中这三个文件夹然后打包成zip文件,再改后缀名为bds就可以使用了。 皮肤构成简介 现在的皮肤是各式各样的,那么它是如何构成的呢,这里我们简要说一下。以我的皮肤为例,如下图,这个面板是由皮肤背景、按键背景、按键前景等组成,左边那个符号所在的栏是list栏。</p><p>制作皮肤就是先确定按键位置和显示的文字,再做出对应的图片,并在res文件夹的default.css里定义好STYLE,然后一个键一个键的设置坐标、背景、前景、键值等。上图也可以看出要修改按键上显示的内容,只要修改按键前景就行,这个另附小教程。</p><h2>搜狗输入法皮肤编辑器5</h2><p>搜狗输入法皮肤编辑器5.0新功能试用花渡 随着输入法5.0版本的上线,皮肤推出了具有革命性的动态效果,为配合这一功能,新版编辑器已做到支持此功能;此外,应广大皮肤作者的要求,在广泛征集皮肤作者意见的基础上,新版皮肤编辑器做了较大修改,从作者出发,加大了皮肤效果的可发挥空间,同时增加皮肤截图、预览设置等方便功能,希望能为大家的皮肤设计开辟更广阔的天空! 皮肤编辑器新功能: 1。动态皮肤制作:支持gif和apng动态效果,具体说明见编辑器工具包 2。 aero特效制作 3。字体外发光 4。皮肤png效果图直接导出,方便皮肤预览图的制作 5。预览设置(首选个数、预览字体大小) 6。皮肤随字体缩放选项 7。翻页键可自定义图片 8。皮肤各个位置可添加自定义按钮 9。状态栏常规按钮增加鼠标动作图片,结合gif或apng,动态效果更精美我们从编辑器的设计流程从上到下逐步说明上面列出的新功能: 1、动画皮肤效果 新版编辑器突破原有的静态皮肤的设计局限,提供Gif和Apng动画格式的支持,动画效果 可以设计到以下几个地方: a 输入框、状态栏背景中,背景可以实现动画效果,比如花渡·清明时节的皮肤中背景实 现下雨的动态效果。 b 自定义图片中,比如在花渡·小池皮肤里面水波水滴和蜻蜓的动画效果。 c 状态按钮交互事件中,比如Airplay系列皮肤中,切换简繁体,全双拼,全半角,中英 标点,键盘时有动画效果。 d 翻页按钮交互中,比如Airplay系列皮肤中,用鼠标点击翻页按钮时有动画效果。 没有做不到,只有想不到,动画格式的支持将整体提升搜狗输入法皮肤品质,奠定国内输 入法界面方面摇摇领先的地位。 2、输入窗口外观设置 新功能:见下图红圈标示位置</p><h2>搜狗皮肤编辑</h2><p>皮肤制作说明 搜狗输入法皮肤最关键的部分是设计,个人使用的皮肤可以根据需求制作您需要的模式,但是在官网发布皮肤必须拥有完整的四种模式,好的设计需要您有一定的设计功底,如使用Photoshop等专业的画图软件来完成。 如果您没有任何设计基础,建议您通过大头贴功能制作皮肤(大头贴皮肤制作地址:https://www.360docs.net/doc/266651862.html,/skins/dtt.php)。 1、输入法皮肤完整模式有四种(见例图):横排同窗口、竖排同窗口、横排分窗口、竖排分窗口;请务必提供四种模 式,否则使用智能ABC模式的人将看不到输入窗口。 注意事项:设计大小以候选字4个到5个为基础,但务必留出可延伸空间,因为网友很多会把外观修改为候选字5个以上。在输入框设计中一定要留出拉伸或者平铺而不改变整体效果的位置。尤其是竖版,在设计中候选字为9个以下的图片一定留出不改变图片的延展空间,否则实际使用中,由于画面延伸而使人物、logo、花样变形。(在下面的皮肤制作中详细讲 解) 图片大小规格: 可参考以下数据做调整,但不建议过大,否则影响输入: 横排同窗口:380*60,不包括状态栏右侧的不规则形象(如小白猪) 竖排同窗口:180*200,不包括状态栏右侧的不规则形象(如小白猪) 横排分窗口:180*30 180*30,不包括状态栏右侧的不规则形象(如小白猪) 竖排分窗口:180*30 180*150,不包括状态栏右侧的不规则形象(如小白猪) 2、输入法状态栏的完整模式(见例图)包括状态栏背景图,及按钮三种模式:正常、鼠标悬浮,鼠标按下。在官网的下载的皮肤编辑器的文件夹内,有“搜狗酷黑”“蓝色空间”的两款标准按钮的PSD设计图,可以直接修改或者替换…状态栏背景?图层,为保证切图的标准,请使用参考线进行切图。p 注意事项:标准的状态栏每按钮切片为16x17像素。可根据制作需求任意设置,但请务必提供完整模式(中、英、A、中文标点、英文标点、全角、半角……),状态栏各按钮标准上有三种模式(正常、鼠标悬浮,鼠标按下)模式。三种按钮模式可根据创意进行设计。例图中提供了标准的三种模式。</p><h2>Rainmeter皮肤制作教程</h2><p>第一节制作流程 开头部分 Rainmeter 有两项必需写的 Author=作者 Update=皮肤的刷新率,1000=1秒,默认=1000. 其他的根据需要写,比如AppVersion指定所需的RM版本,BackgroundMode定义背景模式等等。 这里,对MouseActionCursor这个很多人还不清楚的做下讲解。如果你后面的Meter定义成Button按钮,并且该按钮带有鼠标活动(好比开始菜单球球,鼠标有滑入按下离开三种行为),可以在开头部分将MouseActionCursor=0,否则后面的Meter会被遮挡,因为该值默认为1. 元数据和变量 Metadata元数据 定义数据结构大小创建时间等等一些信息,对整个皮肤不起作用,所以很多皮肤没有这段或干脆留空。 Variables 变量</p><p>这段很关键,如果皮肤较大,一些常用的像Font,FontColor等建议放入此处,倒不是图写起来方便,而是修改起来十分方便,整个皮肤看上去也整洁了许多。调用RM内置变量用@include=加路径引出。 测量部分 Measure Measure的类,共计13个类,每个类有各自的子项,详细规定了类的属性。 CPU 测算CPU负载(如多核可调用PerfMon插件)。 Memory 测算内存总利用率。 PhysicalMemory 测算物理内存分配。 SwapMemory 测算虚拟内存分配。 NetIn 测算网络下载流量。 NetOut 测算网络上载流量。 NetTotal 测算网络总流量。</p><p>FreeDiskSpace 测算空闲硬盘总量。 PefMon 测算终端性能数据。 Uptime 显示系统开机后持续的时间。 Plugin 插件 Registry 测算注册表值。 Time 测算当前时间和日期。 Calc 计算公式。 显示部分(表现方式) Meter Meter的类,共计8个类,每个类有各自的子项,详细规定了类的属性。 HISTOGRAM 直方图</p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="15215192"><a href="/topic/15215192/" target="_blank">皮肤制作教程</a></li> <li id="624841"><a href="/topic/624841/" target="_blank">手机搜狗皮肤制作教程</a></li> <li id="10102453"><a href="/topic/10102453/" target="_blank">搜狗皮肤</a></li> <li id="6912970"><a href="/topic/6912970/" target="_blank">搜狗皮肤制作</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/333643142.html" target="_blank">Pano2VR皮肤制作基本教程</a></li> <li><a href="/doc/633022975.html" target="_blank">搜狗输入法皮肤制作教程</a></li> <li><a href="/doc/921170035.html" target="_blank">QQ2011皮肤美化教程</a></li> <li><a href="/doc/ce18047469.html" target="_blank">CF简单的皮肤制作教程 (免费)</a></li> <li><a href="/doc/219115548.html" target="_blank">rainmeter皮肤编写教程(超详细版)</a></li> <li><a href="/doc/f317750624.html" target="_blank">手机搜狗皮肤制作教程</a></li> <li><a href="/doc/3f12634570.html" target="_blank">百度手机输入法皮肤修改教程</a></li> <li><a href="/doc/6818563948.html" target="_blank">百度皮肤教程</a></li> <li><a href="/doc/ca9119230.html" target="_blank">fcitx皮肤制作教程</a></li> <li><a href="/doc/e74663810.html" target="_blank">火狐浏览器皮肤制作教程讲解</a></li> <li><a href="/doc/3f538034.html" target="_blank">搜狗输入法皮肤制作</a></li> <li><a href="/doc/4016847150.html" target="_blank">Android手机QQ皮肤制作、修改教程</a></li> <li><a href="/doc/8218053453.html" target="_blank">Rainmeter皮肤制作教程</a></li> <li><a href="/doc/cd14091725.html" target="_blank">音速启动皮肤制作简易教程</a></li> <li><a href="/doc/fd631187.html" target="_blank">搜狗皮肤制作教程</a></li> <li><a href="/doc/3d4772405.html" target="_blank">搜狗皮肤制作</a></li> <li><a href="/doc/6010788427.html" target="_blank">maya_sss皮肤材质教程</a></li> <li><a href="/doc/bd623864.html" target="_blank">搜狗输入法皮肤制作教程</a></li> <li><a href="/doc/de7271116.html" target="_blank">QQ透明皮肤制作教程</a></li> <li><a href="/doc/2119325429.html" target="_blank">易语言制作皮肤模块</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "25824d6881eb6294dd88d0d233d4b14e84243e1a"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a>  ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>