Photoshop绘制精美的企业网站模板(3)

作者:佚名 出处:Grafpedia 你好,我的朋友们。在本教程中,我将告诉您如何在短短的几个步骤里为您的企业建立网页布局,您可以使用于任何类型的业务,或再进行小的修改也可以创建一个投资组合布局。如果您已经遵循了

用ps制作一个暗黑导航(3)

效果如下。 复制几层,排列如下,合层,降低透明度到50%。 建新层,用铅笔画出下图白色物体。 复制几个,摆放如下,图层模式改为柔光,不透明度降到60%。

作者:佚名   出处:Grafpedia

你好,我的朋友们。在本教程中,我将告诉您如何在短短的几个步骤里为您的企业建立网页布局,您可以使用于任何类型的业务,或再进行小的修改也可以创建一个投资组合布局。如果您已经遵循了我,我相信你可以按照自己的需要修改这一教程上的一些布局。

像往常一样,我会创建一个新的文档,尺寸:1000 x 1100像素。

我将我的前景色设置为#333333,使用油漆桶工具,然后我将填补这个颜色的背景色。

我会选择矩形工具,我将创建一个像下面的图像的形状。 我将利用这个图片来创建布局头。(图01)

先看效果图

Photoshop绘制精美的企业网站模板(3)插图

Photoshop绘制精美的企业网站模板(3)插图(1)

图01

对于白色的形状,我会添加下面的图层样式。(图02)

Photoshop绘制精美的企业网站模板(3)插图(2)

图02

在添加图层样式布局看起来是这样的。(图03)

Photoshop绘制精美的企业网站模板(3)插图(3)

图03

我这一个下面创建一个类似的形状,我将使用上面层的风格,但我会取消检查反向按钮。(图04)

Photoshop绘制精美的企业网站模板(3)插图(4)

图04

下面是结果

Photoshop绘制精美的企业网站模板(3)插图(5)

图05

我将用更多的时间用矩形工具,创造另一个形状。(图06)

Photoshop绘制精美的企业网站模板(3)插图(6)

图06

对于这种形状的,我会添加一些图层样式。(图07、08、09)

Photoshop绘制精美的企业网站模板(3)插图(7)

图07

Photoshop绘制精美的企业网站模板(3)插图(8)

图08

Photoshop绘制精美的企业网站模板(3)插图(9)

图09

请点击下面的图片,看看它的外观。(图10)

Photoshop绘制精美的企业网站模板(3)插图(10)

图10

创建一个新层(按上按Ctrl + Shift + ALT键+ N在同一时间)。

随着矩形选框工具我会就布局顶部选择。(图11)

Photoshop绘制精美的企业网站模板(3)插图(11)

图11

我会选择以下像素模式,我会按我的内选择鼠标左键(请注意,您还需要选择新的层)(图12)

Photoshop绘制精美的企业网站模板(3)插图(12)

图12

这是我的结果(图13)

Photoshop绘制精美的企业网站模板(3)插图(13)

图13

使用橡皮擦工具 ,我会删除与此形成底部的细条纹的一部分。我将使用顺利圆刷。这是我的结果。(图14)

Photoshop绘制精美的企业网站模板(3)插图(14)

图14

我将用更多的时间一矩形工具 ,创建一个形状,我将稍后添加一些按钮。(图15)

Photoshop绘制精美的企业网站模板(3)插图(15)

图15

我会添加一些图层样式(图16、17、18、19)

Photoshop绘制精美的企业网站模板(3)插图(16)

图16

Photoshop绘制精美的企业网站模板(3)插图(17)

图17

Photoshop绘制精美的企业网站模板(3)插图(18)

图18

Photoshop绘制精美的企业网站模板(3)插图(19)

图19

下面是结果(图20)

Photoshop绘制精美的企业网站模板(3)插图(20)

图20

在布局我将在中间创建一个新的圆角形状。我将使用圆角矩形工具,半径为5或6像素。(图21)

