Photoshop设计一款会员登录表单效果教程

2016-03-19 01:53 6 1 收藏

下面请跟着图老师小编一起来了解下Photoshop设计一款会员登录表单效果教程,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

先看效果图

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

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

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

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

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

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

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

高斯模糊一下。

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

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

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

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

添加图层样式。

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

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

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

效果如下。

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

前景色#969696输入字母X。

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

添加图层样式。

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

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

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

得到下图效果。

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

 

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

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

延伸阅读
标签: PS PS基础
先看看最终效果图 找一个有锈迹的背景。 使用 Aviano 字体。大小297px,并确保颜色设置为#b9b8b8。 下面是有趣的部分。你所看到的文字上的纹理实际上是一个现有的Photoshop图案,我们使用了图案叠加。在图案叠加效果窗口中,点击默认的图案缩略图显示图案预设。点击窗口右侧的小右箭头,然后选择菜单中的岩石图案。这里有很多图...
最终效果预览   1.在Photoshop中新建文件宽624px、高921px,背景色设为白色,分辨率72dpi。添加从上到下,蓝到白渐变。选择“圆角矩形工具”,圆角半径设为22px,绘制如下图所示的形状,把该图层重命名为“border”。 在“border”图层上抠出边框来。按住Ctrl键单击“border”图层缩略图,取得选区,执行“选择-修改-缩减”,缩...
我将为大家介绍如何使用photoshop合成一种神奇的效果,制作一种泼墨效果的玫瑰花。制作方法有点难度,主要运用素材合成的方法,希望大家喜欢。 第一步 创建一个背景为透明的文件,该图层的高度应大于玫瑰花图片的尺寸。现在将玫瑰花图片导入,置于图层一上面。将第一个图层填充为黑色,可以看到图片的上面有一个黑边。(图0...
标签: PS PS基础
最终效果 步骤1 – 创建3D文字 在我们开始时,我们需要3D文字,我使用illustrator帮助创建3D文字。你可以从这里下载字体。随意使用任何程序创建你要的3D文字。如果你喜欢使用Maya, 3Ds max等其他应用程序,请确保该文件保存了透明度。 步骤2 – 创建一个新文件 选择文件新建或按Ctrl /Command + N来创建一个新文档。我使用的是1440px...
这是一篇photoshop文字特效教程,主要为大家介绍使用photoshop中的图层样式功能加上素材的Tulaoshi.com合成制作一款生锈的文体文字特效。 先看看效果图 1、新建文档454x340像素,背景黑色,输入白色粗体文字。字体下载 2、底部建新层,调出文字选区,选择修改扩展5像素。 3、前景色#454545填充选区...

经验教程

57

收藏

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