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

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

Step 8.

制作小木尺

导入素材木头底纹。 使用圆角矩形,半径为10px

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

添加投影

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

为了让他看起来比较真实,我们使用画笔工具给尺子加上泥土和高光

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

使用画笔工具 选择44号画笔

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

减去多余的部分

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

使用钢笔工具绘制绳子

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

Step 9.

绘制铅笔。 使用圆角矩形绘制一个长的圆角矩形

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

设置前景色为#f7e168 背景色为#dbc558 选择渐变工具Photoshop绘制一个网页形式的公告板,中的对称渐变Photoshop绘制一个网页形式的公告板

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

按Delete键,清除用矩形选框工具选中的部分

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

绘制笔尖

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

填充色为:(#9f6f4b ~ #be9a78)

使用直线工具Photoshop绘制一个网页形式的公告板绘制笔芯

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

绘制形状添加渐变

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

渐变颜色为(#504f4d #ffffff #3f3e3d )

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

和尺子同样的方法使用钢笔工具绘制绳子

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

使用与那叫矩形工具,给铅笔添加高光,填充色为白色(#ffffff),羽化1像素

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

设置图层的不透明度为50%

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

Step 10.

添加背景图案

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

使用椭圆选框工具Photoshop绘制一个网页形式的公告板,羽化50像素,填充色为(#c3840c)

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

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

    图集推荐

    • 灵感
    • 美图