当前位置: 首页 > 设计教程 > 网页设计教程 > 杂志网站:PS设计某杂志的网站界面(3)

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

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

  • 共4页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 下一页
  • 上一篇:Photoshop样式教程:制作华丽的主页按钮特效
    下一篇:网页PNG标签:PS制作质感的网页PNG标签教程

    图集推荐

    • 灵感
    • 美图