Photoshop绘制精美的企业网站模板(3)插图(21)

图21

你可以看到这个形状周围较平。这一点用一个简单的图层样式就能解决。(图22)

Photoshop绘制精美的企业网站模板(3)插图(22)

图22

我用钢笔工具下建立这种形状的阴影。用深色创造出一些形状。请注意,您必须置于圆形层。(图23)

Photoshop绘制精美的企业网站模板(3)插图(23)

图23

然后我会按下Ctrl + E将他们合并为一单层。

用滤镜“>模糊”高斯模糊,我将利用其在外地半径值为10。影子看起来像下面的图像。(图24)

Photoshop绘制精美的企业网站模板(3)插图(24)

图24

在圆形我将创建两个(1像素细线中每个)使用不同的颜色。我会选择两个图层,我将它们合并(Ctrl + E)。然后用橡皮擦工具进行删除。(图25)

Photoshop绘制精美的企业网站模板(3)插图(25)

图25

在布局中我将创建一个矩形工具中的新形状。(图26)

Photoshop绘制精美的企业网站模板(3)插图(26)

图26

我将添加下面的图层样式。(图27、28)

Photoshop绘制精美的企业网站模板(3)插图(27)

图27

Photoshop绘制精美的企业网站模板(3)插图(28)

图28

这是我的结果(图29)

Photoshop绘制精美的企业网站模板(3)插图(29)

图29

这时候我会复制这层,如果您跳过这一步您将不能够创建和我有同样的效果。

当您在您的调色板层两层,你需要他们合并成一个层。

我之所以合并两个层,因为我要用橡皮擦删除下面的图像底部的一部分。请使用一个大的笔刷。(图30)

Photoshop绘制精美的企业网站模板(3)插图(30)

图30

我会添加一些文本,菜单按钮,也有一些图标。请点击下面的图片我看到更好的结果。(图31)

Photoshop绘制精美的企业网站模板(3)插图(31)

图31

我会创建另一个矩形工具的形状,我将置于它的文字层。(图32)

Photoshop绘制精美的企业网站模板(3)插图(32)

图32

我将用下面的图层样式。(图33、34、35)

Photoshop绘制精美的企业网站模板(3)插图(33)

图33

Photoshop绘制精美的企业网站模板(3)插图(34)

图34

Photoshop绘制精美的企业网站模板(3)插图(35)

图35

这是我的结果。(图36)

Photoshop绘制精美的企业网站模板(3)插图(36)

图36

我的最后一步是创建另外两个细线(1像素),下面箭头的位置。(图37)

Photoshop绘制精美的企业网站模板(3)插图(37)

图37

这是我最后的结果。(图38)

Photoshop绘制精美的企业网站模板(3)插图(38)

图38

我喜欢这样的布局类型。

Photoshop绘制精美的企业网站模板(3)插图(39)
Photoshop绘制精美的企业网站模板(3)插图(40)
Photoshop绘制精美的企业网站模板(3)插图(41)

Photoshop绘制精美的企业网站模板(3)插图(39)
Photoshop绘制精美的企业网站模板(3)插图(40)
Photoshop绘制精美的企业网站模板(3)插图(41)

作者:佚名   出处:Grafpedia

你好,我的朋友们。在本教程中,我将告诉您如何在短短的几个步骤里为您的企业建立网页布局,您可以使用于任何类型的业务,或再进行小的修改也可以创建一个投资组合布局。如果您已经遵循了我,我相信你可以按照自己的需要修改这一教程上的一些布局。

像往常一样,我会创建一个新的文档,尺寸:1000 x 1100像素。

我将我的前景色设置为#333333,使用油漆桶工具,然后我将填补这个颜色的背景色。

我会选择矩形工具,我将创建一个像下面的图像的形状。 我将利用这个图片来创建布局头。(图01)

先看效果图

Photoshop绘制精美的企业网站模板(3)插图

