注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

流水生活

 
 
 

日志

 
 

风格制作小结  

2010-11-21 03:28:28|  分类: 【风格】博客装扮 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

做了一个月的风格,一开始做自己喜欢的,然后关注别人喜欢的,到现在都不知道大家喜欢什么的了,各式各样竟也折腾了几十个。我是极喜换风格的,好像开博就有这怪毛病,几乎只要登陆就会去换,为了找自己喜欢的风格还去翻过100多页的“大家分享”,汗!后来发现几乎自己喜欢的都被收藏用过了。本来就是个极懒的人,喜欢用现成的,最近才想着要试着自己去做。风格平台也改版了,还有小控同学专门来打理,正如oosmile说的一样,WY越来越重视博客,重视风格了。


       Yan_zi的不是学网页设计,对编程代码更是一窍不通,可是这又有什么关系呢,热爱博客,喜欢风格的我们依然可以自己动起手来弄自己喜欢的风格。以下呢谈不上是什么教程了,主要是和大家分享一下步骤。
 




  一、做之前大概的在脑海中应该有个框架,比如主题是自己喜欢的素材图片、原创设计之类的,大概要做成什么样的等。

 

风格制作小结 - Yan_zi - 燕燕于飞


 (这是一张桌面壁纸,右下角有个小水印,在PS里面用仿制图章处理下或者直裁掉了)
 
二、
1、新建一个空白的文档,背景黑色,大小1004*1600像素(高没有特别的要求)
2、将素材使用移动工具拖入文档中,放置顶区,Ctrl+T,同时按住SHIFT和ALT键等比例缩放到合适的大小,与背景逢中对齐。
3、素材的两边和黑色的背景有明显的相接痕迹,用蒙版虚化下,使左右两侧与背景溶合的更加自然。
4、复制此素材图层,Ctrl+T右键选择垂直翻转,按SHIFT锁定移动至底区。
5、切片如下,四个区——顶区、导航、中区、底区
          顶区:80—450像素
          导航:32—100像素 (导航自定义后,就没复杂整过了)
          中区:左右缩进宽度最大50像素
          底区:高度50—800像素

 


风格制作小结 - Yan_zi - 燕燕于飞


      大致随手切的一般都会是在这个范围内,切好保存后的。

 
风格制作小结 - Yan_zi - 燕燕于飞 


   6.  切好四个区,ALT+SHIFT+CTRL+S存储为WEB所用格式(别一个一个的裁剪哦!有同学这样用过)。默认GIF格式,是透明的话就选择PNG格式。小控同学说自定义升级之后支持高清JPG,PNG-8,PNG-24的。 


风格制作小结 - Yan_zi - 燕燕于飞


         7.  最麻烦的9个区


风格制作小结 - Yan_zi - 燕燕于飞


 圆角矩形,描边,外发光,内发光切好之后的,黑色背景是为了更好的观察,存储WEB格式时,删掉或者直接关了。


风格制作小结 - Yan_zi - 燕燕于飞        风格制作小结 - Yan_zi - 燕燕于飞

 

      (左边这个是透明的,所以中间这个区没必要切了,如果中间这个区和前面切好的中区图案不一样,那就要切了。如果浏览器是IE6的那就不支持透明了,显示效果就跟右图一样了,这样的话那就赶紧升级吧!)

        PS里面就这些了,基本上没用到什么很复杂的步骤,都是一些很基本的常用工具,再说了复杂的也用不上,呵偶也不会,嘿嘿!是不是都想动手试哈鸟。

 

 三、上传
       有的浏览器上传的时候不能及时显示出来,要保存之后才能显示出来,如谷歌,但在我其它浏览器不能进入博客,死人的加载的时候,谷歌又很给力了,一下就进去了。所以上传默认的IE上传吧,世界之窗也行,其它的没用过了。


       小控同学那有很详细的上传视频,每个区都有详细的讲解。
 

风格制作小结 - Yan_zi - 燕燕于飞


(有一点的是,这个中区的图片,选择不平铺,背景给成黑色的就行了,我一直没将背景图片跟背景颜色同时用过,这两者是可以同时用的哈,呵请教小K浏览器设置时才知道的,汗!)

 然后就是那9个区了,我以前弄的9个区总是死人的对不上,保存后跟显示的不一样,但最近好像又每次都对齐了,不明白这是为嘛。


        其它的几项,都是配色了,可能跟我性格有关,我用的颜色都是比较保守的,嘿嘿!昨天还收集了一篇色卡的日志,留着用也可以给大家参考下。基本上呢标题文字使用同一色系的颜色不会出错,重要文字和次要文字我所有的风格都是给的灰色,万能的灰色哈,百搭型的(几乎每位mm都会有灰色的衣服吧),链接文字给素材上的同一系颜色或是整体主题色的对比色。

       完成图,效果还行!有点小差异哈,上面截的图是才弄的,所以跟完成图是在公司弄的有点区别,这个两边是没有虚化的,跟浏览器的黑色溶合的不是很好。

 

风格制作小结 - Yan_zi - 燕燕于飞
 
  



 
 Yan_zi 的话:
        我觉得比较要注意的地方:

 


风格制作小结 - Yan_zi - 燕燕于飞


 
 (呵呵,这款monochrome的“幻城”不陌生吧,背景固定的,oosmile这儿有详细的背景固定教程。)

 


 
风格制作小结 - Yan_zi - 燕燕于飞
 

 “蓝色魅力”透明呀,透明! 现在都支持了。很炫吧!背景固定,PNG格式。

 
 

风格制作小结 - Yan_zi - 燕燕于飞

 风格制作小结 - Yan_zi - 燕燕于飞


    这只毛笔是不是到从导航跨越到中区了,呵,中区一行三列这个方式了,那只笔应该项是有单独切图的,然后上传到2区中层,选择不平铺,背景无色。

 

 

风格制作小结 - Yan_zi - 燕燕于飞

 
     
      (真的很酷,这样是不是很酷?这浏览器整得我没明白是咋弄的,后来晓得了,给图水平平铺,然后给个蓝灰的背景色。两种不冲突前面提到的。浏览器我是一直没弄过满意的)
 
    能想到要注意的大概就这四点了,可能有很多表述的不是很清楚和不对的地方,希望大家指出来哦。
 
 
THE  END

  
 
PS:不会编程?不会PS?都没关系,强大的自定义可以让你制作别样的精美风格,想要一个跟别人不一样,更酷更有个性的装扮么,都来DIY吧!瞧,其实很简单。广大油菜的博友们还等什么呢,一起动手来DIY自己喜欢风格吧!
 
  评论这张
 
阅读(1851)| 评论(52)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017