本站推荐

用 Photoshop 制作圆角图片

来 源:nicetype.com 作 者:Bodhi 时间:2009-12-03 点击:
loading...

如今随着 web 2.0 人性理念的不断深入,网页元素的视觉风格向着亲近、轻松的方向发展,涌现了大量的标志性风格,例如圆角图片。

本文主要描述了怎样在 Photoshop 中使用矢量蒙版制作圆角图片。在 Photoshop 中实现圆角效果的手段很多,但是使用矢量蒙版会保留最大限度的再编辑性,有利于素材的再次利用。

我们的实例目的是:在一张较大的素材中截取部分画面,并制作圆角效果输出,且背景色透明。效果如下,



1. 首先我们找到一张素材图片。这是 Bodhi 在 2003 年最初接触 Photoshop 时的一张手绘草稿,尺寸为 500×428 像素,JPEG 格式。

2. 启动 Photoshop,双击工作区选择素材并打开。此时,素材被载入锁定的背景层,当然你可以双击并解锁背景图层,但是我们建议使用图层复制命令而不去伤害原始素材,快捷键 ALT+方向键。我们将复制得到的图层命名为 original 并隐藏背景图层。

3. 在工具栏选择剪裁工具(快捷键 C),并在程序顶部属性栏中指定参数。如下图,代表“按照 160:90 的比例截取部分画面并缩放尺寸为 160×90 像素”。

4. 在工作区图像中选择部分画面,回车确认剪裁。

5. 在工具栏中选择圆角矩形工具,并在程序顶部属性栏指定参数。如下图,代表绘制圆角半径为 20 像素的矩形路径。

6. 在工具栏选择路径选定工具(快捷键 A),确保图层面板中你想实现远角效果的图层处于选定状态,选定步骤 5 所绘制的路径,执行右键菜单命令“创建矢量蒙版”。

7. 最终效果。注意圆角处的棋盘图样为 Photoshop 默认透明底色。

8。 如果想为当前圆角图片增加边框,可以在图层面板中执行右键菜单命令“混合选项”,并在弹出窗口的左侧列表中选择“描边”(最后一个)。之后按照下图进行设置,注意本实例中选择了 inner 边框是因为图像和画布是等尺寸的,在你的实际操作中可以自由设定。

9. 圆角的,带边框的,透明背景的图片效果。

附注:如果你不想劳神费心自己制作的话,可以使用这款在线工具 - RoundPic,仅需要上传下载即可。

来源:http://www.2ky.cn/h/136/5453.htm
转载要求注明来源,请尊重作者版权!

关键字: 

会员登陆close X