织梦CMS - 轻松建站从此开始!

我的网站

杂志网站:PS设计某杂志的网站界面(3)

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
新建图层,重命名为Highlight。前景色设为#242329,,绘制一个圆角矩形,右击图层,选择混合选项。勾选内发光,混合模式设为正常,颜色#000000,不透明度

新建图层,重命名为“Highlight”。前景色设为#242329,,绘制一个圆角矩形,右击图层,选择“混合选项”。勾选“内发光”,混合模式设为“正常”,颜色#000000,不透明度30%,内发光半径5px。

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

 

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

 

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

Photoshop设计某杂志的网站界面

(责任编辑:RGB)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容