查查 发表于 2011-7-8 20:04:36

用ps制作暗黑风格登陆界面



本教程学习如何用photoshop打造网站论坛常见的登陆框,红黑色系,主要应用了圆角矩形工具和图层样式,先看效果图。
http://pic.16xx8.com/allimg/110708/09323SI9-0.jpg
新建文档540x480像素,背景白色,建新层,填充黑色,添加图层样式。
http://pic.16xx8.com/allimg/110708/09323SO3-1.jpg
效果如下。
http://pic.16xx8.com/allimg/110708/09323U246-2.jpg
为了看清楚,暂时隐藏背景,首先搞定登陆框的主体,建新层,画一黑色矩形。
http://pic.16xx8.com/allimg/110708/09323U153-3.jpg
添加图层样式。
http://pic.16xx8.com/allimg/110708/09323Sa3-4.jpg
http://pic.16xx8.com/allimg/110708/09323V1X-5.jpg
效果如下。
http://pic.16xx8.com/allimg/110708/09323Ub6-6.jpg
建新层,画半径5像素的圆角矩形,颜色随意。
http://pic.16xx8.com/allimg/110708/09323W311-7.jpg
添加图层样式。
http://pic.16xx8.com/allimg/110708/09323R416-8.jpg
http://pic.16xx8.com/allimg/110708/09323Q459-9.jpg
http://pic.16xx8.com/allimg/110708/09323Q2P-10.jpg
添加Login白色文字,加一个投影,效果如下。
http://pic.16xx8.com/allimg/110708/09323SA8-11.jpg
同样方法做出底部Go按钮。
http://pic.16xx8.com/allimg/110708/09323U256-12.jpg
建新层,画2个白色圆角矩形,输入白色文字。
http://pic.16xx8.com/allimg/110708/09323SY2-13.jpg
最后显示背景,制作一个倒影,添加一些装饰元素,最终效果如下。
http://pic.16xx8.com/allimg/110708/09323SI9-0.jpg


作者:一起ps吧   出处:一起ps
页: [1]
查看完整版本: 用ps制作暗黑风格登陆界面