• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > windows登陆界面制作

windows登陆界面制作

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了等相关知识,希望对您有所帮助

简单好学,难度偏低

完成图


背景素材:

具体的制作步骤如下:

1、先将背景素材进行高斯模糊,数值大小随分辨率自定 看上去大约像700度近视就OK了,这样用户会有期待感,老想去看清

2、后新建一个图层,命名为"辅助"然后用

 

圆角矩形工具画出身份验证框

 

将白色框移动到正中心,然后将其图层可见性关闭(小眼睛)

3、后再新建一个图层命名为"阴影边线"。在边线图层上载入"辅助"图层选区(按着Ctrl点击图层菜单里的相应图层)。使用选框工具(快捷键M)右键单击选框选择描边

 

参数设置如图

然后设置投影



4、新建一个空白图层与"阴影边线"图层合并,命名为阴影,选中阴影图层,载入"辅助"图层选区,把选区内的多余阴影删除。

5、新建一个图层命名为边线,选中该图层载入辅助图层选区,使用选取工具在选区上单击右键,选择描边

 

参数如图

6、再新建一个图层,命名为"低反光"选中该图层并载入"辅助"选区用渐变工具在左上角和右下角做两个小反光(渐变工具设置为白色到透明径向渐变)

效果如图:

 

7、新建一个图层命名为"高反光",选中该图层,载入"辅助"图层选区,使用椭圆形选框工具按着alt减去选区使选区如图所示

然后再来一个径向渐变,渐变的参数不变,不要白的太狠,可以适当的降低透明的

 

到这里登陆框就做完了,之前的"辅助"图层也就没用了,删除掉下面做输入框。

8、用圆角矩形再画一个输入框,命名为"辅助"

如图

 

一样将他的小眼睛关掉。

9、新建一个图层命名为输入框,选中该图层,载入"辅助"选区,使用选框工具在选区上右键单击,选择描边.白色1像素内部


设置投影

参数如图


新建一个图层与"输入框"合并,命名为输入框,选中该图层载入辅助选区执行:选择-修改-扩展 1像素

然后Ctrl+shift+I反选删除

10、新建一个图层命名为灰色,载入"辅助"选区,羽化,参数自定,大约近视300度那个样子,我羽化的15.然后填充灰色#989898,载入"辅助"选区,反选-删除

11、复制灰色和选框图层下拉出另外一个输入框就OK了

现在有两个输入框了,辅助图层又没用了,删除

接下来制作头像框

12、新建一个图层,命名为辅助,画一个如图的图形先

 


然后把它的小眼睛关掉

13、新建一个图层,命名为头像框,选中该图层载入"辅助"选区,就像之前制作登陆框一样咯,左上角右下角来个小反光然后用途元选框工具删除点选区再来个大反光

如图

 

14、新建一个图层,命名为头像框边线,选中该图层载入辅助选区,使用选框工具右键描边:1像素、黑色、内部

在执行:选择-修改-扩展-1像素 继续使用选框工具右键描边:1像素、白色、外部

如图

 

15、找张好看的头像塞进去就OK了

 

搞定咯~

 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 手把手教你在node中怎么优雅打印全链路日志
  • 为网站选择一个适当的DMOZ目录
  • CDR打造质感立体文字
  • Photoshop设计复古风格的金属艺术字
  • Laravel 图片上传失败怎么办
  • 介绍centos7 bond的配置和调试
  • nginx隐藏index.php的设置方法
  • CDR制作电脑宣传海报教程
  • 利用IF判断自定义Phpcms V9列表的图文并茂
  • vue.js如何实现数字滚动增加效果?代码示例

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 如何在PHP中获取数组单元数量
    • 分享一个顺丰同城配送的扩展包并在laravel中使用
    • Discuz_X3.4的数据库创建表SQL错误的解决方法
    • 如何解决php错误代码0x80070002问题
    • TP框架中的钩子怎么配置调用(附代码实例)
    • 最新苹果cms漏洞被频繁挂马该如何解决
    • PS制作超酷黑白像素文字效果
    • SQL语句中的with as该怎么用
    • 15个值得收藏的实用JavaScript代码片段(项目必备)
    • 正则表达式解决input框固定输入值的格式(金额,特殊字符)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有