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

.

.

 
 
 

日志

 
 

【引用】视频教程——教你用风格自定义工具制作官方风格  

2011-09-28 20:35:26|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

想知道网易博客官方精美主题风格是如何做出来的吗?

下面的视频教程让你大开眼界!

首先是准备图片素材

在图片设计软件( 如:Photoshop )里把整个风格的效果设计好,并且根据不同区域尺寸需要切割好图片。

视频教程——教你用风格自定义工具制作官方风格 - 博客小管 - 博客小管

 

示范的风格需要切出14张素材图片,下面是就是各个素材图片的预览图,注意各个素材图片在风格制作工具中相应的尺寸规范要求,切图前请参考:

视频教程——教你用风格自定义工具制作官方风格 - 博客小管 - 博客小管

准备好了这些素材,我们就可以开始使用风格自定义工具制作了。

 

第一部分 —— 制作模板浏览器背景(分辨率大于1024*768的朋友能看到在页面两侧)

 

第二部分 —— 制作模板顶部头图和博客标题

本部分注意点:顶部图片的最适宜宽度为1004像素。

  

第三部分 —— 制作导航

本部分注意点:导航图片的最大高度为100像素。

  

第四部分 —— 制作博客中区背景

本部分注意点:灵活应用中区的不同布局和区域,可以制作更多的效果

  

第五部分 —— 制作模板底区图案

本部分注意点:底区图片的最适宜宽度和顶部图片一样,为1004像素。

  

第六部分(难点) —— 制作模块

本部分注意点:模块的拐角处图片(1区和3区) 长宽限制在50*100像素以内 。

  

第七部分 —— 制作按钮及其他

  

热爱生活热爱设计的你,赶快去尝试一下吧!视频教程——教你用风格自定义工具制作官方风格 - 博客小管 - 博客小管





  评论这张
 
阅读(893)| 评论(25)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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