如图：
4-4：勾选：投影，参数如图
4-5：勾选：描边，参数如图
确定
4-6：选择“文字工具”—>“输入文字_MT”-->调整颜色：“#cbe5f7”-->调整大小_80px-->调整位置-->设置字体。
4-7：打开“图层样式”-->内阴影，参数如图：
最终如图：
5：系统标题
5-1：选择“文字工具”—>“输入文字_XXX管理系统”-->调整颜色：“#e7f5fd”-->调整大小_50px-->调整位置-->设置字体。
5-2：设置样式：
5-3-1：添加倒影-->先中“XXX管理系统”图层-->按：ctrl+J,复制一层;-->得到“XXX管理系统 副本”-->右击“XXX管理系统 副本”-->选择“栅格化文字”-->得到图层“XXX管理系统 副本”-->新建一个图层3放在“XXX管理系统 副本”下面-->选择图层“XXX管理系统 副本”-->ctrl+E向下合并图层，得到“图层3”
相关图片：
栅格化前：
栅格化后：
与图层3合并前：
与图层3合并后：
ps:注意红字部分，不然合并就达不到效果
5-3-2：选中图层3：ctrl+T，移动位置到“XXX管理系统”位置的正下方，反转，变斜，结果如图，确定
5-3-3：选中图层3，添加蒙版
5-3-4，选中“图层3”蒙版-->修改“前景色为：白色”，背景色为：“黑色”-->选择“渐变工具”-->从上往下拉。如图，
这里注意：上面长一点点，下面刚刚到字体结束
此时，效果：
图层：
6，打造login模块，新建login文件夹，放在logo下面
6-1:打造背景，选择“距形工具”，对数如下：
6-2-1：得到形状“图层2”-->双击-->打开“图层样式”-->勾选“渐变叠加”，参数：# 09649e，# 449cd5。
6-2-2：勾选“投影”，参数如图：
6-2-3：勾选“描边”，参数如图：
6-2-4：勾选“内发光”参数如图：
6-3:根据需要调整位置。
6-4: 按照步骤5-3，给“形状2”做一个背景，做好后，最终效果如下：
6-5-1:这里有用到两个图标。处理方法如下：
ctrl+T-->调整大小-->添加“图层样式”-->勾选“渐变填充”，参数“#80aed1，#c9e0f3”-->勾选“阴影”参数：距离:1px,大小:2px,不透明度:30%，效果如下：
6-5-2:打造文本框,选择“距形工具”参数如下
6-5-3：画一个文本框，大小自定，调整位置，添加“图层样式”，参数分别如下：
效果如下：
再做一个得到焦点的文本框：
ctrl+J复制一层，双击修改“图层样式”，参数如下：
得到焦点效果如下：
6-4：密码框，验证码输入框，复制一个，调整位置即可：
效果如下：
7：登录按钮打造。
7-1:按照步骤：6-5-2画一个圆角距形，大小自定，圆角半径建议：4px;调整位置，
7-2:打开“图层样式”，参数如下：
效果：
7-3:制作一个得到焦点的按钮，修改样式如图：
效果：
到这里设计 就全部完成了，
看下最后的文件结构：
最后的效果图：
转载请注明出处：http://HdhCmsTest
更多ps+div+css打造蓝色后台--login页面设计相关文章请关注PHP中文网！
查看更多关于ps+div+css打造蓝色后台--login页面设计的详细内容...