PS设计教程网欢迎你!

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

文章来源于 活力盒子,感谢作者 Luycas翻译 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-07-21
新建图层,重命名为Highlight。前景色设为#242329,,绘制一个圆角矩形,右击图层,选择混合选项。勾选内发光,混合模式设为正常,颜色#000000,不透明度30%,内发光半径5px。 新建图层, 重命名为Search Box。重复H

新建图层,重命名为“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设计某杂志的网站界面

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa