您的位置 首页 > 娱乐休闲

小惠教你用PS做网站后台登录页面

大家好,前面教大家做如何用PS做一个企业网站的首页效果图,今天教大家用PS做个后台登录的界面。由于后台登录界面也是千变万化,各有不同,所以我只是拿其中比较常见的一款作为示范,教大家做下,如果你有哪里没看懂的地方,请和我联系,微信:26763599,我会尽力帮你解答。

先看下最终效果图:

第一步:新建一个图层,点击确定,如下图所示:

第二步:选择矩形工具,画一个大的矩形,占整页面的三分之二处,颜色为#2089b9,然后再画一个矩形,占整页面的三分之一处,颜色为#cccccc;如下图所示:

第三步:选择圆角矩形工具,画一个带圆角的矩形,颜色为#ececec;

鼠标右键点击圆角矩形,选择混合选项,

选择投影,投影颜色为#cccccc,并进行如下设置:

第四步:把LOGO放进来,并放在中间位置:

第五步:选择文字工具,输入文字:

第六步:选择圆角矩形工具,画一个长的圆角矩形,半径为5像素,颜色为白色#ffffff,

然后鼠标右键,选择混合选项,选择内阴影,并对其进行如下的设置,混合模式颜色为#838383;

我们 可以得到如下效果:

第七步:同理,我们输入文字管理员密码,和用圆角矩形画出输入框,得到如下效果:

第八步:输入文字请保存我这次的登录信息,我们可以得到如下效果:

第九步:我们制作按钮,这里比较简单,用圆角矩形画一个小按钮,颜色设置为#239ad2,并且输入文字,字体颜色为白色#ffffff,我们可以得到如下的效果。

第十步:输入文字返回首页和忘记密码等信息,登录页面的效果图也就完成了

当然你也可以用很多素材,比如背景用漂亮的图片,或者管理员姓名,管理员密码那里放些人物头像和锁的小图标等等。只要你学会了,后期想怎么美化都可以的。

如果本教程对您有所帮助,请推荐给你的朋友。关注“小惠教你PS”,更多原创教程等着你!

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“如何获取网站后台,如何获取验证码,如何获取网络密码,如何获取卡密”边界阅读