在ps中网页的页面怎么切图（怎么用photoshop切图片）

本文目录

• 怎么用photoshop切图片
• photoshop网页切图怎么用
• ps切图怎么切
• ps切片工具怎么用
• 怎样用ps切片工具切片一个网站主页的图
• PS切图的流程（网页制作）
• ps中的切片工具怎么用
• 详情页长图ps切片怎么用

怎么用photoshop切图片

1、首先打开电脑上的PS 软件，双击打开，进入操作页面。

2、然后打开或者拖入要切的图片。

3、接着选用工具栏里的-切图工具，根据自己喜好进行切图。

4、切完之后，ctrl+shift+alt+s 一起按。保存切图弹出窗口在最左上角“预设”。

5、单击打开可以选择自己要的格式。

6、之后就可以直接保存了，下面的格式都变成了预设的格式了。

photoshop网页切图怎么用

Photoshop软件，简称“PS”，是由AdobeSystems开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，其众多的编修与绘图工具，可以有效地进行图片工作。用Photoshopcc2014软件将做好的网页平面图切图的详细制作方法是：1、打开ps软件，“文件--打开”做好的网页平面图；2、打开“切片工具”，设置“样式”正常；3、用“切片工具”在图片上右键打开--划分切片，根据实际需要，设置“切片”数，“水平划分为”2，“垂直划分为”2，确定；4、“文件--存储为web所用格式”，存储，取好文件名，保存；5、打开电脑“文档”，可以看到一个专门文件夹“images”，打开文件夹即可看到切好的图片了。

ps切图怎么切

ps切图方法是：
1、在pS中打开图片。
2、选择切片工具。
3、右键图像界面--划分切片。
4、在宽度和高度上分别输入需要划分的数量。
5、存贮为Web和设备所用格式。

ps切片工具怎么用

ps切片工具怎么用?切片工具对于网站的美工和淘宝美工都非常的重要,下面就向大家介绍ps切片工具切图技巧，一起看看吧!
在网页中处理图片时，有时会想要加载一个大的图像，比如页面上的主图，或者是背景。如果文件很大，它加载的时候需要的时间就会长，尤其是用户网速比较慢的时候。你可以通过压缩来减小文件大小，但是这会使图像质量受到影响，压缩文件也要适可而止。因此你需要注意以下几个问题：一是实际文件的大小;二是分辨率;三是压缩。
解决这个问题的方法就是把图片分割，它将允许你在加载图片的时候可以一片一片地加载，直到整个图像出现在你的屏幕上。
一、它的使用原理
首先概述下它的工作原理，当你有一个需要花很长时间来加载的大图像时，你可以使用Photoshop中的切片工具把图像切成几个小图。这些图像将被作为一个单独的文件保存，还可以进行优化通过保存为中Web所用格式。
此外，Photoshop生成HTML和CSS以便用来显示切片图像。在网页中使用时，图像通过使用前面提到的HTML或CSS在浏览器中重新组合以便达到一个平滑流畅的效果。下面是一个关于图像切片的例子。
二、切片的基础知识
为了简单起见，我们只在一个图上使用切片工具。在这个例子中，我使用的图片大小为960 x722px。在我们开始之前你需要了解一些知识:
a.在创建切片时，你可以使用切片工具或构建使用层。
b.切片可以选择使用选择工具来选中。
c.你可以移动它，设置它的大小，还可以让切片与其他切片对齐。而且你还可以给切片指定一个名称，类型和URL。
d.每个切片都可以通过保存时的网页对话框进行优化设置。
按下键盘上的C键，选中裁剪工具，右键选择切片工具。
当您创建切片时，你可以进行如下三个样式设置:正常，固定长宽比和固定大小。
a.正常:随意切片，切片的大小和位置取决于你在图像中所画的框开始和结束的位置
b.固定长宽比:给高度和宽度设置数字后，你得到的切片框就会是这个长宽比
c.固定大小:固定设置长和宽的大小
当分割图像时你会碰到一些选项。如果精确度不那么重要时，你可以手工切片图像，必要的时候，可以使用切片选择工具对已完成的切片图像进行调整。如果精确度很重要，可以使用参考线在图像上标出重要的位置。
在顶部的切片菜单栏，点击C或切片工具激活它片上面菜单栏图片，画好参考线后选择基于参考线的切片的按钮。
它就会自动为您绘制切片。你还可以使用切片选择工具重新定位切片。
三、切片信息
创建切片之后，您可以切片信息通过以下两种方式中的任一种。一种要做的就是点击切片选择工具，单击你想的切片，然后点击菜单栏中为当前切片设置选项的按钮。
另一个选择是右键单击切片，在弹出的菜单中，选择切片选项。
两种选择都将弹出如下的切片选项对话框。
正如您所看到的，对话框里有许多设置。
a.切片名称：打开网页之后显示的名称
b.URL：点击这个被的图片区域后，会跳到你输入的目标网址内
c.目标：指定载入的URL帧原窗口打开，表示是在还是在新窗口打开链接
d.消息文本：鼠标移到这个块时浏览器左下角显示的内容
e.Alt标记：图片的属性标记，鼠标移动到这块时鼠标旁的文本信息
f.切片的尺寸：设置块的x、y轴坐标，W、H的精确大小
四、保存网页
一旦你满意你的布局后，选择文件存储为Web所用格式，保存图片。
在这里，您可以为切片设置文件类型或者使用网页对话框中列出默认设置。完成设置后，单击存储按钮。
这时会弹出一个存储优化结果的对话框，底部的对话框是几个重要的设置。
a.格式:你有三个选择，分别是HTML和图像，仅限图像和仅限HTML。
b.设置:您选择自定，背景图像，默认设置，XHTML和其他。
c.切片:所有切片，所有用户切片和选中切片。
对于本教程我使用的是HTML和图像(一般都这么保存)，默认设置和所有切片。完成设置后，选择您想要保存文件的文件夹，并单击保存按钮。这时会创建一个HTML文件和一个包含六个图像文件，它们在同一个大文件夹中。
这是一个在Adobe Dreamweaver中的分区屏幕的HTML文件。你可以看到，代码很简单也很好用。
五、结论
正如您可以看到的，当你有一个大图片时，图像分割是非常有用的。通过将它分解成小图，加载时小图一个一个加载，让用户逐步看到更多。这对于网速慢的用户很有帮助。

