Photoshop设计精致会员登录表单教程

2016-02-16 04:22 6 1 收藏

图老师小编精心整理的Photoshop设计精致会员登录表单教程希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

先看效果图。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

新建文档1024x768像素,背景黑色,新建图层画一个白色圆角矩形。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

复制此层,颜色改为蓝色,之后减法模式保留底部,并往下挪一段距离。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

新建图层,画一个长方形,之后ctrl+T变为体现。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

高斯模糊一下。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

添加蒙版用黑色柔角笔刷涂抹如下。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

之后图层模式改为柔光,效果如下。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

新建图层画一黑色圆角矩形。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

添加图层样式。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

效果如下。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

输入白色字母Login。新建图层,右上角画一个白色正圆。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

添加图层样式。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

效果如下。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

前景色#969696输入字母X。

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

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

添加图层样式。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

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

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

得到下图效果。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

关闭按钮制作完毕,新建图层前景色#e5e5e5画灰色圆角矩形。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

添加图层样式。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

输入文字和星号,群组,复制组,往上挪一段距离,更改相应字符。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

左下角的对号部分制作过程和之上的步骤差不多,正圆请参考关闭按钮样式,剩下的看截图就明白了。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

添加其它文字和钥匙图标,最终效果如下,本ps教程结束。

Photoshop设计精致会员登录表单教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1567996.html

延伸阅读
先看效果图 新建文档800x800像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一个黑色正圆。 添加描边样式。 效果如下。 复制此层,清除图层样式,颜色改为#9c9ba1。 添加蒙版用黑色笔刷涂抹,效果如下。 建新层,画一黑色正圆,添加黑白渐变叠加样式,具体设置不截图了,很容易。...
标签: PS教程 PS基础
本教程为大家介绍一下如何使用photoshop打造精致的小海螺,小海螺构造并不复杂,不过构成的段还是很多的,同时需要绘制的面也是很多的。由于海螺的颜色较淡,绘制的时候重点是边缘的高光及暗部渲染出来,这样主体的立体感才会更强。 最终效果 1、新建一个1024 * 768像素的文件,选择渐变工...
在PremiumPixels上看到N多可供下载的网页设计PSD文件,都非常精美。但它只提供了现成的文件,并没有提供教程,那么我就通过源文件自己摸索,向Orman Clark学习一下如何做出如此漂亮的作品。 先看看效果图 下面是教程开始 二、新建一个图层,选择圆角矩形工具(U),在工具属性栏中填入宽度360像素、高度30像素,半径为2个像素,画一个圆...
来源:站酷 作者:J093132 立体图形绘制相对要难一点。首先就是要确定好透视关系,可以用线条拉出简单的透视tulaoShi.com线,不同的图形需要的线条不同。然后在透视线上合理的画出实物图线稿。后期再铺色,渲染质感即可。 最终效果 1、首先打好网格线,亮点透视。我推荐先找到一个方形的物体来参考,确定角度。记住你看到的面越小,那么他们...
来源:站酷 作者:Linjiaboy 效果图看上去有点复杂,其实构成非常简单,由金属边框及中间水晶部分构成。制作之前可以先看一下作者的分解图,然后由底部开始慢慢制作即可。 最终效果 1、制作之前先来拆分一下按钮,大致由一下几部分构成Tulaoshi.Com。 2、新建大小适当的文档,新建一个图层,用椭圆选框工具拉一个正圆选区,填充黑色,如...

经验教程

491

收藏

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