SkinStudio 字体效果小教程

日期:2008 年 11 月 22 日理论 & 教程
Iconfans论坛上有朋友问到了WindowBlinds主题当中如何定义字体发光颜色的问题,这里就简单地介绍一下。

就像CSS一样,SkinStudio当中可以给每个主题都预置若干种字体设置。只要保存完一种字体设置(包括字体、大小、是否粗体、是否斜体、外发光效果、外发光颜色、外发光类型和尺寸等等但是不包括文字本身的颜色),大部分的地方我们只需要调用一下这个设置即可,减少了很多重复动作。

假设我们已经建好了一个叫”Taskbar-Normal“的字体设置,来看看通过SkinStudio如何来实现各种效果:

点击左侧的“Change Skin Fonts”,选择我们想要编辑的”Taskbar-Normal“,然后按右侧的“Change Fonts"即可打开字体编辑窗口


图片载入中...



左侧的列表里可以选择字体
右侧的列表选择的是文字的粗细
文字粗细列表下方是设置文字的大小,也许大家会奇怪为什么大小是负的。其实SS在这里给我们提供了两种字体大小单位,数值为负的时候单位是像素(数值为正时的单位是什么我没深究过,因为从来不用,哈哈)
”Italic“  ”Underline“  ”Rotate 90 Degrees“三个选项分别是设置斜体、下划线和文字旋转90度

图片载入中...




我们着重来看一下字体列表下面这个下拉框,这里是选择文字效果的,总共有四个选项:
Normal Text,也就是没有任何效果
Shadowed Text,给文字增加清晰的投影
Outlined Text,给文字增加描边
Outlined Text(Less Cpu),节省系统资源的描边,虽然效果不如上一个好,但是在特定情况下有时会有意想不到的效果
Text with blurred Shadow,同样是投影,不过这个投影是模糊过得。

图片载入中...




不管是用哪种效果,我们都需要为投影或者描边选择颜色和尺寸(比如投影和字体本身的距离):
左边可以直接选择颜色,右边是投影或者描边与字体的水平和垂直间距。
图片载入中...


最后我们来举两个例子看看一般都用那些字体效果来实现我们的主题:

这个是我做的主题Zing! 这里任务栏文字用上了Text with blurred Shadow效果,文字颜色是很淡的蓝色,而发光色则是较深的一个蓝色
图片载入中...


苹果界面中的标题文字看起来总是很精致,经常看起来有浮雕的效果,其实在SkinStudio中很容易做到,我们只需要设置一Shadowed Text效果,然后把阴影颜色设置成比背景淡的一个颜色,然后阴影的位移设置成为水平0,垂直1即可(即阴影比文字本身垂直向下移动1像素)
图片载入中...


博文评论
微博 知乎 Twitter Dribbble Behance Instagram LinkedIn Unsplash