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

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

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

【 tulaoshi.com - PS 】

先看效果图。

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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。

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

添加图层样式。

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

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

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

得到下图效果。

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
来源:站酷 作者:Linjiaboy 效果图看上去有点复杂,其实构成非常简单,由金属边框及中间水晶部分构成。制作之前可以先看一下作者的分解图,然后由底部开始慢慢制作即可。 最终效果 1、制作之前先来拆分一下按钮,大致由一下几部分构成Tulaoshi.Com。 2、新建大小适当的文档,新建一个图层,用椭圆选框工具拉一个正圆选区,填充黑色,如...
来源:PS联盟 作者:Sener 画笔构造比较简单,只是笔头部分稍微复杂一点,构成线条较多,制作的时候需要由底部开始慢慢刻画,整体完成后,再渲染高光部分即可。 最终效果 1、先来看一下画笔的拆分图,大致由下面几部分构成:笔头、笔杆、金属圈。 图1 2、新建一个1024 * 768像素的文件,背景选区白色。先来制作笔杆部分。选择椭圆工具,...
来源:站酷 作者:J093132 立体图形绘制相对要难一点。首先就是要确定好透视关系,可以用线条拉出简单的透视tulaoShi.com线,不同的图形需要的线条不同。然后在透视线上合理的画出实物图线稿。后期再铺色,渲染质感即可。 最终效果 1、首先打好网格线,亮点透视。我推荐先找到一个方形的物体来参考,确定角度。记住你看到的面越小,那么他们...
标签: PS PS基础
本教程旨在教大家使用Photoshop创建一个简单的登录界面。只需一些简单技巧,你也可以设计出一个漂亮的登录界面。界面的背景色使用了几种不同的灰色色系,此举可最大程度保持整个界面的简洁和优雅。 本教程简单易学,适合于初学者。 登录界面 步骤1 新建一个800(H)x600(W)像素的文档。当然也可根据自己的需求新建。接下来,使用圆角矩...

经验教程

786

收藏

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