当前位置: 首页 > 设计教程 > 网页设计教程 > PS美工教程:游戏网站首页布局

PS美工教程:游戏网站首页布局

最终效果:

Photoshop美工教程:游戏网站首页布局

我将创建一个新文档与以下大小: 1000 x 1200 像素为单位)。 我将设置前景色为 # 1a1a1a,并使用 油漆桶工具,我将我的文档内单击一次。 以这种方式,我将创建网站的背景。

我将选择 圆角矩形工具 (设置为 6 像素半径),在下图中,我将创建 3 形状象。 这样就可以更好地看到我在做什么,我会用一个白色的颜色。 您必须创建此形状具有以下颜色: # 000000

Photoshop美工教程:游戏网站首页布局

我将选择上面的形状和我将去编辑 > 变换 > 和经纱会选择以下设置。

Photoshop美工教程:游戏网站首页布局

其他形状上,我将使用一个更多时间变形工具,但这次我会用另一个设置。

Photoshop美工教程:游戏网站首页布局

这是我的结果为止

Photoshop美工教程:游戏网站首页布局

现在我将用于所有形状添加同一图层样式。 请因为我们将在本教程中多次使用它,将此图层样式保存。 我将此图层样式 GP 类型的名称。

Photoshop美工教程:游戏网站首页布局
Photoshop美工教程:游戏网站首页布局
Photoshop美工教程:游戏网站首页布局
Photoshop美工教程:游戏网站首页布局

您的所有形状将都具有与我类似看:

Photoshop美工教程:游戏网站首页布局

我将重复上面的形状 (要复制一个形状,您需要在您图层调板中选择图层,然后按 CTRL + J),然后我将转到筛选器 > 噪声 > 添加噪音。 这里是我一直使用,噪音的设置。

Photoshop美工教程:游戏网站首页布局

我将加载这个图层选择 (选择 > 载入选区)。 这一层上面,我将创建另一个图层。 简单的方法来创建新的图层是在同一时间内按 CTRL + SHIFT + ALT + N。

此新的图层上,我将创建一个大点用光滑圆形画笔。 我将使用白色创建此绘图。

Photoshop美工教程:游戏网站首页布局

我将此图层的混合模式软光,和我将会按 CTRL + D 以取消选择

Photoshop美工教程:游戏网站首页布局

在布局的中间,我将创建另一个形状的 圆角矩形工具。 我将使用以下颜色: # c7c7c7 时创建此的形状,然后我就去编辑 > 变换 > 变形工具,并将使用以下设置:

Photoshop美工教程:游戏网站首页布局

这是我的结果

Photoshop美工教程:游戏网站首页布局

此形状可以添加下面的图层样式

Photoshop美工教程:游戏网站首页布局

请下载下面的模式,并打开在 Photoshop 中的图像。 然后转至编辑 > 定义图案。 为此模式选择一个名称,然后单击确定。 这种蜂窝模式是无缝和很好的下一个按钮,就会填满。

Photoshop美工教程:游戏网站首页布局

With Rounded Rectangle Tool 使用 圆角矩形工具 中,我将创建一个形状的布局。

Photoshop美工教程:游戏网站首页布局

Photoshop美工教程:水中的网页设计教程
Photoshop绘制好看的老式wordpress主题