6楼切片工具是Photoshop中的被忽略和被忽视的工具之一。据推测,旨在帮助网络设计师将图像和网站模板的组件切片,以便轻松导出到像Adobes Dreamweaver这样的程序。然而,对使用此工具的使用存在一些争论,因为许多人认为面部护理工具更适合。无论案例是什么,让我们了解这个工具可以做的事情,然后在真实的应用程序中使用它。

在Photoshop工具上的崩溃课程,如切片和马奎尼(Slice和Marquee)看看当然photoshop工具。

顾名思义,切片工具切片将图像变成较小的部分。它使这些较小的图像用于Web就绪 - 主要用于网站。因此,如果您使用网站模板并需要提取说,从您的设计中的按钮,可以通过使用切片工具轻松实现。当您使用此工具在图像中创建较小的图像时,“切片”会在您移动时自动编号图像。这个想法是节省切片时对于网络Photoshop将它们组织成HTML文档。(为网站保存转到文件>保存为Web。)

如果您不知道自己在做什么(相信我 - 我去过那里,也可以使用切片工具来创建可能征税的动画和翻转图像。这些图像通常保存为GIF,这是动画或交互式图像的伟大格式。切片图像也可以保存为JPEG,更适合摄影。你是摄影师吗?看看摄影师的当然Photoshop。

我认为,关于切片工具的最佳部分是如何使用它来创建交互式图像。例如,您是否曾看到过美国地图,您可以在那里单击个人州以获取有关主题的更多信息?那就是主意切片工具在工作中。实际上,网络设计师可能没有使用切片工具,因为它并没有真正让你“绘制”,它越来越跨越你试图切片的任何东西。这可以使各种概述概述非常困难(如,爱达荷州的顶部以及将切片流入蒙大拿州的何景)。对于这种情况,我们将使用Marquee工具。Photoshop新手?学习基础知识当然photoshop 101。

slice1.

所以呢能够我们使用切片工具?

模板!很多和大量模板。或互动图片。我们要去那个,因为我认为能够点击图片的不同部分并在网站上获得不同的结果是一个很酷的想法。我们将使用Matthew灰色Gubler,因为他让切片工具的学习更有趣。

花几分钟才读到一些人最好的photoshop行动因此,您可以增强您所开放的任何项目。好的,切片。

步骤1

我们将拍摄这张照片并将其分成四个不同的切片。您可以在Photoshop中打开自己的照片,并执行相同的照片。去文件>打开并选择您的照片。在我们做任何其他事情之前,去查看>显示并确保这一点切片在它旁边有一个复选标记。

Matthew-Gubler.

第2步

从工具栏中选择切片工具。在较新版本的Photoshop中,切片工具存储在下面庄稼工具。您可以通过右键单击裁剪工具和选择来访问它切片工具。在旧版本中它是下一个到了庄稼工具。

slicetool.

第3步

使用“切片”工具激活,单击照片的左上角,然后拖动广场,直到您创建了理想的大小切片。当您放开鼠标时,您会注意到切片在角落的小蓝色方形中分配1号。这是切片1

Slice11.

第四步

现在,你还应该看到有一个暂定的切片2.切片3.创建第一个切片时会创建。确认那些并获得第四片的最简单方法是拍摄切片工具,然后单击中心 - 点全部见面 - 并将框拖动到图片的右下象限。当您释放鼠标时,您应该看到四个切片出现。

MGG4.

请注意,切片2和3具有灰色框而不是蓝色。这意味着它们不是“用户切片”。用户切片由您,用户制作。非用户切片是自动切片他们是由Photoshop制作的。您可以通过双击小灰色无限符号然后选择“推广给用户”来将这些自动切片推广到用户切片。他们会变成蓝色。

第5步

现在你有你的切片,是时候与他们做点什么了。选择切片选择工具从刀具栏中找到切片工具。这将允许您编辑或切片。

Quickslice.

使用切片选择工具激活,双击切片1。弹出框将显示一些空字段供您填写。

slice1opt.

名称

您可以将此切片命名为您想要的任何内容。它将是您的切片在计算机上保存的内容。我把这个切片命名了Matthew灰色Gubler.

URL.

这就像创建超链接一样。输入您希望此特定切片的任何网址将带您到点击时。请记住,这些切片正在保存为单个图像,因此每种切片都会有自己的URL。此切片将使用用户到Gubler的网站

目标

目标字段指示您希望您键入的URL出现的位置。例如,如果使用_blank切片,单击时,将打开一个新的浏览器选项卡。这可以防止人们在他们想要打开另一个链接时在网上失去他们的位置。这是有帮助的。其中的选项是:

_空白的

_新的

_最佳

_自己

_Parent.

消息文本

消息文本是在单击此切片时浏览器底部会出现的内容。我刚写了一下盖卜

alt text.

如果由于某种原因您的图像在浏览器中加载,Alt文本将用于告诉观众应该在那里存在什么。这通常是非常简短的描述。它还用于告诉盲目网络用户屏幕上的内容(软件会将其读到它们)。我用了Gubler按钮

方面

如果您愿意,您可以更改切片的尺寸 - 或者保持同样的情况。我对这个例子保持了同样的事情。

删除或划分切片

也许你创造了太多的切片,或者你想重新开始。您可以通过右键单击切片和选择来删除切片删除切片。您也可以将一个切片分成更小的切片。如果你告诉它你想要多少,那么Photoshop会这样做。要执行此操作,请右键单击要分割的切片,然后选择水平的或者垂直的并定义您希望看到多少片。我选择了水平分开进入6切片下来,均匀间隔。

划分6楼

第6步

保存你的切片。去文件>保存为Web并击中保存。当保存位置框弹出时,可以选择保存所有切片,用户切片或者选择切片。在文件名和类型下方的框的非常底部找到此选项。我选择了所有切片。

Allslices.

那就是它!现在,您的原始图像中有四个切片图像,都配备了元数据和URL。

Photoshop中有很多方便的工具,如切片工具 - 了解所有关于它们当然photoshop Essentials。

Photoshop中的顶级课程

绘画面对Photoshop的力量
哈基福勒
4.7 (1,174)
Adobe Photoshop CC - Essentials培训课程
丹尼尔沃尔特斯科特
4.8 (19,170)
畅销书
Photoshop和Illustrator速度例证工作流程
Widhi Muttaqien,S.Kom,MMSI
4.7 (591)
T恤设计的Photoshop:初学者
Gary Ajene.
4.6 (450)
收视率最高
Adobe Photoshop CC 2021初学者Essentials
ABHIJET SOJWAL.
4.6 (128)
Adobe Photoshop CC - 高级培训课程
丹尼尔沃尔特斯科特
4.8 (6,134)
绘画数字与Photoshop的力量
哈基福勒
4.7 (471)
ipad masterclass上的photoshop
Martin Perhiniak.
4.7 (280)
收视率最高
Photoshop 2021 MasterClass.
Martin Perhiniak.
4.7 (9,029)

更多Photoshop课程

Photoshop学生也会学习

赋予你的团队。引领行业。

通过Udemy为Business获取组织的在线课程和数字学习工具库的订阅。

请求演示