PS设计网页:制作潮流深蓝色风格

2016-03-19 02:04 10 1 收藏

下面是个超简单的PS设计网页:制作潮流深蓝色风格教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - PS 】

本教程用到了渐变,自定义形状等,并不是很复杂,细心按步骤操作,应没什么难度.

最终效果图:

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

PS设计网页:制作潮流深蓝色风格

首先,新建一个800× 800px的画布,用渐变工具拉出垂直渐变,颜色系数在图内给出。

www.Tulaoshi.com

画布将成为这样(水印效果为小Y翻译时加上,作者原图无):

新建图层,用圆角矩形工具在中间拉出一个矩形,填充任意颜色,在图层面板里将填充设为0%。

选择中间矩形所在图层,图层样式渐变叠加,#3399cc~#00cccc

这是我们现在得到的效果:

选择自定义形状工具,选择其中的一个圆形形状。

新建图层,画几个圆形,用变形工具适当变形,最好将它们放入一个群组内,得到以下效果。

选择大小适中的软性画笔用#3399cc的颜色轻涂矩形上方与圆相交区域。

在最上方新建图层,用圆角矩形工具,再得到一个略小的矩形,至于中间,填充黑色。

加图层样式,外发光、渐变叠加(#003366~006699),具体参数如下:

得到以下效果图:

选择另外一个边缘稍宽的圆形形状,在左边位置,画几个大小不一的圆形,用变形工具变形,

将上一步所画的若干个变形圆形对下一层的矩形执行剪贴蒙版(具体操作为选中图层按ctrl+alt+G,作者所用方法为选中缩略图边界,按住alt点击左键,得到效果一致),如下:

在另外一侧,选择椭圆工具画三个椭圆,颜色#003333,并将图层面板内填充设为70%,

选择星形笔刷,新建图层,在椭圆周围画几个大小不一的星星,填充设为20%,

制作网站左上方logo,由添加渐变的星形笔刷和域名构成,以下为渐变系数、字体系数与得到效果:

同样在右侧添加迷你导航,

添加导航,

在导航右侧画一个渐变圆角矩形,添加图层样式渐变叠加、描边,系数如下:


在矩形内添加必要说明,

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

运用圆角矩形工具在导航下方拉一个圆角矩形,宽高如图:

拖入素材,对素材层执行剪切蒙版,如下图:

12下一页

来源:https://www.tulaoshi.com/n/20160319/1901091.html

延伸阅读
本教程介绍经典的深蓝色调色方法。大致过程先把原图转成淡淡的黑白效果,保留一点原图的颜色。然后再用蓝色填充并改变下图层混合模式即可。 原图 最终效果 1、打开原图素材,创建渐变映射调整图层,然后把图层不透明度改为:50%。 这个透明度,是根据照片得整体色彩来确定,并不适用于每张照片,觉得能达到你得目标了,...
标签: Web开发
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓功夫在诗外,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计...
原图 最终效果 1、打开原图,选择菜单:图像 模式 Lab颜色,创建曲线调整图层,参数设置如下图。 2、再创建曲线调整图层,参数设置如下图,然后把蒙版填充黑色,用白色画笔把人物皮肤部分擦出来。 3、创建色阶调整图层,对明度通道进行调节,用黑色画笔在蒙版处把人物皮肤擦出来。 4、新建一个图层,图层混合模式改为“...
本教程介绍非主流的简单调色方法。思路:先把自己的素材图片整体美化一下,然后用滤镜加点背景装饰纹理。制作好后使用通道来调色,最后加上自己的装饰笔刷或者文字,效果就做好了。 原图 最终效果 1、打开原图,按Ctrl + J复制一层,执行菜单:滤镜 艺术效果 水彩,参数设置如图1,确定后加上图层蒙版把人物部分擦出来,效果如...
本教程主要是利用通道来调色,这也是最常用的方法,调色的时候适当的把人物及背景分开调,多注意好细节部分的处理。 原图 最终效果 1、打开原图素材,按Ctrl + J把背景图层复制一层,然后对副本执行:滤镜 模糊 高斯模糊,数值为5,确定后把图层混合模式改为“叠加”,效果如图1。 图1 2、创建色相/饱和度调整图层,参数设置...

经验教程

270

收藏

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