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

2016-03-19 01:55 12 1 收藏

下面这个Photoshop简单设计制作时尚感蓝色登录框教程教程由图老师小编精心推荐选出，过程简单易学超容易上手，喜欢就要赶紧get起来哦！

【 tulaoshi.com - PS 】

先看效果图。

Photoshop制作时尚蓝色会员登录框,图老师

新建文档450x300像素，背景做一灰白渐变，建新层，画一黑色圆角矩形。

Photoshop制作时尚蓝色会员登录框,图老师

添加图层样式。

Photoshop制作时尚蓝色会员登录框,图老师

效果如下。

Photoshop制作时尚蓝色会员登录框,图老师

建新层，画2个白色矩形。

Photoshop制作时尚蓝色会员登录框,图老师

输入一些文字，添加箭头图标。

Photoshop制作时尚蓝色会员登录框,图老师

建新层，画一个白色的小正方形。

Photoshop制作时尚蓝色会员登录框,图老师

添加1tulaoshi像素灰色描边样式，效果如下。

Photoshop制作时尚蓝色会员登录框,图老师

图层面板底部建新层，前景色#b3b3b3画一圆角矩形。

Photoshop制作时尚蓝色会员登录框,图老师

新建层，用钢笔做下图所示路径，填充同样的颜色。

Photoshop制作时尚蓝色会员登录框,图老师

添加白色文字，我感觉背景渐变不太好看，填充了一种浅灰色，最终效果如下。

Photoshop制作时尚蓝色会员登录框,图老师

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

上一篇： Photoshop制作棕色时尚复古网站教程
下一篇： Photoshop绘制金属质感的网页界面设计教程

看过《Photoshop简单设计制作时尚感蓝色登录框教程》的人还看了以下文章更多>>

Photoshop简单制作心形文字框

标签： PS PS基础

先看效果图。首先打开花朵素材，你可以百度一个也可以直接新建白色背景文档。画出下图所示形状。 Ctrl+T旋转一定角度。回车确认变形，选择文字工具，文字尺寸14点。前景色#3b6b05在心形容器内点一下，文字光标如下。输入或复制粘贴一些文字。隐藏路径显示，最终效果如下。

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

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

来源：站酷作者：DearSalt 本例教程源于一个国外客户的真实案例，在此给大家分享一些我在制作时的一些思路，思路为重点。希望能对大家的设计有所帮助。主要思路：画草图，用纯色块填充草图，加材质做质感，最后整理调整。最终效果 1、首先我们把登录框的草图画出来，下图是对方已经画好的，客户说了想要这种Tulaoshi.Com形状。如果客...

Photoshop设计蓝色风格的网页登陆框

标签： PS PS基础

先看效果图。新建文档1280x1024像素，背景白色，建新层，填充黑色，添加图层样式。效果如下。建新层，画一个白色圆角矩形，添加图层样式。建新层，画一个黑色圆角矩形。添加图层样式。效果如下。建新层，画一个小的白色圆角矩形，输入一些白色文字，排列位置如下。建新层，画一个白色圆角矩形，...

Photoshop设计茶道宣传单设计教程

标签： PS PS基础

两张绿色茶园摄影图片,水滴图片,画卷PSD,茶杯PSD,茶幼芽PSD图片素材先看看效果图 1、本教程同样采用photoshop CS5制作，其它版本通用，打开PS5新建一个宣传单页的空白文本，具体的规范请参照宣传单页设计-牛排店情人节促销，本处设计如下图所示： 2、新建完文档后，选择菜单视图-新建参考线，如下图所示： 3、按照每边各留0.3...

Photoshop制作一缕简单的蓝色烟雾教程

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

来源：PS联盟作者：Sener 烟雾的制作方法跟光束基本类似，只是烟雾的构成稍微复杂一点，烟雾周围有很多散乱的烟雾，中间也有很多不规则的烟雾，刻画的时候需要细心和耐心。最终效果 1、新建一个700 * 1000像素的文件，背景填充黑色。新建一个组，用钢笔勾出下图所示的选区，给组添加图层蒙版。图1 2、我们先来制作烟雾的第一部分，需要...

查看更多精彩>>