PS网页设计:酷炫的黑色风格

baoxinan7

baoxinan7

2016-03-19 02:09

想要天天向上,就要懂得享受学习。图老师为大家推荐PS网页设计:酷炫的黑色风格,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

PS网页设计:酷炫的黑色风格

最终效果图

Photoshop设计简单黑色网页模板界面12

新建750x600尺寸的画面。背景颜色暗灰色,新建图层在上部画出一个黑暗的矩形,如图。

Photoshop设计简单黑色网页模板界面1

创建一个新的画布,800 × 800。让前景色设为白色和黑色两种颜色,并渐变。选择“滤镜扭曲”。效果应该类似于下面的图片。

Photoshop设计简单黑色网页模板界面2

现在,选择”滤镜扭曲”极坐标。

Photoshop设计简单黑色网页模板界面3

复制你的层,将模式设置为“叠加“。现在选择”滤镜扭曲”涡形旋转。

Photoshop设计简单黑色网页模板界面4

合并的图层和调整颜色(选择你喜欢的颜色),我选择了蓝色/紫色。

Photoshop设计简单黑色网页模板界面5

复制图像回到之前的设计页面,张贴到上方的黑色背景上,切割大小合适。

Photoshop设计简单黑色网页模板界面6

现在我们将创建导航菜单。选择在您的标题图片基地薄矩形,拉伸图像的整个长度,见下文。

Photoshop设计简单黑色网页模板界面7

新建图层,使用渐变工具,使你的新选择一个灰色的渐变,以接近顶部的光色

Photoshop设计简单黑色网页模板界面8

上方大概选择减少2像www.Tulaoshi.com素,再新建图层作相反渐变效果。

Photoshop设计简单黑色网页模板界面9

我们将作出一种新的内部镶嵌按钮,所以使用矩形选择工具,在渐变条上选择一个框框。上下像数留1像素。

Photoshop设计简单黑色网页模板界面10

填充渐变矩形按钮,后反复复制几个,并给予按钮选择编辑一个黑暗的边框。

Photoshop设计简单黑色网页模板界面1

在按钮上添加一些导航文章。

Photoshop设计简单黑色网页模板界面2

现在选择顶上方的标题图片,如下所示的灰色部分。

Photoshop设计简单黑色网页模板界面3

在顶部新建图层,做个渐变效果。

Photoshop设计简单黑色网页模板界面4

现在添加网页名称或logo。

Photoshop设计简单黑色网页模板界面5

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

为了使它看起来像是渐变镶嵌效果,我们将使用相同的导航菜单制作方法,Ctrl键单击文字层,以获得您的文本选择。在文字层下创建一个新的层,并选择“选择修改展开”。展开5像素或您自己选择,在于选择另一个渐变和上方相反的方向。

Photoshop设计简单黑色网页模板界面6

现在好了吗?想下面写上标题文字。

Photoshop设计简单黑色网页模板界面7

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

现在选择刚才制作的顶部效果图层,进行全选。使用圆形选择工具,按住ALT键,删除如下所示为您的选择椭圆形。

Photoshop设计简单黑色网页模板界面1

看看选择效果,“选择“图像调整”,进行调整对比度和亮度,调整亮一点。

Photoshop设计简单黑色网页模板界面2

创建一个新层,并选择“编辑描边”,看看下面的效果吧~~  

Photoshop设计简单黑色网页模板界面3

选中上右下三个要删除部分,并将其删除,(我们只要左边)如下所示。

Photoshop设计简单黑色网页模板界面4

我们的logo标题应该要的是这样的效果。

Photoshop设计简单黑色网页模板界面5

现在制作下面的内容部分。选择圆角矩形工具

Photoshop设计简单黑色网页模板界面6

新建一个图层,拖出两个如下图一样的矩形。

Photoshop设计简单黑色网页模板界面7

选择两个矩形,并在顶部制作出渐变的效果来。

Photoshop设计简单黑色网页模板界面8

选择“编辑描边”,并添加一个暗灰色的边框选择

Photoshop设计简单黑色网页模板界面9

在黑色边框内添加灰边效果 

Photoshop设计简单黑色网页模板界面10

现在给两个矩形添加阴影效果。填充黑色,选择"过滤模糊高斯模糊"。

Photoshop设计简单黑色网页模板界面11

添加内容,OK,仅此而已!简单的效果出来了~~~。

Photoshop设计简单黑色网页模板界面12

展开更多 50%)
分享

猜你喜欢

PS网页设计:酷炫的黑色风格

PS PS基础 ps平面设计教程 ps去水印教程
PS网页设计:酷炫的黑色风格

PS网页设计:黑色超酷风格

PS PS基础 ps平面设计教程 ps去水印教程
PS网页设计:黑色超酷风格

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS设计酷炫火焰海报

PS
PS设计酷炫火焰海报

时尚酷炫风格电动单车设计

产品设计
时尚酷炫风格电动单车设计

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS绘制设计炫酷的主题文字

PhotoShop PS PS教程
PS绘制设计炫酷的主题文字

PS简单快速几步设计一款米黑色的网页风格

PS PS基础 ps平面设计教程 ps去水印教程
PS简单快速几步设计一款米黑色的网页风格

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PS给卡通画稿人物上色和添加元素

PS给卡通画稿人物上色和添加元素

photoshop给可爱的大眼漫画少女上色教程

photoshop给可爱的大眼漫画少女上色教程
下拉加载更多内容 ↓