大家好,前面教大家做如何用PS做一个企业网站的首页效果图,今天教大家用PS做个后台登录的界面。由于后台登录界面也是千变万化,各有不同,所以我只是拿其中比较常见的一款作为示范,教大家做下,如果你有哪里没看懂的地方,请和我联系,微信:26763599,我会尽力帮你解答。
先看下最终效果图:
第一步:新建一个图层,点击确定,如下图所示:
第二步:选择矩形工具,画一个大的矩形,占整页面的三分之二处,颜色为#2089b9,然后再画一个矩形,占整页面的三分之一处,颜色为#cccccc;如下图所示:
第三步:选择圆角矩形工具,画一个带圆角的矩形,颜色为#ececec;
鼠标右键点击圆角矩形,选择混合选项,
选择投影,投影颜色为#cccccc,并进行如下设置:
第四步:把LOGO放进来,并放在中间位置:
第五步:选择文字工具,输入文字:
第六步:选择圆角矩形工具,画一个长的圆角矩形,半径为5像素,颜色为白色#ffffff,
然后鼠标右键,选择混合选项,选择内阴影,并对其进行如下的设置,混合模式颜色为#838383;
我们 可以得到如下效果:
第七步:同理,我们输入文字管理员密码,和用圆角矩形画出输入框,得到如下效果:
第八步:输入文字请保存我这次的登录信息,我们可以得到如下效果:
第九步:我们制作按钮,这里比较简单,用圆角矩形画一个小按钮,颜色设置为#239ad2,并且输入文字,字体颜色为白色#ffffff,我们可以得到如下的效果。
第十步:输入文字返回首页和忘记密码等信息,登录页面的效果图也就完成了
当然你也可以用很多素材,比如背景用漂亮的图片,或者管理员姓名,管理员密码那里放些人物头像和锁的小图标等等。只要你学会了,后期想怎么美化都可以的。
如果本教程对您有所帮助,请推荐给你的朋友。关注“小惠教你PS”,更多原创教程等着你!