Photoshop设计炫酷网页游戏古金属风格登录框教程

2016-03-19 01:50 62 1 收藏

想要天天向上，就要懂得享受学习。图老师为大家推荐Photoshop设计炫酷网页游戏古金属风格登录框教程，精彩的内容需要你们用心的阅读。还在等什么快点来看看吧！

【 tulaoshi.com - PS 】

来源：站酷作者：DearSalt
本例教程源于一个国外客户的真实案例，在此给大家分享一些我在制作时的一些思路，思路为重点。希望能对大家的设计有所帮助。
主要思路：画草图，用纯色块填充草图，加材质做质感，最后整理调整。
最终效果

1、首先我们把登录框的草图画出来，下图是对方已经画好的，客户说了想要这种Tulaoshi.Com形状。如果客户没有指定的话那就要自己动手画了。

2、草图完成后，接下来我的操作是使用钢笔工具勾勒出登录框各个部分的外形，然后再用纯色块填充。在这里网格工具可以很好的帮助你。网格线的间隔可以在首选项中设置，下面是过程图。

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）3、接下来为登录框添加质感，我通常的做法是材质图结合图层样式实现效果，下面拿登录框的底框为例讲解具体操作，其他部分大同小异就不做详细讲解了。首先背景我找了多张材质划痕素材进行融合，然后对底框加了简单的立体效果图层样式，最后再为其叠加材质，具体操作如下。

12下一页

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

上一篇： Photoshop制作活动专题汽车网站首页教程
下一篇： PS设计网页产品展示类蓝色系主页教程

看过《Photoshop设计炫酷网页游戏古金属风格登录框教程》的人还看了以下文章更多>>

Photoshop简单设计制作时尚感蓝色登录框教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

先看效果图。新建文档450x300像素，背景做一灰白渐变，建新层，画一黑色圆角矩形。添加图层样式。效果如下。建新层，画2个白色矩形。输入一些文字，添加箭头图标。建新层，画一个白色的小正方形。添加1tulaoshi像素灰色描边样式，效果如下。图层面板底部建新层，前景色#b3b3b3画一圆角矩形。 ...

Photoshop设计游戏简洁风格的标志教程

标签： PS PS基础

本文将通过一个实例教程展示如何利用photoshop(版本：cs2)制作一个美观的LOGO，适用于游戏题材网站，喜欢的朋友让我们一起来学习吧。本教程为图老师论坛会员 intknight 原创教程,转载请注明作者和出处先看看效果图：软件：Photoshop CS 2 具体实例：我的一个客户请我帮他的游戏网站重新设计一个新的LOGO，以下是他目前使用的LOGO...

Photoshop设计制作金属感蓝色的网页按钮教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

这是一篇photoshop按钮制作教程，教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果，大家一起来动手制作吧。先看效果图。 1、新建文档，尺寸自定，背景白色，建新层，画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。效果如下图所示。 ...

Photoshop制作水晶风格网页提示框

本教程非常适合做网页弹出窗口的美化。制作方法非常简单，只需要用到图层样式设置就可以。效果很不错。最终效果 1、新建一个文件，然后用圆角矩形绘制一个圆角巨型。双击图层调出图层样式，选择渐变叠加，参数设置如图1，图2。图1 图2 2、再设置外发光，参数设置如下图。图3 3、大致的水晶质感做好了，再在横...

Photoshop绘制金属质感的网页界面设计教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

1. 首先给大家看下整体效果。 2. 启动本教程你将需要创建一个新文件。使用任何你想要的值，但是我建议你创建一个文件的最小宽度为1100*1163像素。背景填充# 252118。 3. 原教材玩神秘没有写怎么做，我用我的方法做了一下，你可以复制一个刚刚做的图层，选择画笔工具，大小设成1100px，硬度0%。柔光，把这个图层透明度调到60%就ok了. ...

查看更多精彩>>