杂志网站:PS设计某杂志的网站界面(3)
- 时间: 2010-10-27 21:02
- 来源: 网络
- 浏览:
-
手机浏览
扫一扫 手机浏览推荐在WIFI环境下使用
新建图层,重命名为“Highlight”。前景色设为#242329,,绘制一个圆角矩形,右击图层,选择“混合选项”。勾选“内发光”,混合模式设为“正常”,颜色#000000,不透明度30%,内发光半径5px。

新建图层, 重命名为“Search Box”。重复“Highlight”图层的做法,绘制圆角搜索框框时,前景色设为#504f57.

绘制搜索框的右半部分.(从上到下,颜色设置为#b8b7c5 -#95949c)

放置必须的文章和搜索图标

现在看起来页面还很粗糙,让我们继续制作中间的滑动模块。

新建图层,重命名为“Slideshow Border”。使用钢笔工具绘制左上角、右上角突出的边框。取得“header”选区,点击Delete键得到边框。


在滑动模块的两次绘制两个黑色的小圆角矩形按钮。

拼合所有的黑色图形到同一图层,右击图层缩略图,选择“混合模式”。勾选“渐变叠加”,渐变色设置如下(从左到右依次是:#8d8e92, #cbcbcd, #323137, #c3c5d4)勾选“外发光”,混合模式设为“正常”,外发光颜色:#000000,不透明度4%,外发光大小5px。

绘制左侧箭头,复制“水平翻转”得到右侧箭头。

现在看起来好多了。让我们继续为图片展示区和短文区制作边框。


关注设计帝国公众号
- 上一篇:上一篇:Photoshop样式教程:制作华丽的主页按钮特效
- 下一篇:下一篇:网页PNG标签:PS制作质感的网页PNG标签教程

