以后地位: 首页 > 设计教程 > 网页设计教程 > Photoshop设计简洁灰色用户登录界面

Photoshop设计简洁灰色用户登录界面

本教程旨在教大家应用Photoshop创建一个简略的登录界面。只需一些简略技能,你也可以或许或许设计出一个漂亮的登录界面。界面的配景致应用了几种分歧的灰色色系,此举可最大程度对峙全体界面的简洁和优雅。

本教程简略易学,得当于初学者。

Photoshop设计简洁灰色用户登录界面

登录界面

步骤1

Photoshop设计简洁灰色用户登录界面

新建一个800(H)x600(W)像素的文档。当然也可根据自己的需要新建。接下来,应用圆角矩形对象(U)树立一个320×210像素的圆角矩形,并釉墼勖浅灰色(light gray)填充,以此作为全体登录界面的配景。

步骤2

Photoshop设计简洁灰色用户登录界面

为登岸界面配景添加深灰色(#dbdada)投影,参数如下:

投影(Drop shadow): 距离(distance):1px,大小(size):1px,混合情势(blend mode)设为“正片叠底”(Multiply),不透明度(opacity)设为50%

步骤3

Photoshop设计简洁灰色用户登录界面

为配景应用大小为1px的描边(stroke),描边的色彩与投影的色彩同等,即#dbdada。

步骤4

Photoshop设计简洁灰色用户登录界面

末了为配景增添渐变叠加(gradient overlay)的效果。色彩的渐变规模在白色(white)到非常浅的灰色(#f1f1f1)之间。咱咱咱们盼望渐变叠加的效果看起来非常精细,不着痕迹,因此,不透明度应坚持在60%到65%之间。

分享到: 
Photoshop制作外洋木纹作风的网页模板
Photoshop设计金属质感的网页按钮
友情链接:量海科技新闻网  回龙小学教育网  中国优质生活网  天河食品新闻网  中国科技新闻网  奇书小说网  宿城教育新闻网  汽贸之家  内蒙医药网  中国工程项目管理网