北京WEB前端培训
在线咨询 电话咨询 校区地址

课程

环境

试听

企业培训

扫码
关注

首页 / 

行业资讯

3种常见背景设计

时间: 来源:火星人

拉丝磨砂背景

三种常见的背景设计

1.打开ps软件,ctrl+n新建2x2像素大小的图像文件,背景内容为透明

三种常见的背景设计

2.新建后,ctrl+‘+’无限放大图像,直到不能放大为止将前景色设为黑色,现在铅笔工具,铅笔大小设置为1像素,硬度为100%,在图上画出对角图像,方向自定。

三种常见的背景设计

3.图形画好后,点击面板菜单栏的“编辑”“定义图案”输入自己定义的图案名称,确定

三种常见的背景设计

4.打开自己需要做磨砂的背景图片,新建空白图层,点击菜单栏的“编辑”“填充”选择使用“图案”“自定图案”选择刚刚定义好的团填充到空白图层,个人推荐将图层透明度设置为50%,当然也可以随意设置。

三种常见的背景设计 三种常见的背景设计

这是前后的对比图,这种背景多数用在网页背景以及较流行的网页多图层视差设计。这种效果甚至可以大胆的用作摄影后期,另类且时尚。



高斯模糊立体背景

三种常见的背景设计

1.打开ps软件,ctrl+n新建150x150像素大小的图像文件,背景内容为透明

三种常见的背景设计

2.用多边形套索工具对角画出三角形图像,黑色填充,ctrl+D取消选区,ctrl+J复制图层,ctrl+T变换图层,右键,“垂直翻转”得到上图

三种常见的背景设计

3.ctrl+J复制第2张图层,ctrl+T变换图层,右键,“水平翻转”得到左图。ctrl+J复制第3张图层,ctrl+T变换图层,右键,“垂直翻转”得到右图

三种常见的背景设计

4.调整各个图层的透明度,推荐从上往下的4个图层透明度依次是:50%、15%、30%、35%,直接按数字键即可调整,当然自己也可以尝试调整自己需要的透明度

三种常见的背景设计

5.图形画好后,点击菜单栏“编辑”“定义图案”输入自己定义的图案名称,确定

三种常见的背景设计

6.打开自己需要做立体背景效果的图片,选择“滤镜”“模糊”“高斯模糊”根据图片的带下调整模糊的半径值,确定

三种常见的背景设计

7.新建空白图层,点击菜单栏的“编辑”“填充”选择使用“图案”“自定图案”选择刚刚定义好的图案填充到空白图层,个人推荐将图层透明度设置为50%左右,当然也可以随意调整

三种常见的背景设计

8.这是30%的透明度,图片的明暗程度可以调整透明度来控制。



网格线背景

三种常见的背景设计

1.打开ps软件,ctrl+n新建150x150像素大小的图像文件,背景内容为透明

三种常见的背景设计

2.ctrl+‘+’将面板放大到像素,便于操作,用选区工具在右侧和底部建立选区,填充黑色

三种常见的背景设计

3.图形画好后,取消选取点击菜单栏的“编辑”“定义图案”输入自己定义的图案名称,确定

三种常见的背景设计

4.新建空白图层,点击菜单栏的“编辑”“填充”选择使用“图案”“自定图案”现在刚刚定义好的团填充到空白图层,推荐图层透明度为25%左右当然可以根据个人喜好调整

关键词:北京UI设计培训,北京UI设计,UI设计培训,UI交互设计

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
北京UI培训
  • 连接高校与企业
  • 课程不断更新
  • 可推荐就业
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2021 2ds.cn, All Rights Reserved 京ICP备2020041353号-5