PS切割图片制作网页

下面讲到的方法是很一种最简单的网页前端制作方法,思路就是把图片切割成个体。然后保存位网页格式。

实例来讲:

下面是从网上找到的一张图片:


我们要把这张图做成网页。

首先导入PS然后选择切片工具。如下图:




然后右击可以出现选项,选择划分切片,之后根据需求来选择切割方向和段数。



如果要切割某个已经被切割过的区域,例如上图中的:划分区域1这块要被分隔为四块,那么就单击到此区域然后再右键选择划分切片。入下图;:



其他区域的切割,也是同样的方法。最后来保存一下,存为WEB格式。如下图:



然后选择你要的图片格式,然后点击储存。


注意储存格式,十分重要;第一项是指我们储存了图片和HTML两种。。。我们这里选择的就是这种;你也可以选择只存图片或者只存网页,具体根据需求来决定。


当我们储存完了之后(我存到了桌面)。我们会看到桌面上有两个文件一个是HTML的网页,另个就是默认名字为Images的图片文件夹,文件夹里放的就是这些切开的图片,如图;


最后我们打开那个html的网页就OK。我们的网页页面就完成了。当然你可以按F12去看看具体的情况,如下图:


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值