宝宝八字脚如何矫正:第十一课:photoshop切片工具详解(工具箱)
来源:百度文库 编辑:中财网 时间:2024/05/08 06:58:15
时间:2011年4月14日 14:19 发布者:c.c 浏览4621次
第十一课:photoshop切片工具详解(工具箱)
★.上节回顾
在上一节中我们学习了使用魔棒工具抠图,本节先对切片工具进行简单讲解,在学习制作网页时在系统的进行学习。
★.视频教学----切片工具的介绍(上)(如视频无法显示,请反复刷新页面)
',1)">
★.视频教学----切片工具的介绍(下)(如视频无法显示,请反复刷新页面)
',2)">
★.实践教学----切片工具的使用方法
文字部分教程作者C.c 转载请注明出自CC视觉教程站(www.ps369.com)。
把大幅图片分割成多个小图片,打开网页时,多个小图片会同时下载,这样就可以明显提高网页刷新的速度,整幅图片会很快出现在网页上。
本课我们讲下如何对大图进行切片:
原始图-----图片过大,请下载文档。未切片的原始图.zip(1.08 MB)
效果预览地址:
http://www.ps369.com/zt/11.html
1.在原图上右键,保存到本地计算机
2.在photoshop中打开这张图片。(文件/打开)
3.在工具箱中选择切片工具(快捷键 K )
4.选中“切片工具”后,在图片上按住左键拖拽,就出现一个切片。
5.以此类推,再次选择“切片工具”在图片上切出更多切片。
6.如果变换切片的位置和大小,选择工具栏上的“切片选择工具”
再点击某个切片即可选中。用左键按住某个已选中的切片,可以随意挪动切片位置。用左键按住切片四周的小黑点,也可随意伸展或收缩切片大小。如果在某个切片上单击右键,弹出的菜单上可以选择删除切片或者编辑切片。
7.划分好后点击 文件/存储为Web所用格式。
8.在弹出的存储窗口中可以设置保存格式和大小,
9.设置好后点击存储:
10.保存完成后,电脑上就会出现一个名叫index.html的文件和一个名叫images的图片目录,切分后的图片就保存在这里。index.html就是用切分后的小图片组成的网页文件。
11.最后把图片上传到网上,用记事本打开HTML文件,把里面的图片地址换成网络图片URL。
在把这个文件上传即可~ (详细的会在网页教程进行介绍)
最后来看看效果 预览地址:http://www.ps369.com/zt/11.html
★本课就到这里,下面布置一个作业,希望大家能够认真完成!
作业地址:
★.理论教学----切片工具的详解
photoshop切片工具
photoshop的切片工具内含切片工具和切片选择工具,切片工具主要是在制作网页时候对图片进行“瘦身”所用,它可以在不损失图像效果的前提下,减小的文件的容量。这个工具的快捷键是字母K。
photoshop的切片工具
切片工具属性栏
photoshop的切片工具的工具属性栏
样式:可以改变切片工具的裁切标准。
宽度、高度:输入尺寸数值。
1、选择切片选取工具。
2、在所需编辑的薄片上双击鼠标,调出“切片选项”对话框(如上图)
3、为薄片加互交,使其变为一个热区。在URL后面输入一个绝对或相对的URL即可,如:http://www.spps.cc/。
4、可以为薄片命名,在名称:后面输入新名称即可。
5、Target:选择打开浏览器的方式。
6、Alt:Alt可使我们得以指定选中切片的Alt标记。
7、在尺寸栏中,显示这个薄片的信息,如宽度、高度、薄片顶点的位置。这些数值可根据需要进行设定。
排列薄片:
由于在切图往往造成薄片的重叠,因此我们可以用切片选取工具调整薄片的次序。
1、选择切片选取工具。
2、单击所需调整的薄片。
3、在任务栏(如图)中选择排列方式即可:
A.置为顶层:把所选薄片调到最前。
B.前移一层:把所选薄片向前移动一个水平层。
C.后移一层:把所选薄片后前移动一个水平层。
D.置为底层:把所选薄片调到最后。
★本课就到这里,下面布置一个作业,希望大家能够认真完成!
作业地址:http://www.spps.cc/thread-303052-1-1.html
如果遇到不懂的地方,请到论坛发帖提问:http://www.spps.cc/forum-358-1.html
欢迎到论坛上传作业,你的作业将会得到点评和加分:http://www.spps.cc/forum-472-1.html
第十一课:photoshop切片工具详解(工具箱)
★.上节回顾
在上一节中我们学习了使用魔棒工具抠图,本节先对切片工具进行简单讲解,在学习制作网页时在系统的进行学习。
★.视频教学----切片工具的介绍(上)(如视频无法显示,请反复刷新页面)
',1)">
★.视频教学----切片工具的介绍(下)(如视频无法显示,请反复刷新页面)
',2)">
★.实践教学----切片工具的使用方法
文字部分教程作者C.c 转载请注明出自CC视觉教程站(www.ps369.com)。
把大幅图片分割成多个小图片,打开网页时,多个小图片会同时下载,这样就可以明显提高网页刷新的速度,整幅图片会很快出现在网页上。
本课我们讲下如何对大图进行切片:
原始图-----图片过大,请下载文档。未切片的原始图.zip(1.08 MB)
效果预览地址:
http://www.ps369.com/zt/11.html
1.在原图上右键,保存到本地计算机
2.在photoshop中打开这张图片。(文件/打开)
3.在工具箱中选择切片工具(快捷键 K )
4.选中“切片工具”后,在图片上按住左键拖拽,就出现一个切片。
5.以此类推,再次选择“切片工具”在图片上切出更多切片。
6.如果变换切片的位置和大小,选择工具栏上的“切片选择工具”
再点击某个切片即可选中。用左键按住某个已选中的切片,可以随意挪动切片位置。用左键按住切片四周的小黑点,也可随意伸展或收缩切片大小。如果在某个切片上单击右键,弹出的菜单上可以选择删除切片或者编辑切片。
7.划分好后点击 文件/存储为Web所用格式。
8.在弹出的存储窗口中可以设置保存格式和大小,
9.设置好后点击存储:
10.保存完成后,电脑上就会出现一个名叫index.html的文件和一个名叫images的图片目录,切分后的图片就保存在这里。index.html就是用切分后的小图片组成的网页文件。
11.最后把图片上传到网上,用记事本打开HTML文件,把里面的图片地址换成网络图片URL。
在把这个文件上传即可~ (详细的会在网页教程进行介绍)
最后来看看效果 预览地址:http://www.ps369.com/zt/11.html
★本课就到这里,下面布置一个作业,希望大家能够认真完成!
作业地址:
★.理论教学----切片工具的详解
photoshop切片工具
photoshop的切片工具内含切片工具和切片选择工具,切片工具主要是在制作网页时候对图片进行“瘦身”所用,它可以在不损失图像效果的前提下,减小的文件的容量。这个工具的快捷键是字母K。
photoshop的切片工具
切片工具属性栏
photoshop的切片工具的工具属性栏
样式:可以改变切片工具的裁切标准。
宽度、高度:输入尺寸数值。
1、选择切片选取工具。
2、在所需编辑的薄片上双击鼠标,调出“切片选项”对话框(如上图)
3、为薄片加互交,使其变为一个热区。在URL后面输入一个绝对或相对的URL即可,如:http://www.spps.cc/。
4、可以为薄片命名,在名称:后面输入新名称即可。
5、Target:选择打开浏览器的方式。
6、Alt:Alt可使我们得以指定选中切片的Alt标记。
7、在尺寸栏中,显示这个薄片的信息,如宽度、高度、薄片顶点的位置。这些数值可根据需要进行设定。
排列薄片:
由于在切图往往造成薄片的重叠,因此我们可以用切片选取工具调整薄片的次序。
1、选择切片选取工具。
2、单击所需调整的薄片。
3、在任务栏(如图)中选择排列方式即可:
A.置为顶层:把所选薄片调到最前。
B.前移一层:把所选薄片向前移动一个水平层。
C.后移一层:把所选薄片后前移动一个水平层。
D.置为底层:把所选薄片调到最后。
★本课就到这里,下面布置一个作业,希望大家能够认真完成!
作业地址:http://www.spps.cc/thread-303052-1-1.html
如果遇到不懂的地方,请到论坛发帖提问:http://www.spps.cc/forum-358-1.html
欢迎到论坛上传作业,你的作业将会得到点评和加分:http://www.spps.cc/forum-472-1.html
photoshop如何使用切片工具??
photoshop中的切片工具具体作用是什么?
photoshop里面的切片工具什么用途?
Photoshop 7.0的切片工具怎么用?
photoshop工具箱中切片工具怎么用,是什么意思?
切片工具能在photoshop里面用吗?
PHOTOSHOP里的切片工具是干什么用的`?
photoshop中,为什么要用切片工具进行切片?其作用是什么?说详细点,书上的我看不懂。
photoshop中磁性套索工具属性栏详解
怎么样做photoshop切片
切片工具的使用????
切片工具的使用????
如何使用切片工具
谁能告诉我photoshop中的切片工具是怎么用的,一般有什么用?谢谢!!
谁能告诉我photoshop中的切片工具是怎么用的,一般有什么用?谢谢
谁能告诉我photoshop中的切片工具是怎么用的,一般有什么用?谢
Photoshop中的"切片"工具的具体使用方法及用途?
有高手能具体的介绍一下PHOTOSHOP里面的切片工具的吗??
在photoshop 中,什么是切片工具,它有什么作用呢
怎样使用PHOTOSHOP进行切片
Photoshop动画制作中的切片
PHOTOSHOP如何切片一张杂图??
Photoshop 里的切片怎么用呀?
Photoshop中存储格式详解.