photoshop制作博客网站模板实例教程插图

photoshop制作博客网站模板实例教程

博客网站已经越来越多的被国内用户所接受与使用,由于博客的内容比较简单,大多作为个人的心情抒发或日记形式,所以BLOG界面也比较直接,往往排版就分为左右内容与导航区,不过简单的东西不一定容易设计,往往优秀的BLOG界面还是比较稀少的,本文的BLOG网站是由国外设计师设计,截面

photoshop制作博客网站模板实例教程(11)插图

photoshop制作博客网站模板实例教程(11)

博客网站已经越来越多的被国内用户所接受与使用,由于博客的内容比较简单,大多作为个人的心情抒发或日记形式,所以BLOG界面也比较直接,往往排版就分为左右内容与导航区,不过简单的东西不一定容易设计,往往优秀的BLOG

广告位
photoshop制作博客网站模板实例教程(2)插图

photoshop制作博客网站模板实例教程(2)

打开PS然后创建一个空白文档。我比较喜欢在一个大一点宽屏文档上面开始制作。切记使用RGB色彩模式以及设置为72DPI就好,因为我们紧紧是在屏幕上使用(注,一般印刷是300dpi,而屏幕只要72就够了,CMYK为印刷色) 首

photoshop制作博客网站模板实例教程(10)插图

photoshop制作博客网站模板实例教程(10)

用一些看起来很棒而且免费的按钮来设置一些函数,添加一些次级信息例如留言数,继续阅读等。这些信息对访客来讲还是很有用的所以将他们另外隔开放到另一个地方来。 最后添加写其他页面原色比如订阅啦等。RSS图标你

photoshop制作博客网站模板实例教程(9)插图

photoshop制作博客网站模板实例教程(9)

到这一步基本上框架已经搞定了,下面我们在页面上做一些文本测试来看看我们的颜色和大小有没有问题 创建一个导航区域,注意要有渐变,做法参照头部的方法。输入导航文字。 随便扒拉一篇你要发布的日志复制过来,调

photoshop制作博客网站模板实例教程(8)插图

photoshop制作博客网站模板实例教程(8)

再用内发光工具给侧边栏添加一个白色的边线效果,方法跟上面的一样。调整阻塞选项到最大值,可以让光出现的比较柔和。 最后在侧边栏上添加一个从白色到灰色的渐变来增加些细节和层次。 将侧边栏裁开,因为之前计划

photoshop制作博客网站模板实例教程(7)插图

photoshop制作博客网站模板实例教程(7)

选择内容图层然后用上面的方法建立一个选取,按住ALT键来缩小选区如上图。然后新建一个图层在这个选区内填充上白色并且改变透明度为90%这样然后略微做一下渐变,这样就在头部添加了一点高光。 继续用矩形选框工具在

photoshop制作博客网站模板实例教程(6)插图

photoshop制作博客网站模板实例教程(6)

还是要慢慢擦出来渐变(其实这一步可以在擦边线之前做好然后再套上图层蒙版做渐变。) 这样一个巨大的灰色内容区就这么的呈现在眼前鸟,并且下部还有些渐变哦。回顾下来看看,顶端的圆角要比下面的大,边线是在中部

photoshop制作博客网站模板实例教程(5)插图

photoshop制作博客网站模板实例教程(5)

最后添加一个外发光,黑色的15%透明度的,于是一个淡淡的内容区的阴影就这样出现了。 新建一层,再画一个圆角矩形宽度一样,但这次要改改圆角半径,10px足矣。在下面给这个灰色区域添加一点点渐变让他有一种倾斜度

photoshop制作博客网站模板实例教程(4)插图

photoshop制作博客网站模板实例教程(4)

使用圆角矩形工具画一个内容区域如上图所示,颜色为浅灰色(#eeeeee),圆角半径为20px。注意在这种情况下圆角矩形并不要两边顶满,因为下面右侧还要添加一些东西。 双击圆角矩形图层然后添加8白色描边,宽度为8px,

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部