Photoshop绘制精美的企业网站模板(3)插图(1)

图01

对于白色的形状,我会添加下面的图层样式。(图02)

Photoshop绘制精美的企业网站模板(3)插图(2)

图02

在添加图层样式布局看起来是这样的。(图03)

Photoshop绘制精美的企业网站模板(3)插图(3)

图03

我这一个下面创建一个类似的形状,我将使用上面层的风格,但我会取消检查反向按钮。(图04)

Photoshop绘制精美的企业网站模板(3)插图(4)

图04

下面是结果

Photoshop绘制精美的企业网站模板(3)插图(5)

图05

我将用更多的时间用矩形工具,创造另一个形状。(图06)

Photoshop绘制精美的企业网站模板(3)插图(6)

图06

对于这种形状的,我会添加一些图层样式。(图07、08、09)

Photoshop绘制精美的企业网站模板(3)插图(7)

图07

Photoshop绘制精美的企业网站模板(3)插图(8)

图08

Photoshop绘制精美的企业网站模板(3)插图(9)

图09

请点击下面的图片,看看它的外观。(图10)

Photoshop绘制精美的企业网站模板(3)插图(10)

图10

创建一个新层(按上按Ctrl + Shift + ALT键+ N在同一时间)。

随着矩形选框工具我会就布局顶部选择。(图11)

Photoshop绘制精美的企业网站模板(3)插图(11)

图11

我会选择以下像素模式,我会按我的内选择鼠标左键(请注意,您还需要选择新的层)(图12)

Photoshop绘制精美的企业网站模板(3)插图(12)

图12

这是我的结果(图13)

Photoshop绘制精美的企业网站模板(3)插图(13)

图13

使用橡皮擦工具 ,我会删除与此形成底部的细条纹的一部分。我将使用顺利圆刷。这是我的结果。(图14)

Photoshop绘制精美的企业网站模板(3)插图(14)

图14

我将用更多的时间一矩形工具 ,创建一个形状,我将稍后添加一些按钮。(图15)

Photoshop绘制精美的企业网站模板(3)插图(15)

图15

我会添加一些图层样式(图16、17、18、19)

Photoshop绘制精美的企业网站模板(3)插图(16)

图16

Photoshop绘制精美的企业网站模板(3)插图(17)

图17

Photoshop绘制精美的企业网站模板(3)插图(18)

图18

Photoshop绘制精美的企业网站模板(3)插图(19)

图19

下面是结果(图20)

Photoshop绘制精美的企业网站模板(3)插图(20)

图20

在布局我将在中间创建一个新的圆角形状。我将使用圆角矩形工具,半径为5或6像素。(图21)

Photoshop绘制精美的企业网站模板(3)插图(21)

图21

你可以看到这个形状周围较平。这一点用一个简单的图层样式就能解决。(图22)

Photoshop绘制精美的企业网站模板(3)插图(22)

图22

我用钢笔工具下建立这种形状的阴影。用深色创造出一些形状。请注意,您必须置于圆形层。(图23)

Photoshop绘制精美的企业网站模板(3)插图(23)

图23

然后我会按下Ctrl + E将他们合并为一单层。

用滤镜“>模糊”高斯模糊,我将利用其在外地半径值为10。影子看起来像下面的图像。(图24)

Photoshop绘制精美的企业网站模板(3)插图(24)

图24

在圆形我将创建两个(1像素细线中每个)使用不同的颜色。我会选择两个图层,我将它们合并(Ctrl + E)。然后用橡皮擦工具进行删除。(图25)

Photoshop绘制精美的企业网站模板(3)插图(25)

图25

在布局中我将创建一个矩形工具中的新形状。(图26)

Photoshop绘制精美的企业网站模板(3)插图(26)

图26

我将添加下面的图层样式。(图27、28)

Photoshop绘制精美的企业网站模板(3)插图(27)

图27

Photoshop绘制精美的企业网站模板(3)插图(28)

图28

