Photoshop设计简洁的企业网站后台登陆框

本教程使用Photoshop设计简洁的企业网站后台登陆框,制作过程中主要应用渐变、蒙板等工具,希望大家喜欢。 先看效果图: 1、执行菜单:文件/新建(快捷键Ctrl+N),弹出新建对话框,设置名称:制作登陆办公平台按钮,宽度:800像素,高度:600像素, 分辨率:7

本教程使用Photoshop设计简洁的企业网站后台登陆框,制作过程中主要应用渐变、蒙板等工具,希望大家喜欢。



先看效果图:



Photoshop设计简洁的企业网站后台登陆框



1、执行菜单:文件/新建(快捷键Ctrl+N),弹出新建对话框,设置名称:制作登陆办公平台按钮,宽度:800像素,高度:600像素,



分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮。



Photoshop设计简洁的企业网站后台登陆框



2、在图层控制面板击新建图层按钮,新建一个背景,选择工具箱渐变工具(快捷键G),在工具选项栏中设置为径向渐变,然后点按可编辑渐变,



弹出渐变编辑器。双击如图3中的A处,设置色彩RGB分别为252、253、255,再双击图3中所示的B处,设置色彩RGB分别为226、239、255,



单击确定按钮。

#p#分页标题#e#

Photoshop设计简洁的企业网站后台登陆框



Photoshop设计简洁的企业网站后台登陆框



3、在图层面板上单击创建新图层按钮 ,新建一个图层,再工具箱选择圆角矩形工具,在工作区拖出一个圆角矩形。



Photoshop设计简洁的企业网站后台登陆框



4、选择工具箱渐变工具(快捷键G),在工具选项栏中设置为径向渐变,然后点按可编辑渐变,弹出渐变编辑器。



设置色彩RGB分别为135、194、254,再设置色彩RGB分别为47、146、250,单击确定按钮,按键盘快捷键Ctrl+Enter转换为选区,



并按住键盘中Shift不放在工作区拖出一个圆角矩形,按键盘快捷键Ctrl+D取消选区。



Photoshop设计简洁的企业网站后台登陆框



Photoshop设计简洁的企业网站后台登陆框#p#分页标题#e#



5、在图层面板上单击创建新图层按钮 ,新建一个图层2,再工具箱选择圆角矩形工具,并按住键盘中Shift不放在工作区拖出一个圆角矩形,



设置前景色为白色,按键盘快捷键Ctrl+Enter转换为选区,按键盘快捷键Ctrl+D取消选区。



Photoshop设计简洁的企业网站后台登陆框



6、在工具箱中选择移动工具 ,按住键盘的Alt键不放,选择图层3,按鼠标左键拖出个图层3。



Photoshop设计简洁的企业网站后台登陆框



7、单击工具箱中的横排文字工具 ,输入用户名,设置字体:黑体,大小:18点,颜色:白色,设置消除锯齿的方法:无。



Photoshop设计简洁的企业网站后台登陆框



8、单击工具箱中的横排文字工具 ,输入密码,设置字体:黑体,大小:18点,颜色:白色,设置消除锯齿的方法:无。

#p#分页标题#e#

Photoshop设计简洁的企业网站后台登陆框



9、在图层面板上单击创建新图层按钮 ,新建一个图层,再工具箱选择圆角矩形工具,在工作区拖出一个圆角矩形。



Photoshop设计简洁的企业网站后台登陆框



10、按键盘快捷键Ctrl+Enter转换为选区,执行菜单:编辑/描边弹出描边对话框,设置宽度为1,颜色为:白色,



按键盘快捷键Ctrl+D取消选区。



Photoshop设计简洁的企业网站后台登陆框



11、单击工具箱中的横排文字工具 ,输入登陆,设置字体:黑体,大小:18点,颜色:白色,设置消除锯齿的方法:无,其他的做法也是一样,



Photoshop设计简洁的企业网站后台登陆框



Photoshop设计简洁的企业网站后台登陆框#p#分页标题#e#



12、创建新图层按钮,新建一个图层3,选择椭圆工具,在工作区拖出一个椭圆形状并填充白色,按键盘快捷键Shift+I羽化,弹出羽化选区,



设置羽化半径为50像素,然后点击确定按钮,



Photoshop设计简洁的企业网站后台登陆框



13、在工具箱中设置前景色颜色RGB值为:120、199、254,按键盘快捷键Ctrl+Delete填充前景色,选择图层1按住键盘的Alt键不放,



按鼠标左键拖出一个图层1副本,并添加一个蒙板给图层1副本,在工具箱中选择渐变工具,给图层1副本添加一个渐变。



Photoshop设计简洁的企业网站后台登陆框



Photoshop设计简洁的企业网站后台登陆框



完成最终效果!



#p#分页标题#e#Photoshop设计简洁的企业网站后台登陆框



