• 【玩转自定义】制作清新淡雅的LOMO风格空间


    【自定义装扮所需条件:黄钻3级用户

    即时开通黄钻直通车

    自定义皮肤、标题栏给Qzone爱好者带来了很大的发挥余地,网络上那些最爱的图片都可以拿来作为自己空间的皮肤了,同时,自定义装扮也使空间装扮显得更加的统一,空间更加有整体感了,想要做出与众不同的空间也更加的可行,即使想做一个有网站效果的空间也成为了一种可能。

    当然,有很多新手对于自定义装扮存在很多疑问,我的皮肤在别人的电脑里看着怎么是错位的?我该怎么做自定义标题栏?

    上次做了一个淡绿色LOMO风格的皮肤和标题栏,看过的朋友都说好看,今天就这个机会和大家探讨一下自定义装扮皮肤标题栏的制作与设置。

    LOMO风格自定义装扮整体效果:


    第一部分:皮肤制作
    新建一个宽10PX、高200PX的文档,设背景色#cff384,前景色#e9fdba,选用渐变工具如下图设置渐变色,在画布里从上到下拉出渐变色。


    菜单栏:滤镜——杂色——添加杂色,如下图设置。编辑——定义图案,将这个图定义成图案。


    新建一个宽1279PX高200PX的文档。背景色:#9bbb58前景色:#d0ee98。用背景色填充画布。Ctrl+A全选画布,选择——变化选区,将宽改成1001PX,高度不变。


    编辑——填充——图案。用下面这个图案填充,做出抽丝效果。没有这个图案的朋友自己做一个(做抽丝图案的方法见文章底部)


    按住Ctrl键同时点击抽丝图层获得选区,编辑——填充,用前景色填充选区。效果如下图。


    在全选、变化选区,将宽度改为895PX,高度不变。新建一个图层,用先前做的那个渐变图案填充选区。


    再次变化选区,将宽度改为883PX,按Ctrl+X,再Ctrl+V。这样这个选区内的图案从图层3切出并粘贴到新建的图层4里。再次变化选区,该宽度为863PX,选择——反向,按Delete删除选区,效果如图8.


    变化选区,改宽度857PX,按Delete删除选区。


    好,一个自定义皮肤就做好了。


    接下来就是装扮空间了,自定义——自定义装扮——上传皮肤,设成平铺,正上角。

    自定义皮肤释疑:

    为什么要做一个那么大的图片?做个1024PX的不就可以了?

    这是为了在各种分辨率的显示屏上看着我的这个空间装扮都是美观的,毕竟,做空间不是只为了给自己看的不是?现在电脑显示屏的分辨率五花八门,有1024*768的,有1280*1024的,有1660*1200的,…………,分辨率的不同,图片在电脑中的显示效果也会不一样。

    以这个皮肤来说,中间抽丝部分的宽度是1001px,那么,边上单纯显示背景色的部分左右两侧各是139PX,设置皮肤的时候我们用的是正上角平铺,那么不要说目前主流的1280*1024显示屏,即使在1660PX的显示屏上左右两侧也是不会看到中间的抽丝部分,即使更大如1920*1440的显示屏,左右两侧也是只能看到一点抽丝图案,而在1024*768的显示屏上显示的基本是中间抽丝的图案,这样整体效果会比较美。

    如果两边的重复抽丝部分显示太多会比较杂乱影响视觉效果。

    注意:逛空间的时候发现有的空间把皮肤设成左上角,而模块却是居中显示。这个做法实在是一个很大的失误。在1024的显示屏上,你的空间装扮很完美,做的模块和皮肤丝丝入扣,无懈可击。到其他分辨率的显示屏上一看,这个模块和皮肤错位的惨不忍睹了。

    比如,在比1024大的显示屏上,皮肤仍然是居左的,而模块却被往右移动了,所以导致装扮错位。同样,皮肤设成正上角,而模块却是居左,那么随着分辨率不一样的显示屏,你的空间装扮也是错位的。

    所以,皮肤是正上角的,模块也要居中,皮肤是左上角的,模块也居左,就不会出差错了。

    第二部分:标题栏制作

    直接将刚才的文档调整宽高。图像——画布大小,宽895PX,高400PX,向下扩展。将各个图层都复制一次,向下移动到底部。把复制的图层和原图层合并了。

    先看一下这个标题栏里各个图层的关系:


    在背景层上面把图片素材1和图片素材2拉入。素材1沿左侧摆放,素材2沿右侧摆放。给素材2添加一个图层蒙版(图层面板下面第三个按钮),在蒙版里拉一个左黑右白的渐变,使两个素材融合。


    在抽丝层上面新建一层,建一个紧贴底部高80PX的选区,填充前景色,填充30%。在这个图层上在分别新建2个图层,各高60PX、40PX,紧贴底部,填充前景色,填充度30%。


    新建一层,在显示空间信息的位置拉出一个280*100的选区,填充前景色,填充度50%,点击图层面板底部第2个按钮,设置描边1像素描边颜色比前景色稍浅。新建一层,缩小选区3PX,编辑——描边,颜色为背景色,1PX。合并这两个图层。


    用多边形套索在这个图像的右下角拉一个三角形选区,按Ctrl+X,Ctrl+V,把粘贴的图像拉回原图像的位置,按Ctrl+T,水平翻转、垂直翻转,做出右下角的折角。到这里,标题栏基本做好了。


    在标题栏中间加上个性文字,凸显你的个性。下面是【花】字的图层样式。


    标题栏释疑:
    为了使标题栏和皮肤契合的到位,皮肤宽度是单数,标题栏的宽度也设成单数。895PX是标题栏的最佳宽度。
    注意:标题栏的高度低于250PX的时候,标题栏图片的顶部距页面顶部会自动产生34PX的距离,而标题栏图片高度大于250PX时,标题栏顶部距页面顶部的距离是0PX。
    其他信息借鉴淚之印象提供的内容:

    2009/6/26 2:19:50
举报不良信息