查看: 1947|回复: 0
打印 上一主题 下一主题

[教程] 【PS使用技巧】简单介绍切片工具切图技巧

[复制链接]
Moira    

23

主题

1

听众

303

积分

设计实习生

Rank: 2

纳金币
65
精华
2

最佳新人

跳转到指定楼层
楼主
发表于 2013-11-18 16:48:17 |只看该作者 |倒序浏览
来源:照片处理网 作者:淡淡风中
我们在制作网站的时候如何把做好的效果图转成网页格式呢?这里就有很多方法,如果是比较复杂的网页就需要用手动来切图。如果不是很复杂的可以直接用ps自带的切片工具来切割。教程中介绍的是规则切图,实际应用中需要用手动来划分区块的大小。
最终效果

1、打开要分割的图片,点工具栏的切片工具。

jc0908163_1.jpg

jc0908163_2.jpg

2、将划分切片的水平划分为4,垂直划分为3,点好后出现12个等分的图片。

jc0908163_3.jpg

3、将图片划分好后,我们点工具栏最下面的键计入IR状态下编辑图片。

jc0908163_4.jpg

4、直接点文件,将优化结果储存为HTML格式。

jc0908163_5.jpg

5、保存在电脑桌面或其它文件夹,会出现一个HTML格式的网页,我们打开另一个文件名为Images的文件包,里面就是我们刚才分割好的小图片。

jc0908163_6.jpg

6、我们打开这些小图时会返现默认为索引颜色,这时选择菜单:图像 > 模式 > RGB颜色就可以对这些小图片进行处理了。

jc0908163_7.jpg

我们在做网页的时候,使用分割好的小图片有利于网页的浏览速度。

jc0908163_8.jpg



分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-26 05:55 , Processed in 0.104230 second(s), 33 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部