PhotoShop切片工具分割图片(切片的使用).docx

PhotoShop切片工具分割图片(切片的使用)

有朋友做网页时曾经问过我,如何将一张图片分割成等分的几张,我试了几次,也咨询过其他的朋友,发现切片工具很多人不太会用,现在我把这个切片工具写出来,跟大家分享一下,如果写得不对,请大家别笑,因为我也不经常用呢~~~湖湖一下,先看教程,不好,就请跟我一块闪哦~~~~

需要上传用到的网页素材：

i:白百七干凡-户三．，千lr 千：．．

i:

白百

七

干凡-户三

．，千

lr 千

：

．．

；

—-－？．气...-

、亏3

I七

2、将划分切片

的水平划分为4

，垂直划分为3勹，点好后出现12个等分的图片，

如图所示。

二O匠荨一，归 i切片

一手

问垂芬妞分为

＠巨二二|节，如如粔哟珀示

0 巨三］坛嘘

匠空空赻竺:

打）邸

I

笠＿治烽也虹迈妞的富口

J

1、打开要分割的

图片，点工具栏的切片工具，选

择切片选取工具

—

划分切片口

J..L r

邸 切．吐窟. ,:

妇 蛔 尸切片

（这里我们假定

将一张原图平均

分为12张小图）

正爷－？店恣一尽岱1tJ如宁

l_II

Jl

＿

—

g

泗6l

，

.

一，

岔

：王豆一

—下产了.:C:-r,,:;;·六

2、将划分切片的水平划分为4

二 熟黜

二 熟黜痴

．，点好后出现12

个等分的图片，如图所示。

f:晌·，妇t忌

f

:晌

·，妇t忌

『—－-一

——，TT，一

0 区三］泗击切片！

回 垂宣娟分为＿

＠汇二」诏啦咕邑哟 纠固

。

宫 郓 叩

J3、将图 片划分

好后，我们点工

11 具栏最下面的键

一?,

一

k.-2仁，，屯竺－－山五-勹

I；博（下1Ir1.，.I

认／工仁｝

l （进入到lmag-

1!

巳Readg状态下

编辑图片）..

E乓心P扫!F扣冶它在心“:Bl}中酗宁茶式与守芍屯l韵六｀饮贞凹iiil汰出之，成．动－0工l,仁UE...IIEr:Lr[口.,..,氏中出以中4、直接点文件一一将优化结果储存为｀出心心劝 刀江屯—这里我们旦i

E乓心P

扫!F扣冶它

在心“:Bl}中酗

宁

茶式与守芍屯l

韵六｀

饮贞凹

iiil汰出之，成．动－

0工l,仁UE...II

Er:Lr

[口.,..,

氏中出以中

4、直接点文

件一一将优化结果储存为

｀出心心

劝 刀江屯

—

这里我们

旦i心

6-All.i

场出I

丈许沁R屯

,喷．凸

误刻如，

还由叩

氏14心｀心

选择保存为

HT胤格式。

女扑5_

扒寸斗h勺)

玉汜祀凶

心

竺-旮上一-)

， 气-·:.一--－

-

R

-吐—_．J工，

5、保存在电脑桌

面，会出现一个

l

HTML格式的 网页

口

动

乔炉岱灼足E心勺5心立心．咄．

午夕归H文吐 它＇

心女辛·…！.一.

我们打开另一个

， 文件名为images

.-::切，一口1l

的文件包，里面厂

，置谢，t--.

玉上中＇

俨心心［

耸

3;“

立 艾董1,r

．l

i

堤我们刚才分割

好gif格式|

小图片心

一．

J1

上哼 翩心｀心f

R笠tr·

立凡2:“

.I-

_·

·

．

． ，

Ii. 111,_

,

` ,

．

，

＿＿,＿I,`

I

1

1l

i

_1,,I_

I

1,,1,

.

___ __

r=－

_ r _

—???

_

I

，

， ，

， ，

，

2

，

罕

名

谥

i

.3

a

-

辽泣皂-;i匕

乙

ji于句

。，，，．应它j 趴我们打开这些

。，，，

．应它

j 趴我们打开这些

l

l吧跟

，景 o

-

垃丹己忙＇

月，n

尸认为索引颜色，这

l!

小图时会发现默

！，让才仅1通改辽

,

r

朽裸江

Il 时执行图像——

且雯配序守屯－

l

．气＂「F．．丐于几:.,.，

廿r执立买汗tO

；模式－

在RGB颜

色上打勾就可以

对这些小图片进行处理了。

飞＾-

我们在做网页

的时候，使用

分割好的小图

l

片有利于网页

的浏览速度。

＿

，

．

?

-,.,LI,F

L