来源:Pconline   作者:李华仁

原创文章,作者:admin,如若转载,请注明出处:https://www.2233cn.com/%e7%bb%8f%e5%85%b8%e8%ae%be%e8%ae%a1/1335.html

(0)
上一篇 2014年9月4日 上午7:01
下一篇 2014年9月4日 上午7:05

相关推荐

  • Photoshop制作人像照片立体翘边效果图

    本教程主要使用Photoshop制作人像照片立体翘边效果图,这个效果图非常的漂亮,喜欢的朋友一起来学习吧。 来源:P大点S 作者:se7en 效果图: 先找到一张素材,我刚刚看到的是京剧题材的。我也找张京剧的花旦图片。*丝们可以趁现在有时间先撸下,新建1200X160

    经典设计 2015年3月18日
  • Photoshop调出美女自然通透的面部肤色效果

    本教程主要使用Photoshop调出美女自然通透的面部肤色效果,我们将向你展示如何作出高品质的图像。学习用新的方法来创建自然肌肤效果,本教程没有用任何的额外的插件。全部使用PS自带的工具来完成,喜欢的朋友一起来学习吧。 来源:PS视觉网 作者:野火孤岛

    经典设计 2014年8月10日
  • Photoshop调出美女冷艳的暗调效果

    本教程主要使用Photoshop调出美女冷艳的暗调效果,暗调质感的色调很漂亮,下面然给我们一起来学习吧. 作者:冷月来源:艺流风尚 效果: 用topaz滤镜弄过的一张: 原图: 教程: 本帖隐藏的内容需要回复才可以浏览1、打开原图,复制一层! 2.执行色相饱和度,数

    经典设计 2014年9月20日
  • Photoshop巧用直方图修复偏暗色草原照片

    本教程主要使用Photoshop巧用直方图修复偏暗色草原照片,照片修复中直方图是非常有用的,图片中的所有信息都包含在里面。如下面的教程,作者直接从直方图中把天空及地面中的颜色带分出来,调色的时候处理哪一部分的颜色就直接调相应的色阶中的直方图,修复后

    经典设计 2014年12月23日
  • Photoshop调出人像照片唯美的柔化背景效果

    本教程主要使用Photoshop调出人像照片唯美的柔化背景效果,在前期拍摄的时候,因为去的时候不巧,新都桥的秋色已过。而模特的裙色是冷调色,为了想还原秋色的色调,于是在后期处理中加强了冷暖对比,然后用暗角来突出主体与深邃氛围。最后用了柔化的滤镜,是

    经典设计 2014年12月4日
  • Photoshop给偏黄色的美女照片美白和柔肤

    本教程主要使用Photoshop详细给偏黄色美女人像美白处理,因为本人注重细节,追求完美,所以本实例步骤很多,一共有36步请大家理解。但是效果图和过程都写的很详细,喜欢的朋友让我们一起来学习吧。 教程打包和源文件: 美女人像美白柔肤效果PSD源文件 前后对

    经典设计 2014年11月12日
  • Photoshop鼠绘逼真锋利的水果刀

    出自:eNet 文/Sweetwitch 这个Photoshop实例鼠绘了一把逼真的水果刀,主要运用了加深、减淡工具和模糊滤镜,先看下完成图吧: 制作步骤: 1、新建一个文件,用钢笔工具画出刀锋的形状,三个节点即可。 2、新建一个图层,命名为刀,Ctrl+Enter转路径为选区。

    经典设计 2014年9月6日
  • Photoshop设计超酷的文字人像海报

    本教程主要使用Photoshop设计超酷的文字人像海报,文字人像的制作思路并不复杂,大致分为两个步骤:首先制作文字背景,文字可以随意排列组合。然后加入人像,并用文字选区复制人物部分即可得到所需的效果。喜欢的朋友一起来学习吧。 来源:优设网 作者:程远

    经典设计 2014年12月8日
  • Photoshop打造质感手机

    【教程的重点是如何利用图层样式命令制作手机外壳质感的方法,其中部分步骤从略。由于是前些年的学习作品,有些步骤难免不成熟,参数的设置也许不到位,让大家见笑了。下面大家就一起来学习吧! 首先我们来看看效果图: (图1) 1、新建文件,为了方便操作,

    经典设计 2015年1月12日
  • Photoshop调色教程:草原上的婚纱照调色思路

    本教程主要使用Photoshop来介绍草原上的婚纱照调色思路,这个教程中主要用了cmyk模式中的通道混合器,希望能给有好PS爱好者和初学者有一定帮助,照片来于百度不妥请联系本人删除,效果图最右边一张的天空是降底蓝色的明度就出来了. 作者:yuyongchuan俞俞出自:

    经典设计 2014年9月1日

发表评论

您的电子邮箱地址不会被公开。