对联 ·故事 ·史海钩沉 ·人物档案 ·地方风俗 ·谚语大全 ·讽刺与幽默 · 赚钱 · 法律 · 在线教研 · 会员中心 · 心理测试 · 魔鬼词典 · 顺口溜
 
主页特效 网页特效 百家姓
娱乐 歇后语 绕口令 脑筋急转弯
 
谚语 谜语 名言 邮政编码
便民 酒方 验方 偏方 站长工具  
 
算命 风俗 手相 爱情
女孩 音乐 面相 星座 血型
 
饮食 穴道 偏方 医药
生活 软件 硬件 解梦 高考



   JS特效



实用工具
便民服务 加密解密
 
魅力高密 民间故事 Flash教程 PS教程 最新国内新闻
新华字典 黄道吉日 英语园地  万年历 Html2anycode
  首页 | 美图 | 短信 | 安全 | 校园 | 网站 | 游戏 | UFO | 文秘 | 生活 | 信息技术 | 论文 | 人生 | 情感 | 日记
返回首页
当前位置: 主页 > 软件教程 > Photoshop教程 >

教你用Photoshop分割网页图片

时间:2008-11-02 23:31来源: 作者:换号 点击:
知道吗?使用photoshop也能进行网页图片的分割: 网友在制作网页的过程中,会用Photoshop来制作一些图片,特别是网站Logo等。 制作出来的图片精美,但随之而来的是图片尺寸过大,不利于进行网上浏览,怎么办呢? 只能对图片进行分割了。 利用Photoshop进行图片分割,
  

知道吗?使用photoshop也能进行网页图片的分割:


网友在制作网页的过程中,会用Photoshop来制作一些图片,特别是网站Logo等。

制作出来的图片精美,但随之而来的是图片尺寸过大,不利于进行网上浏览,怎么办呢?


只能对图片进行分割了。


利用Photoshop进行图片分割,然后在FrontPage中进行合成的方法,可以减小尺寸,方便在互联网上浏览,其方法和步骤如下:

一、分割图片   
进入Photoshop,打开要进行分割的图片,进行如下操作:   
1.选择工具箱中的矩形选择工具,沿图片边缘选择一个区域,这样整幅图片就被分成了两块;   
2.执行“编辑”→“拷贝”命令,将选择区域拷贝下来;   
3.打开“文件”→“新建”命令,新建一个图形文件,再执行“编辑”→“粘贴”命令,将复制下来的图片(原图的一部分)粘贴;   
4.执行“图层”→“拼合图层”命令,将图层拼合;再按要求选择适当的图片格式(如JPG、GIF等)进行存储,这张图片就是原图的一部分,姑且叫它分割图片1吧;   
5.回到原图中,执行“选择”→“反选”命令,选取原图中剩余的部分,重复上述操作,保存为分割图片2。   

经过上述操作后,原图就变成了两幅尺寸较小的图片。   


如果你的GIF动画图片尺寸较大,而且其活动部分很小并较集中的话,就可以使用上述分割法,将图片进行分割,静止的部分制作成静止GIF图片,活动的部分制作成GIF动画,这样制作出来的效果与原图基本无差别,但图片尺寸却有明显的下降,浏览速度大大加快。   

 


二、合成图片   

合成图片利用网页中的表格作用,在此以FrontPage(使用DW3也一样,甚至你也可以手工编辑HTML文档)为例说明:   
1.进入FrontPage,打开一个HTML文档,选择表格中的一个单元格,这里就是我们要存放图片的地方,注意是一个单元格,也就是说分割图片1和分割图片2都要放在同一个单元格内;   
2.选择“插入”→“图片—来自文件”命令,插入分割图片1;   
3.如果图片进行的是左右分割,那么再次选择插入图片命令,插入分割图片2即可;如果你的图片进行的是上下分割,那么先按Shift+Enter键,进行换行操作,然后再插入分割图片2,这样分割图片便合并成为一个整体了,与未分割的图片一模一样,根本分辨不出来。

 

----------------------------
财富是创造出来的

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
赞助商位置
推荐内容
杂七杂八