知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    怎么用好PS(Photoshop)这款ui制作工具软件(图文)

    作者:佳明妈 来源:web前端开发 2016-08-21 人气:
    怎么用好PS(Photoshop)这款ui制作工具软件,ps功能繁多,到底哪些功能在ui制作中比较常用、实用那,本文解密最强大ui制作软件Photoshop如何制造ui

    怎么用好PS(Photoshop)这款ui制作工具软件,ps功能繁多,到底哪些功能在ui制作中比较常用、实用那,本文解密最强大ui制作软件Photoshop如何制造ui


    第一个:ps图层样式

    对于入门阶段练习的程度要到什么样的?看到一个你认为很好看的界面设计或者图标设计,你可以分析出来它具体用了什么图层样式。

    1.斜面和浮雕

    对于这个功能,有人的评价是很烂,其实只是你技术还不够硬,斜面和浮雕这一块功能在处理凹凸质感和明暗效果可以大大的提高工作的效率,尤其是一些效果字和UI控件的操作。

    怎么用好PS(Photoshop)这款ui制作工具软件(图文)

    2.投影

    添加投影(Dropshadow)效果后,层的下方会出现一个轮廓和层的内容相同的“影子”,这个影子有一定的偏移量,默认情况下会向右下角偏移。阴影的默认混合模式是正片叠底(Multiply),不透明度75%。

    这里就不一一举例,图层的样式是我们在设计ui图标过程中会经常使用到的,从而来达到我们想要的某种效果。

    而这10个图层样式最好的的熟练操作就是把每个样式都操作一遍 ,然后熟悉它的运用效果。从而后面制作图标的时候,你可以明确知道哪一个样式可以做出你要的效果。

    第二个:形状工具


    UI设计中的图标设计,我们会经常用到形状工具来进行绘制,点开形状工具,我们可以看到,其中包含 矩形工具,圆角矩形工具,椭圆工具,多边形工具,直线工具,自定义形状工具。

    除去直线工具和自定义形状工具,其他的,我认为均可看成是PS中的基本形状。我们可以运用这些形状来拼凑组成一些复杂的形状。

    第三:图层混合模式



    Photoshop这款ui制作工具软件

    而这几种的混合模式可按照下拉菜单中的分组来将它们分为不同类别:基础模式、变亮模式、变暗模式、融合模式、色异模式及蒙色模式。

    我用下面两张图片给大家说明具体的格式。

    1.基础模式

    这个模式主要是利用不透明度及图层填充值控制下层图像,从而达到底色溶解在一起的效果。

    2.变亮模式

    这个模式的主要通过过滤掉图像中的暗调信息,进一步达到图像变亮的效果。

    3.变暗模式

    与变亮模式相反,则是过滤图像中的亮调从而使图片进一步变暗的效果。

    4.融合模式

    这个没有一定的规则,用于图像之间不同程度的一个图像融合。

    5.色异模式

    主要是利用反色效果。

    6.蒙色模式。

    这个格式需要根据上一层的图像中的颜色信息,不同程度的映称下面图层上的图像。

    第四:切图工具

    当分割图像时你会碰到一些选项。如果精确度不那么重要时,你可以手工切片图像,必要的时候,可以使用切片选择工具对已完成的切片图像进行调整。如果精确度很重要,可以使用参考线在图像上标出重要的位置。


    第五个:新人常犯错误

    错误一:图层不分组,分组也不备注名称

    错误二:不使用参考线,凭感觉对称

    错误三:不使用快捷键,耗时间效率低

    这几个是入门中用的最多的,当然不是说其他的就不需要学,技不嫌多。重在多练习

    ↓ 查看全文

    怎么用好PS(Photoshop)这款ui制作工具软件(图文)由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    怎么用好PS(Photoshop)这款ui制作工具软件(图文)-最新评论