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

windows登陆界面制作

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

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

简单好学,难度偏低

完成图


背景素材:

具体的制作步骤如下:

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好友复制网址打印

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

相关文章

  • 2022-04-29如何使用PhpSpreadsheet导入导出Excel
  • 2022-04-29Nodejs实现微信分账的示例代码
  • 2022-04-2911个SEO细节提升网站权威性
  • 2022-04-29讲解Laravel8.5是如何添加验证码mews/captcha的
  • 2022-04-29织梦DedeCMS在自定义表单里加入验证码的方法
  • 2022-04-29解决LNMP环境无法彻底删除原网站目录文件夹的方法
  • 2022-04-29PS制作质感的立体字
  • 2022-04-29PHP中exec和system的区别是什么
  • 2022-04-29vue仿携程轮播图效果(滑动轮播,下方高度自适应)
  • 2022-04-29原生JavaScript实现弹幕组件的方法

文章分类

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

最近更新的内容

    • 宝塔2.x面板文件不小心被误删或损坏的修复方法
    • PHP+Redis解决订单限流的实际问题
    • CentOS7如何使用yum安装PHP7.3
    • Illustrator制作质感水晶球教程
    • MySQL 日期加减函数汇总
    • 小程序中怎么进行父子组件传值和方法调用?(方法汇总)
    • composer下composer.lock的用处及删除它的方法
    • DEDECMS让广告延时加载,提高网页打开速度
    • Windows/Linux下Composer的安装与使用(详解)
    • 宝塔Linux面板之修改MySQL默认保存位置

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

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