admin 管理员组

文章数量: 1184232


2024年4月24日发(作者:islide免费还是收费)

网页设计常用photoshop技巧

网页设计常用photoshop技巧

对于网页设计师来说,使用Photoshop的目的大多是进行网页排版,当然有时候需

要制作一些效果,在更多的时候网页设计师使用PS相比平面设计师要更简单一点,下面

是店铺分享的网页设计常用photoshop技巧,一起来看一下吧。

1.改变图标的背景颜色

作为一个网页开发员,我用Photoshop最常要做的是改变图标的背景颜色或者是把

图标背景变透明。

就拿RSS(聚合内容)图标为例。这种图标会有不同的形状和尺寸。

当你找到了最合适的图标,但你还需要做些修改。最常见的问题是网站的背景和图标

的背景可能是不同的,为了把他们搭配在一起,我们需要做一些工作。

如果图像是GIF格式的,建议先把它转换成PNG格式,他们是类似的,但是PNG格

式文件比较小。

具体做的方法是:

第一步:在Photoshop中打开图像,然后点击文件->存储为Web和设备所用格式

(快捷键Ctrl/Cmd+Alt/Option+Shift+S),然后在预设右边的下拉框中选择PNG-8或者

PNG-24格式。你可以对比下哪种格式的`质量和尺寸更好一些。

接着关闭GIF文件打开你刚存储的图片。

打开图层面板(如果没显示,按F7键让它可见),你可以看到有一个背景图层。

右击那个图层,从菜单里选择背景图层,点击确定。

第二步:使用魔术棒工具。

1.在工具面板中点击魔术棒工具。

2.确保容差设在20左右,消除锯齿和连续是勾选上的,如下图:

然后点击环绕这个图标的白色(或其他颜色)背景。

确保选中的区域尽可能不要包含图标下的阴影部分。如果阴影部分被包含住了,适当

的调整容差(用魔术棒重新选择背景)。

去除背景颜色

简单的点击Delete键我们就可以去除背景并把它变透明。点击文件->存储为Web和

设备所用格式,勾选透明选项。

改变背景颜色


本文标签: 图标 背景 网页 格式 点击