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

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

需求


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

原理


       使用PS进行修改制作

实现步骤


步骤一:打开图标文件

图片.png

步骤二:增加背景图层

图片.png

图片.png

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

图片.png

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

图片.png

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

图片.png

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

图片.png

所制作的示例:

图片.png


相关文章
|
6月前
|
区块链
【photoshop】使用ps将图片另存为ico
【photoshop】使用ps将图片另存为ico
164 0
PS - 批量处理(以批量修改图片像素为例)
PS - 批量处理(以批量修改图片像素为例)
2645 0
PS - 批量处理(以批量修改图片像素为例)
|
2月前
|
存储 Windows
PS绘图,切图方法
PS绘图,切图方法
28 3
|
3月前
|
前端开发
前端常用PS技巧总结之更换图片背景图片
前端常用PS技巧总结之更换图片背景图片
30 0
|
3月前
|
存储 前端开发 文件存储
前端常用PS技巧总结之将图片背景透明化
前端常用PS技巧总结之将图片背景透明化
37 0
|
10月前
|
PHP 计算机视觉
php结合imagick 修改图片的DPI,达到与ps类似的效果
php结合imagick 修改图片的DPI,达到与ps类似的效果
190 1
|
11月前
|
Windows
PS不能拖入图片进去
PS不能拖入图片进去
获得PS2023软件和Photoshop2023插件神经滤镜的方法下载教程
ps是软件photoshop的简称,该软件以处理像素构成的数字图像为主,其中包含众多的编修以及绘图工具,能够有效完成各项图片的处理工作,满足日常所需。在网络上,ps逐渐成为p图软件的统称,另外,ps还有备注的意思,常常用来表示附言、附录等。最新版Photoshop 2023是一款图片编辑软件,PS 2023中文版帮助你组合、修饰和重新混合您的照片,为您的旧黑白添加新颜色,或者让不需要的东西消失,也或者将无聊的背景变成异国情调的天堂,功能强大。
571 0
|
API Python
Python 3,4行代码实现去除图片背景色,从此告别PS!!
Python 3,4行代码实现去除图片背景色,从此告别PS!!
610 0
Python 3,4行代码实现去除图片背景色,从此告别PS!!
|
计算机视觉
ps2023软件全新版免费调色滤镜插件exposure图片后期处理工具
许多朋友都习惯于用手机拍照,但拍出来的效果却没有别人拍出来的好看,不知道如何解决。这种情况下你只需一个适合自己的照片处理工具,就可以提升原照片的美观度。那么,有哪些好用的照片处理工具,如何用照片处理工具处理照片,下面就有我来为各位进行讲解,希望能够给大家一些帮助。
393 1
ps2023软件全新版免费调色滤镜插件exposure图片后期处理工具

热门文章

最新文章