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

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

先看看最终效果图

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

Step 1.

打开photshop,文件-新建,新建一个文档(尺寸:600像素400px),背景内容为半透明

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

Step 2.

使用矩形工具Photoshop绘制一个网页形式的公告板绘制一个大小为(280px:480px)的矩形,

提示:为了给一个固定的形状大小,访问选项栏面板

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

Step 3.

按ctrl+Enter 把路径转换为选区,设置前景色为#a37d54 设置背景色为 #4e2f0d

为了产生corkboard纹理。 转到滤镜“>渲染>云彩,

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

继续对;转到滤镜“>素描>便条纸(图片平衡:32,颗粒度:11和救济:12)。

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

转到滤镜“>笔触>飞溅(喷雾半径:15和平整度:10)。

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

最后,让我们给它一个较深的颜色,去图像“>调整”>影印/高光

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

Step 4.

新建图层,使用圆角矩形工具尺寸为(由302px 502px)半径:10px

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

填充色为 #4e2f0d

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

用Ps绘制破旧风格的网站首页
30个专业的网页界面设计教程分享