PS切片工具怎么将一个图图片快速设计成网页?

  发布时间:2016-10-29 10:43:16   作者:libra0201   我要评论
PS切片工具怎么将一个图图片快速设计成网页?手里有一张图片,想要将这个图片变成可以使用的导航条背景图,该怎么设计呢?下面我们就来看看使用ps制作网页的教程,需要的朋友可以参考下

PS切片工具怎么将一个图图片快速设计成网页?手里有一张图片,想要将这个图片变成可以使用的导航条背景图,该怎么设计呢?下面我们就来看看使用ps制作网页的教程,需要的朋友可以参考下

1、打开一张图片,然后新建一个空白图层,用裁剪工具将画布拉大,然后在空白图层填写文字,可作为导航条使用,如下图

PS切片工具怎么将一个图图片快速设计成网页?

2、选择左侧工具栏的切片工具

PS切片工具怎么将一个图图片快速设计成网页?

3、用标尺画出需要切片的区域,比如下图9个格子

PS切片工具怎么将一个图图片快速设计成网页?

4、然后在选中标尺状态下,点击导航条上面的“基于参考线的切片

PS切片工具怎么将一个图图片快速设计成网页?

5、点击后,即可发现图片被裁切成按照标尺分配好的不同大小的图片

PS切片工具怎么将一个图图片快速设计成网页?

6、在需要创建超级链接的某切片上鼠标右键,选择“编辑切片选项”,调出编辑窗口,在“URL”中输入建立链接的网址即可

PS切片工具怎么将一个图图片快速设计成网页?

7、然后保存,选择“文档”-“存储为web所用格式”

PS切片工具怎么将一个图图片快速设计成网页?

8、在跳出的对话框右侧文件格式选择“JPG”格式,点保存

PS切片工具怎么将一个图图片快速设计成网页?

9、然后在跳出的对话框里选择文件格式为“html和图像”,即完成

PS切片工具怎么将一个图图片快速设计成网页?

相关推荐:

PS怎么把一张图片切片保存成多张png图片?

Photoshop怎么建立切片?PS切片的详细教程

ps图片切片后默认是GIF格式怎么设置为png格式?

相关文章

  • ps怎么使用椭圆选框工具快速画圆环?

    ps怎么使用椭圆选框工具快速画圆环?ps中想画一个圆环形状的图形,其实很简单那,但是却没有工具直接可以绘制出来,今天我们就来看看使用椭圆选框工具来绘制圆环的方法,需
    2016-10-29
  • PS利用切片工具分割图片

    这篇教程主要是向脚本之家的朋友分享PS利用切片工具分割图片方法,教程比较基础,主要是向大家介绍切片工具的使用,有兴趣的朋友可以参考本文
    2016-10-28
  • PS利用画笔工具制作一个漂亮的背景图

    这篇教程主要是向脚本之家的朋友介绍PS利用画笔工具制作一个漂亮的背景图方法,教程比较基础,主要是利用画笔工具中的预设功能,对于有兴趣的朋友可以参考本文
    2016-10-26
  • PS中模糊工具该怎么使用? ps模糊工具的使用实例教程

    PS中模糊工具该怎么使用?ps处理图片的时候,想将部分位置模糊掉,该怎么办呢?下面我们就来看看ps模糊工具的使用实例教程,需要的朋友可以参考下
    2016-10-23
  • ps仿制图章工具怎么用怎么定义仿制源点?

    ps仿制图章工具怎么用怎么定义仿制源点?ps使用仿制图章工具的时候,需要先定义源,该怎么定义源呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-10-23
  • ps圆角矩形工具怎么修改圆形的角度?

    对于刚刚接触ps的新手,我们需要画圆角矩形时,不知道ps圆角矩形工具怎么修改圆形的角度,其实方法很简单的,下面小编就为大家详细介绍一下,一起来看看吧
    2016-10-19
  • ps的网格在哪里?PS网格工具的应用

    网格工具是ps中很好的工具,可以对图片进行定位,对用户的操作有很好的帮助,那么ps的网格在哪里?下面小编就为大家带来PS网格工具的应用,一起来看看吧
    2016-10-19
  • ps圆角矩形工具角度怎么修改? ps修改圆角矩形角度的教程

    ps圆角矩形工具角度怎么修改?ps中绘制的圆角矩形想要修改圆角的角度,该怎么修改呢?下面我们就来看看ps修改圆角矩形角度的教程,需要的朋友可以参考下
    2016-10-19
  • ps快速选择工具抠人物

    这篇教程是向脚本之家的朋友分享ps快速选择工具抠人物方法,教程比较基础,主要是利用快速选择工具进行人物抠图,对于刚入门的朋友可以参考本文,一起来看看吧
    2016-10-19
  • ps怎么使用套索工具快速设计绚丽的圆点背景图?

    ps怎么使用套索工具快速设计绚丽的圆点背景图?ps中想要制作圆形的背景,该怎么制作呢?下面我们就来看看使用套索工具制作的教程,需要的朋友可以参考下
    2016-10-18

最新评论