Photoshop设计游戏网站网页效果系列一

2016-03-19 01:58 11 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Photoshop设计游戏网站网页效果系列一,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - PS 】

最终效果

 

101

 

新建一个文档大小为: 1000 x 1200 像素)。 我将设置前景色为 # 1a1a1a,并使用 油漆桶工具,如图,创建网站的背景。
选择 圆角矩形工具 (设置为 6 像素半径),在下图中,创建 3 形状。 这样就可以更好地看到我在做什么,如图

1

选择上面的形状 编辑 变换 变形 选择以下设置。

2

其他形状,如图设置。

3

结果

4

现在将所有形状添加图层样式。 我们将在本教程中多次使用它,将此图层样式保存。 。

5

6

7

8

结果:

9

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

10

我将加载这个图层选择 (选择 载入选区)。 这一层上面,我将创建另一个图层。 简单的方法来创建新的图层是在同一时间内按 CTRL + SHIFT + ALT + N。
此新的图层上,我将创建一个大点用光滑圆形画笔。 我将使用白色创建此绘图。

11

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

12

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

3

这是我的结果

13

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

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

honeycomp-pattern

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

15

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

我将添加下面的图层样式

16

17

18

19

20

21

到目前为止,这是由于:

22

我想从中间选择灰色的形状和我将加载所选内容 (选择 载入选区)

23

我将选择 矩形选框工具,并将按下”从选区中减去”按钮。

24

12345下一页

来源:http://www.tulaoshi.com/n/20160319/1901022.html

延伸阅读
标签: Web开发
图:265G主编郭丽娜在上海 图: 265G主编郭丽娜在厦门 郭丽娜,浙江金华人,自265G创办伊始便担任了该站主编一职,看着265G从出生到如今在网页游戏领域里风华正茂的成长,她的内心对自己的选择和判断充满自信。这一点从她对265G的介绍文字中就可以看出端倪来。 关于265G和网页游戏 265G网站内包含了大量网页游...
标签: PS PS基础
最终效果: 我将创建一个新文档与以下大小: 1000 x 1200 像素为单位)。 我将设置前景色为 # 1a1a1a,并使用 油漆桶工具,我将我的文档内单击一次。 以这种方式,我将创建网站的背景。 我将选择 圆角矩形工具 (设置为 6 像素半径),在下图中,我将创建 3 形状象。 这样就可以更好地看到我在做什么,我会用一个白色的颜色。 您必须创建此形...

经验教程

385

收藏

45
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部