PS实用技巧:用原始图片制作显示(正常状态)、鼠标悬浮(hover)、鼠标点击(pressed)的方法

简介: PS实用技巧:用原始图片制作显示(正常状态)、鼠标悬浮(hover)、鼠标点击(pressed)的方法

需求


       从网上下载图片很难下载到整套,包括一个按键的三种状态或者是多个图标非同色系,笔者没有整体配色,只讲述PS比较简单的制作方法,目前满足日常使用。

原理


       使用PS进行修改制作

实现步骤


步骤一:打开图标文件

图片.png

步骤二:增加背景图层

图片.png

图片.png

步骤三:修改背景图层的颜色和透明度(hover状态的)

图片.png

步骤五:剪裁保存(可设置剪裁大小),最好是另外存储文件“文件”中的“存储为”,注意存储格式,hover状态的到此结束。

图片.png

步骤六:修改图标图标实体的颜色

图片.png

步骤七:删掉“背景”图层,直接选中“图层0”新建背景图层,对背景使用填充进行上色,保存参照 步骤五

图片.png

所制作的示例:

图片.png


相关文章
|
29天前
|
前端开发
前端常用PS技巧总结之更换图片背景图片
前端常用PS技巧总结之更换图片背景图片
14 0
|
29天前
|
存储 前端开发 文件存储
前端常用PS技巧总结之将图片背景透明化
前端常用PS技巧总结之将图片背景透明化
24 0
|
4月前
|
区块链
【photoshop】使用ps将图片另存为ico
【photoshop】使用ps将图片另存为ico
106 0
|
8月前
|
PHP 计算机视觉
php结合imagick 修改图片的DPI,达到与ps类似的效果
php结合imagick 修改图片的DPI,达到与ps类似的效果
122 1
|
9月前
|
Windows
PS不能拖入图片进去
PS不能拖入图片进去
|
API Python
Python 3,4行代码实现去除图片背景色,从此告别PS!!
Python 3,4行代码实现去除图片背景色,从此告别PS!!
576 0
Python 3,4行代码实现去除图片背景色,从此告别PS!!
|
搜索推荐
Alien Skin Exposure永久免费版PS图片滤镜后期处理软件
Alien Skin Exposure一款非常专业的图片后期处理软件,内含500多种照片滤镜。是一款图片后期处理功能非常强大的软件。这款软件可以对图片的后期效果做很好的处理。
179 0
PS - 批量处理(以批量修改图片像素为例)
PS - 批量处理(以批量修改图片像素为例)
2452 0
PS - 批量处理(以批量修改图片像素为例)
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
131 0
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
|
存储
ps之解决eps图片不能保存为png格式问题
ps之解决eps图片不能保存为png格式问题
154 0