当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop绘制一个网页形式的公告板(2)

Photoshop绘制一个网页形式的公告板(2)

Step 5.

为了使每个边界两边看看真实的,我们要创造的角落之间的差距。

用多边形选框工具选中,剪裁4个边。并按Ctrl+X剪切并新建图层张贴

Photoshop绘制一个网页形式的公告板

在为层的混合选项“边界的权利”,申请一个渐变叠加(角度:0度,第一梯度滑块:#e77d15,第二梯度滑块:#f69834)。

现在,层“边境顶”,适用于另一个渐变叠加(第一梯度滑块:#e77d15,第二梯度滑块:#f4942d,第三梯度滑块:#d16f04)。

接下来,层“边境左”,适用于另一个渐变叠加(第一梯度滑块:#0d550e,第二梯度滑块:#f4942d,第三梯度滑块:#d16f04)。

最后,层“边境底”,适用于另一个渐变叠加(第一梯度滑块:#6e3c0b,第二梯度滑块:#f4942d,第三梯度滑块:#d16f04)。

Photoshop绘制一个网页形式的公告板
Photoshop绘制一个网页形式的公告板

Step 6.

新建图层,会只一个白色的正方形。 按cthrl+T变形

Photoshop绘制一个网页形式的公告板

给该图层添加样式

Photoshop绘制一个网页形式的公告板

选择渐变工具Photoshop绘制一个网页形式的公告板前景色为#eae7e7 ,背景色为白色

Photoshop绘制一个网页形式的公告板
Photoshop绘制一个网页形式的公告板

Step 7.

绘制一个小圆,作为钉子的头,添加渐变样式

Photoshop绘制一个网页形式的公告板

使用画笔工具Photoshop绘制一个网页形式的公告板,给钉子添加高光

Photoshop绘制一个网页形式的公告板

添加投影

Photoshop绘制一个网页形式的公告板

使用多边形套索工具,或者钢笔工具绘制形状

Photoshop绘制一个网页形式的公告板

填充渐变Photoshop绘制一个网页形式的公告板#373636 到透明的渐变

Photoshop绘制一个网页形式的公告板

同样的方法继续制作

Photoshop绘制一个网页形式的公告板

  • 共4页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 下一页
  • 上一篇:用Ps绘制破旧风格的网站首页
    下一篇:30个专业的网页界面设计教程分享

    图集推荐

    • 灵感
    • 美图