网页PS设计中常用的八大技巧,网页设计师必须掌
分类:生活方式

有时候,想做个有特色的头像,并且是流行的圆角logo,用ps有很多种方式可以实现,以下介绍的是其中一种。1.选择一张图片为例,在PS中打开,在右下角的图层里,进行图层解锁。图片 12.选择椭圆选框工具,羽化设置为6px。图片 23.进行图片剪裁,效果如下。图片 34.右击图片,选择选择反向。图片 4图片 55.点击PS左下角以快速蒙版模式编辑工具。图片 6图片 76. 选择PS菜单:|滤镜 ->|素描 ->|图章,设置合适的明/暗平衡与平滑度,比如40、20。图片 87.点击PS左下角以标准模式编辑工具。图片 9图片 108.如果你不加边框,这时候就可以按下键盘的Delete键,然后右击图片,选择选择反向,这样就好了。如果你要加边框,就按下面的步骤:右击图片,选择描边,进行相关设置,比如保留透明区域,之后视情况有可能还要按下键盘的Delete键以清除非透明区域,然后右击图片,选择取消选择,存储为png格式,最终效果如下。图片 11

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

简单的点击Delete键我们就可以去除背景并把它变透明。点击文件->存储为Web和设备所用格式,勾选"透明"选项。

  对任何一个网页开发员来说,掌握基本的Photoshop技巧比如把PSD文件分割为XHTML/CSS文件是必不可少的。同时,我们还应该懂得更多其它的PS技巧,如修改图标背景色、使用多种方式进行PS抠图、使用快捷键快速选择PS图层等等......下面为大家讲述几个相当有用的PS技巧。

1.点击前景色在拾色器中选择你想要的颜色,点击确定。

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

改变背景颜色

图02

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

  去除背景颜色

2.点击油漆桶工具(快捷键G)。如果你没有发现油漆桶工具,右击渐变工具然后选择油漆桶工具。

  简单的点击Delete键我们就可以去除背景并把它变透明。点击文件->存储为Web和设备所用格式,勾选"透明"选项。

(一)改变图标的背景颜色

  2.按下Ctrl/Cmd+C (编辑->复制的快捷键)

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

  当你找到了最合适的图标,但你还需要做些修改。最常见的问题是网站的背景和图标的背景可能是不同的,为了把他们搭配在一起,我们需要做一些工作。

预设 右边的下拉框中选择PNG-8或者PNG-24格式。你可以对比下哪种格式的质量和尺寸更好一些。(参看教你如何存储Web所用格式的图片。)

图片 12

第一步:在Photoshop中打开图像,然后点击文件->存储为Web和设备所用格式(快捷键Ctrl/Cmd+Alt/Option+Shift+S),然后在

  (四)分割一个图层

图片 13

  选择一个图层很简单:在图层面板中点击那个图层(如果没出现面板按下F7)。

确保选中的区域尽可能不要包含图标下的阴影部分。如果阴影部分被包含住了,适当的调整容差(用魔术棒重新选择背景)。

图01

图02

图片 14

图04

图07

图片 15

  2.选择移动工具(快捷键V)。

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

  有许多方法可以用来把一个图层或一组图层从一个PSD文件复制到另一个文件。然而最简单的方法是拖放。

接着,用它在图标旁边填充上你刚选择的颜色。

  改变背景颜色

去除背景颜色

  确保选中的区域尽可能不要包含图标下的阴影部分。如果阴影部分被包含住了,适当的调整容差(用魔术棒重新选择背景)。

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

  接着,用它在图标旁边填充上你刚选择的颜色。

图03

  如果图像是GIF格式的,建议先把它转换成PNG格式,他们是类似的,但是PNG格式文件比较小。请阅读在网站中用GIF和PNG图像的利弊。

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

  1.在工具面板中点击移动工具。

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

  (三)用Ctrl/Cmd+鼠标左键点击 选择图层

具体做的方法是:

  选择一个图层后,你也许想把它复制到新文件中从而把它存储为一个新的图片。

PS基础教程:网页设计师必须掌握的8个PS技巧,对任何一个网页开发员来说,掌握基本的Photoshop技巧比如把PSD文件分割为XHTML/CSS文件是必不可少的。同时,我们还应该懂得更多其它的PS技巧,如修改图标背景色、使用多种方式进行PS抠图、使用快捷键快速选择PS图层等等......下面为大家讲述几个相当有用的PS技巧。

  1.按住Ctrl/Cmd键并且点击图层的缩略图。这样就会自动选择那个图层里所有的东西。

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

  用移动工具(快捷键V)来选择图层的另一种方法是用Ctrl/Cmd+鼠标左键点击 在画布上选择一个特定图层,注意应该把自动选择功能去掉。

如果图像是GIF格式的,建议先把它转换成PNG格式,他们是类似的,但是PNG格式文件比较小。请阅读在网站中用GIF和PNG图像的利弊。

  但有一种保持图层大小不变的快捷方法:

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

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

当你找到了最合适的图标,但你还需要做些修改。最常见的问题是网站的背景和图标的背景可能是不同的,为了把他们搭配在一起,我们需要做一些工作。

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

图01

  第一步:在Photoshop中打开图像,然后点击文件->存储为Web和设备所用格式(快捷键Ctrl/Cmd+Alt/Option+Shift+S),然后在

图片 16

  1.从文件中选择你要复制的图层。如果你要复制多个图层,按住Ctrl键在图层面板中选择图层。

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

  预设 右边的下拉框中选择PNG-8或者PNG-24格式。你可以对比下哪种格式的质量和尺寸更好一些。(参看教你如何存储Web所用格式的图片。)

图片 17

图片 18

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

图06

  有一种办法是打开自动选择工具:

图05

  一种方法是用裁剪工具(快捷键C)。

  (二)用自动选择工具选择图层

图片 19

  3.按下Ctrl/Cmd+N来创建一个新的文件。Photoshop能自动帮你复制和创建一个同样大小的图层的文件。

  2.点击油漆桶工具(快捷键G)。如果你没有发现油漆桶工具,右击渐变工具然后选择油漆桶工具。

图03

  1.点击前景色在拾色器中选择你想要的颜色,点击确定。

  3.勾选自动选择选项。

  (一)改变图标的背景颜色

  如果在你的面板中有很多图层或者图层没有直观得命名,那么找相关的图层会变得很烦人。

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

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

  启用了自动选择,在画布上随意点击就可以选中相关图层。

  2.选择自动选择右边下拉框中的图层。

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

图片 20

图片 21

图04

  具体做的方法是:

图片 22

  4.按下Ctrl/Cmd+V 把它复制到新的图层。

  (五)用拖放的方式把一个图层从一个文件复制到另一个文件

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

本文由金沙贵宾会官网发布于生活方式,转载请注明出处:网页PS设计中常用的八大技巧,网页设计师必须掌

上一篇:没有了 下一篇:没有了
猜你喜欢
热门排行
精彩图文