ps网页设计切片(ps切片做网页)-东辰网

ps网页设计切片(ps切片做网页)

本文主要介绍ps网页设计切片(ps切片作为)，下面跟着东辰网详细了解一下吧。

12.3.4网页制作

让利用ps切片制作网页，对切片工具和网页格式的存储和链接进行了深入的研究。

1.首先我们打开ps，选择文件和新建，然后在弹出的对话框中，输入网页的名称和长宽比。一般正规网站的宽度是777，高度是500。我们输入数值，如图12357所示。

2.输入完成后，我们点击【确定】。接下来，我们将制作网页的背景，我们将设置它的前景色和背景色。如图12358所示。

3.设置前景色和背景色，我们选择渐变工具。在渐变工具选项栏中，我们选择径向渐变，如图12359所示。然后我们填充图像，如图12360所示。

接下来，我们制作网页的标题。我们单击文本工具来输入文本，如图12361所示。

6.接下来，我们选择画笔工具，简单地为标题绘制背景来优化它。绘制效果如图12363所示。

7.使用上述方法，我们将制作一个文本按钮作为跳转到下一页的链接。如图12364所示。

8.这样我们网页的开始页就完成了。让■打开一个网页的首页图片，如图12365所示。

9.这是一个完整的主页。让使用ps切片工具分割本页的文字和图像。

首先，我们选择工具栏中的切片工具，然后剪切整个图像。这时，我们会在图像的左上角看到一个标记，如图12366所示，表示我们的图像被剪切了。

10..接下来，让我们让我们继续细分。让s先分割页面的大致结构，分割后的效果如图12367所示。

11.一般结构切分完成后，我们会对文本信息进行仔细的切分。我们选择切片选择工具，在最新推荐栏选择切片，然后在选项栏选择分割按钮，如图12368所示。这时会弹出分区选项对话框，我们可以在这里设置分区属性。我们选择水平分区，在开始列，我们输入值13，如图12369所示。

12.点击【确定】，这样【最新推荐】栏的内容就被我们平分了，如图1所示。如图2370所示。

13.以同样的，我们然后划分内容，如名人堂和导航。有时候我们的划分不一定特别准确。我们可以放大图像，调整切片，分割后的效果如图12371所示。

14.然后我们打开开始张图片并把它分成几个部分，如图12372所示。

15.在所有的图像被分割后，我们可以添加图像的链接。我们用切片选择工具双击切片34，然后弹出切片选项对话框，如图12373所示。

16.在URL列中，我们可以输入需要链接到的URL，比如。如图12374所示。然后用同样的方法，我们也可以添加链接到其他切片。

17.点击【确定】，链接添加完成后，我们就可以导出图片了。我们选择[文件]和[保存为w:

开始个网页的预览效果如图12377所示。

我们用鼠标单击[回车]按钮，这样我们将链接到第二个页面，如图12378所示。

当我们再次点击我们在主页上添加的链接时，它将链接到其他网站页面，如图12379所示。