这是我的结果(图29)

Photoshop绘制精美的企业网站模板(3)插图(29)

图29

这时候我会复制这层,如果您跳过这一步您将不能够创建和我有同样的效果。

当您在您的调色板层两层,你需要他们合并成一个层。

我之所以合并两个层,因为我要用橡皮擦删除下面的图像底部的一部分。请使用一个大的笔刷。(图30)

Photoshop绘制精美的企业网站模板(3)插图(30)

图30

我会添加一些文本,菜单按钮,也有一些图标。请点击下面的图片我看到更好的结果。(图31)

Photoshop绘制精美的企业网站模板(3)插图(31)

图31

我会创建另一个矩形工具的形状,我将置于它的文字层。(图32)

Photoshop绘制精美的企业网站模板(3)插图(32)

图32

我将用下面的图层样式。(图33、34、35)

Photoshop绘制精美的企业网站模板(3)插图(33)

图33

Photoshop绘制精美的企业网站模板(3)插图(34)

图34

Photoshop绘制精美的企业网站模板(3)插图(35)

图35

这是我的结果。(图36)

Photoshop绘制精美的企业网站模板(3)插图(36)

图36

我的最后一步是创建另外两个细线(1像素),下面箭头的位置。(图37)

Photoshop绘制精美的企业网站模板(3)插图(37)

图37

这是我最后的结果。(图38)

Photoshop绘制精美的企业网站模板(3)插图(38)

图38

我喜欢这样的布局类型。

作者:佚名   出处:Grafpedia

你好,我的朋友们。在本教程中,我将告诉您如何在短短的几个步骤里为您的企业建立网页布局,您可以使用于任何类型的业务,或再进行小的修改也可以创建一个投资组合布局。如果您已经遵循了我,我相信你可以按照自己的需要修改这一教程上的一些布局。

像往常一样,我会创建一个新的文档,尺寸:1000 x 1100像素。

我将我的前景色设置为#333333,使用油漆桶工具,然后我将填补这个颜色的背景色。

我会选择矩形工具,我将创建一个像下面的图像的形状。 我将利用这个图片来创建布局头。(图01)

先看效果图

Photoshop绘制精美的企业网站模板(3)插图

Photoshop绘制精美的企业网站模板(3)插图(1)

图01

对于白色的形状,我会添加下面的图层样式。(图02)

Photoshop绘制精美的企业网站模板(3)插图(2)

图02

在添加图层样式布局看起来是这样的。(图03)

Photoshop绘制精美的企业网站模板(3)插图(3)

图03

我这一个下面创建一个类似的形状,我将使用上面层的风格,但我会取消检查反向按钮。(图04)

Photoshop绘制精美的企业网站模板(3)插图(4)

图04

下面是结果

Photoshop绘制精美的企业网站模板(3)插图(5)

图05

我将用更多的时间用矩形工具,创造另一个形状。(图06)

Photoshop绘制精美的企业网站模板(3)插图(6)

图06

对于这种形状的,我会添加一些图层样式。(图07、08、09)

Photoshop绘制精美的企业网站模板(3)插图(7)

图07

Photoshop绘制精美的企业网站模板(3)插图(8)

图08

Photoshop绘制精美的企业网站模板(3)插图(9)

图09

请点击下面的图片,看看它的外观。(图10)

Photoshop绘制精美的企业网站模板(3)插图(10)

图10

创建一个新层(按上按Ctrl + Shift + ALT键+ N在同一时间)。

随着矩形选框工具我会就布局顶部选择。(图11)

Photoshop绘制精美的企业网站模板(3)插图(11)

图11

我会选择以下像素模式,我会按我的内选择鼠标左键(请注意,您还需要选择新的层)(图12)

Photoshop绘制精美的企业网站模板(3)插图(12)

图12

这是我的结果(图13)

Photoshop绘制精美的企业网站模板(3)插图(13)

图13