怎样用ps切片工具切片一个网站主页的图

如果你想做一个快速简单的网页(单纯的网页)组成的网站

又没有任何基础的话,建议你用Frontpage制作纯HTML静态网页组成的网站

我刚开始做网站也是无意中打开了MicrosoftOffice里的Frontpage的

由于是微软出的,所以可以说是只要你会word就肯定会Frontpage

用它不一定要会html语言简单插入表格、表单、控件就行

这个是上手最快的网页制作软件，它还自带模板，从网上开点flash透明动画插入，网页还会蛮漂亮的

所以这个基本上可以无师自通

多个html静态网页相互链接就成了个静态网站了

有一定基础（会table+css或div+css，flash、Photoshop、Dreamweaver、access，懂基本的asp语句与sql语句），然后又想做个动态的网站

我个人步骤如下：1、用ps将网站的基本样式，布局设计好

用切片工具成一片片的小图片，然后导出为web格式（html+image）

2、用DW用table布局表格，居中，插入已切好的，在image文件夹中的图片不宜太大（《200kb为佳）不然会打开过慢

3、用flash做好导航动画，网站的开场片头动画和广告动画，插入要插入的小单元表格中

通过以上步骤，基本的网站美工（前台）已经完毕

接下来是数据库设计与后台asp程序的插入

4、一般的网站都会有的asp程序有：新闻发布程序，留言板程序，网站公告程序，友情链接程序，搜索程序等等

这些网上都有相关的教程和原程序可供观看和下载

具体内容就不教了

5、网站测试与上传

设置好IIS（网上有下）在DW中按f12可查看加入程序后的网站，这是一个不停修改的过程，不可能一下成功

测试是网站不可少的步骤，有的人说高人可以直接用记事本将网站编出来，我个人认为这是不可能的，至少我没有看到过

因为记事本不好测试，用记事本写的网站只可能是写简单的静态网页，会html的人基本都会

上传网站的话，就必须有空间的域名和服务器

网上一搜，静态的可供存放的免费空间一大堆

就以静态网站上传为例吧：申请成功后，它会给你一个ftp上传地址，帐号，密码

从网上下个cutftp或leapFTP，输入帐号密码连接成功后，在www目录下，把你的网站上传上去

传成功后，就一切OK啦

可输入网址（申请免费空间的时候会告诉你）后，可进入你的个人网站

大家可以后下我做的网站样例供参考：最后加句：如果想要在搜索引擎上搜到你的网站，还得进行网站优化、在google

上面后台进行添加各个搜索引擎的添加地址不一样，可上网搜一下

添加成功过后一个星期，你的网站要是流量大的话将会被搜索引擎收录

如果想被网站快速收录，并且排前几位的话，可以试试竞价排名，不过要money的哦～～～

PS切图的流程（网页制作）

我们在制作网页的时候常常需要上传图片，如果图片比较大此时我们就需要对图片进行切片处理，下面我们就来看看使用ps是如何进行切图的吧。

• 01

  首先将ps打开然后按下Ctrl+O键就会弹出打开对话框，在打开的对话框内我们找到需要的图片，如图所示：

• 02

  打开图片之后在工具箱内找到裁剪工具，如图所示：

• 03

  点击裁剪工具下面的三角箭头，在其子级菜单哪里找到切片工具，如图所示：

• 04

  点击切片工具我们就可以根据自己的需要对图片进行切片处理了，如图所示：

ps中的切片工具怎么用

切片工具多用于网页切图方面，比如将设计好的网页切成多张图片并单独保存下来，就可用切片工具将网页划分为多个部分

详情页长图ps切片怎么用

在PS操作中，PS制作淘宝详情页及如何切图。

电脑：华为MateBook14

系统：Windows10

软件：ps1.0

1、用PS打开淘宝详情页图片。

2、用标尺将每个需要切片的图片隔开。

3、标尺全部标注完成。

4、点击使用【切片工具】

5、将图片全部切出。

6、点击【文件】→【导出】→【储存为web所用格式】

7、点击【储存】

8、设置一下保存位置以及文件名称和格式，最后点击【确定】即可。

9、进入刚刚保存的文件夹，就可以看见导出的切片了，还可以在网页上点击观看详情页。