• 技术文章 >web前端 >PS教程

    Photoshop中关于各种半透明样式设置总结

    黄舟黄舟2017-06-06 14:28:27原创2188
    我们在之前的一篇文章中解了CSS中关于半透明设置的总结,也知道半透明效果不仅仅是对图片,还有各种地方都有使用到,那么我们今天就给大家介绍Photoshop中半透明样式的总结!

    Photoshop半透明样式总结:

    1.Photoshop简单制作网页半透明按钮

    220.png

    本教程非常适合做网页弹出窗口的美化。制作方法非常简单,只需要用到图层样式设置就可以。效果很不错。

    2.Photoshop 制漂亮的半透明音符

    221.png

    本教程的效果有点类似气泡的半透明的效果。制作的方法就是要找出图形高光部分的选区,然后填充白色,再用蒙版等涂出边缘的过渡即可。原理比较简单,不过制作的时候复杂很多,需要注意好高光的层次和透明度。 最终效果

    3.Photoshop打造半透明的橙色玻璃图标

    222.png

    作者寄语:一个图标跟画一幅油画差不多,也是经历起稿,形状,大色块,细节这几步来做的,只不过做图标没油画那么有艺术气息罢了。这个教程只当做参考之用,并不是什么标准,我们还是得在不停的实践中找到属于自己的技巧,形成自己的风格。 最终效果

    4.Photoshop设计制作出半透明的光影花朵

    223.png

    光影花朵没有实物花朵那么复杂,制作的时候我们只需要把花瓣的高光部分渲染出来即可。然后把花瓣叠加在一起,会组成非常梦幻的效果。

    5.Photoshop设计制作一个清新的半透明扁平浅蓝色图标

    224.png

    依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制 依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制。

    6.Photoshop绘制非常精致的半透明的Web登录界面效果图

    225.png

    本教程主要使用Photoshop绘制非常精致的半透明的Web登录界面效果图方法,作者P大点S给同学们来一发登录界面教程,教程不是很难的,技巧点都集中在图层样式的运用,操作非常细致,零基础也可以学会,喜欢的朋友一起来学习吧。

    半透明相关问答:

    1.css - 请问B站顶部的模糊半透明导航条是怎么实现的呢?

    2.css - HTML 隐藏或去除拖曳时的半透明内容?

    3.css - HTML 隐藏或去除拖曳时的半透明内容?

    【相关文章推荐】:

    1.CSS中关于半透明设置的总结

    2.html和css中实现鼠标样式的方法总结

    3.html中引入css样式的方法总结

    以上就是Photoshop中关于各种半透明样式设置总结的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Photoshop,半透明
    上一篇:Photoshop设计超酷的大乱斗场景游戏网站首页教程 下一篇:photoshop中设置虚线样式的方法总结
    千万级数据并发解决方案

    相关文章推荐

    • Photoshop打造浪漫的心形闪动动画• PS打造一款冷酷逼真的金属质感符号• photoshop利用滤镜制作绚丽的彩色烟花• Photoshop打造简洁时尚的形象主页• PS设计一款精美漂亮的天气晴雨图标
    1/1

    PHP中文网