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

2016-03-19 02:05 8 1 收藏

最近很多朋友喜欢上PS,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - PS 】


最终效果图

设计图片素材

在本教程中用到下面图像素材:

撕裂的纸板素材

网站logo

第1步

打开一个新的文档(20px*900px)。选择整个画布(ctrl+ a)和填充颜色(F6F3EA)。然后使用矩形选取框工具来再建一种细长,拖到您的画布右边线。这个背景颜色应该EFEBE1。然后进入“编辑定义模式和定义为您的填充模式,如下图。

第2步

现在创建一个新文件(960px*900px)。创建一个新层'背景',并且用你喜欢的任何颜色填充整个画布。然后去这个混合层的选择和应用模式的图案叠加效果,在这里选择我们刚刚新创建'自定义填充模式'。

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

现在贴在一些纸板素材照片。位置放在画面的顶部。

第4步

现在去”图像调整去色“,使纸板变成灰色层。

第5步

现在操作这个层混合选择和应用渐变叠加,很其暗灰色之间不等。然后,调整层重叠的不透明度为90%,让您的纸板显示出来一点。

第6步

现在,和头部一样的制作方法来制作底部。也可以复制头部纸板图层,编辑转变垂直翻转,然后将纸板拖到画布的底部。最后,让tulaoshi底部页脚区比头部显得扁平些,我们采取去”编辑转变“的规模,然后减少页脚区的高度,变得扁平些。

第7步

现在在头部纸板层上面新建个图层,使用白色透明圆形渐变。看看下面效果。

第8步

现在,降低白色透明渐变层的不透明度为15%。还样你会看到下面这种亮光的效果。这样给你的网页头顶logo部分添加微妙的突出效果。

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

如果你对上面的一步操作还不满意,还没达到你想要的效果,现在你可以同个部位重复同样的步骤。

第10步

现在,我们需要添加网站logo部分,讲准备好的logo拖入画面,是用混合模式,投影,内阴影,渐变叠加效果,注意:内投影设置混合模式为正常,白色。

第11步 现在,添加一些菜单文本,如图。 步骤12 现在,键入一些句号创造菜单链接之间的分隔线。输入点线后,再编辑转变旋转90度。然后复制该层,放在每个栏目中间。 步骤13 现在在页脚添加一些版权说明等文本。 第1

第11步

现在,添加一些菜单文本,如图。

步骤12

现在,键入一些句号创造菜单链接之间的分隔线。输入点线后,再"编辑转变旋转90度"。然后复制该层,放在每个栏目中间。

步骤13

现在在页脚添加一些版权说明等文本。

第14步

现在将网站缩略图粘贴到网页画面的中心右边。然后进入“编辑转变”的模式调整缩略图,并调整到适合画面大小地区。然后去选择和应用混合中“描边效果”。

步骤15

然后在画面的缩略图左边添加一些文本说明。字体颜色选择深色,这样好让与浅色背景有更强的对比。

步骤16

现在制作一个按钮,使用圆角矩形形状工具。然后应用混合如下选择:内投影,渐变叠加,描边

 

完成

 

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

延伸阅读
来源:站酷 作者:阿新I任星星 制作主页是一项非常复杂的工作,跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考,找出一些灵感,然后搜集相关的素材,并按照自己的思路去慢慢溶图、渲染颜色,处理明暗及细节等。 最终效果 1、加上底色绘制平面色块作为物体形状,注意透视形状。 2、在平面上用画笔工具选取白色绘制亮色...
这是一篇国外的文章,惊喜的是它推荐的第一个网站就是国内设计团队Spark前段时间刚发布的官网2.0版, 听邵飞老师自述是2个人花了23天,每天16个小时做出来的,衷心祝愿他们越办越好,将好的设计作品展现给世界。 Spark Joy Division (无论如何想象不出这个网站惊人的创意) Ride Haunted Hills 17GRAD Haunted Hotels ...
今天我们一起来学习一款简单的纸花 手工制作 教程,形状有些象纸拉花,可以用线吊起来作为家居装饰用,制作也很简单易学,有兴趣的朋友来看一下这款简单纸花的制作教程吧! 1、用一张正方形的彩纸,先沿对角线对折后再对折一次,折完后呈三角形。然后如上图所示沿着蓝色的线用剪刀剪开。这里注意要留出一小段(红色线条部分...

经验教程

438

收藏

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