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

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

需求


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

原理


       使用PS进行修改制作

实现步骤


步骤一:打开图标文件

图片.png

步骤二:增加背景图层

图片.png

图片.png

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

图片.png

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

图片.png

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

图片.png

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

图片.png

所制作的示例:

图片.png


相关文章
|
11月前
|
区块链
【photoshop】使用ps将图片另存为ico
【photoshop】使用ps将图片另存为ico
309 0
PS - 批量处理(以批量修改图片像素为例)
PS - 批量处理(以批量修改图片像素为例)
3365 0
PS - 批量处理(以批量修改图片像素为例)
|
4月前
|
存储 数据可视化
PS gif修改背景颜色(附加图片)
PS gif修改背景颜色(附加图片)
70 0
|
4月前
|
存储 Windows
PS绘图,切图方法
PS绘图,切图方法
53 3
|
4月前
|
前端开发
前端常用PS技巧总结之更换图片背景图片
前端常用PS技巧总结之更换图片背景图片
49 0
|
4月前
|
存储 前端开发 文件存储
前端常用PS技巧总结之将图片背景透明化
前端常用PS技巧总结之将图片背景透明化
65 0
|
10月前
|
存储 前端开发
利用PS把多张psd格式的图片转换为一张PDF格式
利用PS把多张psd格式的图片转换为一张PDF格式
76 0
|
PHP 计算机视觉
php结合imagick 修改图片的DPI,达到与ps类似的效果
php结合imagick 修改图片的DPI,达到与ps类似的效果
269 1
|
存储 数据安全/隐私保护 计算机视觉
如何利用ps去除图片水印和绘制图案
如何利用ps去除图片水印和绘制图案
141 0

热门文章

最新文章

下一篇
云函数