Photohop网页模板设计实例:主机专业网站模板(3)

admin 1 0
作者:amitk   出处:webdesign.org


本教程您的需要

  1. 一个服务器的图像。 看看如何创建一个服务器在这里
  2. Photoshop笔刷以下设置
  3. 我们最新的超级包超过30.000层多种款式,16.000梯度。 ( optional ) (可选)

请在顶部选择的布局,并与渐变工具绘制一个简单的线条,直到你有像我这样的结果

Photohop网页模板设计实例:主机专业网站模板(3)-第1张图片-快备云

之后,添加服务器的三维图像

Photohop网页模板设计实例:主机专业网站模板(3)-第2张图片-快备云
Click to enlarge


 

选择圆角矩形工具(设置半径为6像素),并希望在下面的图像一些形状

Photohop网页模板设计实例:主机专业网站模板(3)-第3张图片-快备云
Click to enlarge

现在我们将适用于某些形状1图层样式 :

Photohop网页模板设计实例:主机专业网站模板(3)-第4张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第5张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第6张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第7张图片-快备云

这是我的结果

Photohop网页模板设计实例:主机专业网站模板(3)-第8张图片-快备云
Click to enlarge

你可以看到,我还有没有图层样式形状。 We will apply now the following layer styles for the black shape.我们现在将适用于对黑色形状以下图层样式

Photohop网页模板设计实例:主机专业网站模板(3)-第9张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第10张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第11张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第12张图片-快备云


 

我的效果:

Photohop网页模板设计实例:主机专业网站模板(3)-第13张图片-快备云

随着圆角矩形工具,添加另一个2形状

Photohop网页模板设计实例:主机专业网站模板(3)-第14张图片-快备云

与这2形状,请添加以下图层样式:

Photohop网页模板设计实例:主机专业网站模板(3)-第4张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第5张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第6张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第7张图片-快备云

效果 :

Photohop网页模板设计实例:主机专业网站模板(3)-第19张图片-快备云

再次圆角矩形工具再增加2形状

Photohop网页模板设计实例:主机专业网站模板(3)-第20张图片-快备云

选择多边形工具(设置方人数3)

Photohop网页模板设计实例:主机专业网站模板(3)-第21张图片-快备云


 

添加您的布局3三角形

Photohop网页模板设计实例:主机专业网站模板(3)-第22张图片-快备云
Click to enlarge

在你的调色板中选择层2层(红色和黑色三角形形状)

Photohop网页模板设计实例:主机专业网站模板(3)-第23张图片-快备云

当你选择这2层按Ctrl + E(下合并)

you will have the same result , but instead of having 2 layers we will have a single one .你将会有同样的结果,而是有2层的,我们将有一个单独的一个。

For this single layer please add the following layer styles为此单层请添加以下层样式

Photohop网页模板设计实例:主机专业网站模板(3)-第24张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第25张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第26张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第27张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第28张图片-快备云


 

效果

Photohop网页模板设计实例:主机专业网站模板(3)-第29张图片-快备云

是否为布局其他部分相同

Photohop网页模板设计实例:主机专业网站模板(3)-第30张图片-快备云

现在我们将做的蓝色三角形相同,灰色的形状

Photohop网页模板设计实例:主机专业网站模板(3)-第31张图片-快备云

很重要的是选择在你的层调色板两个层,然后合并成一个层他们,适用下列层样式

Photohop网页模板设计实例:主机专业网站模板(3)-第4张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第5张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第6张图片-快备云

Photohop网页模板设计实例:主机专业网站模板(3)-第7张图片-快备云


 

效果

Photohop网页模板设计实例:主机专业网站模板(3)-第36张图片-快备云

下一步是添加一些文本

Photohop网页模板设计实例:主机专业网站模板(3)-第37张图片-快备云
Click to enlarge

选择多边形套索工具,使像我这样一个选择

Photohop网页模板设计实例:主机专业网站模板(3)-第38张图片-快备云

现在,选择正确的层(你会找出哪一个当您看到下面的图片)

I will apply a red color to see better which layer you need to select it我会应用红色看到更好的层您需要选择它

Photohop网页模板设计实例:主机专业网站模板(3)-第39张图片-快备云

之后,你在选择调色板层层,到图层“>新建”>通过剪切层

Press on Ctrl+D to deselect按上按Ctrl + D取消选择

This is my result ( i will apply the original layer style settings )这是我的结果(我将适用于原来的图层样式设置)

Photohop网页模板设计实例:主机专业网站模板(3)-第40张图片-快备云


 

现在选择的小角落,并转到“编辑>变换”旋转180

Photohop网页模板设计实例:主机专业网站模板(3)-第41张图片-快备云

你的右侧的布局相同

Photohop网页模板设计实例:主机专业网站模板(3)-第42张图片-快备云

现在置于角落层的一些小按钮

Photohop网页模板设计实例:主机专业网站模板(3)-第43张图片-快备云

接下来的步骤是下载www.photo-shop-brush.com 并在新的图层(按Ctrl + Shift + Alt键+ n)的补充一些与画笔工具的小箭头

Photohop网页模板设计实例:主机专业网站模板(3)-第44张图片-快备云

这是我最后的布局。 I hope you like it我希望你喜欢它

Photohop网页模板设计实例:主机专业网站模板(3)-第45张图片-快备云
Click to enlarge





标签: 专业网站 模板 主机 实例 网页模板 设计 Photohop

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~