使用橡皮擦工具 ,我会删除与此形成底部的细条纹的一部分。我将使用顺利圆刷。这是我的结果。(图14)

Photoshop绘制精美的企业网站模板(3)插图(14)

图14

我将用更多的时间一矩形工具 ,创建一个形状,我将稍后添加一些按钮。(图15)

Photoshop绘制精美的企业网站模板(3)插图(15)

图15

我会添加一些图层样式(图16、17、18、19)

Photoshop绘制精美的企业网站模板(3)插图(16)

图16

Photoshop绘制精美的企业网站模板(3)插图(17)

图17

Photoshop绘制精美的企业网站模板(3)插图(18)

图18

Photoshop绘制精美的企业网站模板(3)插图(19)

图19

下面是结果(图20)

Photoshop绘制精美的企业网站模板(3)插图(20)

图20

在布局我将在中间创建一个新的圆角形状。我将使用圆角矩形工具,半径为5或6像素。(图21)

Photoshop绘制精美的企业网站模板(3)插图(21)

图21

你可以看到这个形状周围较平。这一点用一个简单的图层样式就能解决。(图22)

Photoshop绘制精美的企业网站模板(3)插图(22)

图22

我用钢笔工具下建立这种形状的阴影。用深色创造出一些形状。请注意,您必须置于圆形层。(图23)

Photoshop绘制精美的企业网站模板(3)插图(23)

图23

然后我会按下Ctrl + E将他们合并为一单层。

用滤镜“>模糊”高斯模糊,我将利用其在外地半径值为10。影子看起来像下面的图像。(图24)

Photoshop绘制精美的企业网站模板(3)插图(24)

图24

在圆形我将创建两个(1像素细线中每个)使用不同的颜色。我会选择两个图层,我将它们合并(Ctrl + E)。然后用橡皮擦工具进行删除。(图25)

Photoshop绘制精美的企业网站模板(3)插图(25)

图25

在布局中我将创建一个矩形工具中的新形状。(图26)

Photoshop绘制精美的企业网站模板(3)插图(26)

图26

我将添加下面的图层样式。(图27、28)

Photoshop绘制精美的企业网站模板(3)插图(27)

图27

Photoshop绘制精美的企业网站模板(3)插图(28)

图28

这是我的结果(图29)

Photoshop绘制精美的企业网站模板(3)插图(29)

图29

这时候我会复制这层,如果您跳过这一步您将不能够创建和我有同样的效果。

当您在您的调色板层两层,你需要他们合并成一个层。

我之所以合并两个层,因为我要用橡皮擦删除下面的图像底部的一部分。请使用一个大的笔刷。(图30)

Photoshop绘制精美的企业网站模板(3)插图(30)

图30

我会添加一些文本,菜单按钮,也有一些图标。请点击下面的图片我看到更好的结果。(图31)

Photoshop绘制精美的企业网站模板(3)插图(31)

图31

我会创建另一个矩形工具的形状,我将置于它的文字层。(图32)

Photoshop绘制精美的企业网站模板(3)插图(32)

图32

我将用下面的图层样式。(图33、34、35)

Photoshop绘制精美的企业网站模板(3)插图(33)

图33

Photoshop绘制精美的企业网站模板(3)插图(34)

图34

Photoshop绘制精美的企业网站模板(3)插图(35)

图35

这是我的结果。(图36)

Photoshop绘制精美的企业网站模板(3)插图(36)

图36

我的最后一步是创建另外两个细线(1像素),下面箭头的位置。(图37)

Photoshop绘制精美的企业网站模板(3)插图(37)

图37

这是我最后的结果。(图38)

Photoshop绘制精美的企业网站模板(3)插图(38)

图38

我喜欢这样的布局类型。

Photoshop绘制精美的企业网站模板(3)插图(39)
Photoshop绘制精美的企业网站模板(3)插图(40)
Photoshop绘制精美的企业网站模板(3)插图(41)

作者: 791650988

为您推荐