• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >photoshop > PS制作ios9系统的界面毛玻璃效果

PS制作ios9系统的界面毛玻璃效果

作者:Game灵灵 字体:[增加 减小] 来源:互联网 时间:2017-05-22

Game灵灵 向大家分享了PS制作ios9系统的界面毛玻璃效果,其中包含ios9人机界面指南,ios9设置界面美化,ios9界面,ios9绕过id锁进界面,ios9锁屏界面等知识点,遇到此问题的同学们可以参考下

iPhone是智能手机的标杆,那么iOS系统也成为了移动系统的标杆,9月17日凌晨,苹果发布了ios9,让很多国人的果粉兴奋不已,下面小编也为大家分享PS制作ios9系统的界面毛玻璃效果教程,一起来看看吧!

方法/步骤

1、首先,新建颜色模式RGB文件,尺寸按照iOS常用手机界面标准:1334x750像素,分辨率设置为72

PS制作ios9系统的界面毛玻璃效果

2、拖入临摹图,按照图片里的分区,用移动工具从标尺处拉出一条参考线

PS制作ios9系统的界面毛玻璃效果

3、Ctrl+H暂时隐藏参考线,直接拖入素材图。在Photoshop CS6里,直接拖入的图片会自动转为智能图像格式。保留它不要栅格化,后续会有用处

PS制作ios9系统的界面毛玻璃效果

4、Ctrl+J复制出一层素材图,保持图层的智能图像模式,执行:滤镜->模糊->高斯模糊 命令

PS制作ios9系统的界面毛玻璃效果

5、高斯模糊数值设置为50,也可以自己看图片效果调整数值,点击确认

PS制作ios9系统的界面毛玻璃效果

6、这是执行命令后的效果,注意看图层,高斯模糊命令显示在图层效果中了,如果对图片模糊效果不满意,可以再次双击图层效果进行调节,这就是保留智能图层的用处了,而普通图层是不能保留模糊命令图层效果的。

PS制作ios9系统的界面毛玻璃效果

7、Ctrl+H显示出参考线,使用矩形选框工具,在参考线下方沿图片边缘画出选区。在图层面板下方,选择右数第三项:添加图层蒙版。

PS制作ios9系统的界面毛玻璃效果

8、执行命令后效果已经基本出来了,但颜色还需再调整。

选中当前层,点选调整面板中的:色相/饱和度 按钮,或者在菜单栏中选择:图层/新建调整图层/色相/饱和度,执行命令。

PS制作ios9系统的界面毛玻璃效果

9、调整面板数值:饱和度+40,明度+30,也可根据图片需要自己调节

PS制作ios9系统的界面毛玻璃效果

10、执行好命令,哎呀~整个图层颜色都被改变了,怎么办呢?

表急,在图层面板中,右键点击 色相/饱和度图层,选择菜单中的:创建剪贴蒙版 选项。

PS制作ios9系统的界面毛玻璃效果

11、当当~毛玻璃效果出来了。

PS制作ios9系统的界面毛玻璃效果

12、最后,把需要的图标制作好合并成组,图标组的图层效果选择为:穿透。OK,最终效果就做好啦

PS制作ios9系统的界面毛玻璃效果

注意事项

适合 具备photoshop基础和美术设计基础的人员,从事UI设计需要提升的人员

以上就是PS制作ios9系统的界面毛玻璃效果教程,怎么样,是不是很不错啊,感兴趣的朋友快快来学习吧!

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

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

  • PS制作ios9系统的界面毛玻璃效果

相关文章

  • 2017-05-22如何使用Photoshop为图片批量添加水印
  • 2017-05-22用ps简单制作透明的泡泡
  • 2017-05-22ps CS6怎么绘制两种颜色的立体五角星?
  • 2017-05-22Photoshop高档家私海报设计教程
  • 2017-05-22用ps制作出漂亮的高光透明气泡
  • 2017-05-22Photoshop制作流畅的卡通人物GIF动画表情
  • 2017-05-22利用PS创建几何图案的复古怀旧海报 PS入门实例教程
  • 2017-05-22PS制作漂亮清晰的天空云彩文字的效果
  • 2017-05-22PS制作沙漠中的海市蜃楼流程介绍
  • 2017-05-22解锁新技能:PS制作融合效果gif动画

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • 用PS制作CC 3D立体图的方法教程
    • Photoshop制作超酷的蓝色火焰效果魔法书
    • ps制作漂亮的五星珠背景效果图
    • 用PS制作美女的炫彩长发
    • PS CS6布尔运算工具绘制漂亮的扁平化风格的小火箭图标
    • PS制作十字路口文字图片方法介绍
    • ps制作一个超逼真质感超强的白色水晶球
    • PS图层样式制作小水滴
    • Photoshop设计制作一个清新的半透明扁平浅蓝色图标
    • PS怎么给图形填充颜色图案?

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

©2015-2018 All Rights Reserved. 微课江湖 版权所有