如何ps制作一个好网页如何ps制作一个好网页设计

发布网友 发布时间：2023-10-25 14:13

我来回答

共1个回答

热心网友 时间：2024-05-30 06:54

如何制作photoshop

首先，打开ps(Photoshop强大的图形处理软件)

Photoshop模板制作步骤图1

这里使用的是pscs4版本。百度下载各种版本。怎么用，也请百度一下。

第二，做店招。

店铺招牌是网店的卷首，买家可以通过招牌知道你的店铺卖的是什么宝贝。比如我卖女装，那我就得起个好名字，通过画图设计logo。

新版旺铺宽度为950px，店招高度为120px。我用的是130px像素，不影响最终效果。

Photoshop模板制作步骤图2

通过观察其他网店的店招，一般来说，设计不要太复杂，要和整个店铺的风格和基调保持一致。配色可以参考其他网店。我用的是浅灰色背景粉黑色字体的方式。

Photoshop模板制作步骤图3

这是我设计的店标，店头和店标一样。

注意:源文件的psd格式必须保存。如果你觉得这个店招还可以改进，那你就用这个psd格式，利用好层关系！

Photoshop模板制作步骤图4

完成后，将其保存为gif或jpg或png格式。保存时注意文件不要太大，否则买家浏览你的网站会比较慢。

Photoshop模板制作步骤图5

然后，我们会在店面装修中传递店牌，大小一定要设置合适。

Photoshop模板制作步骤图6

Ps如何制作网页？

1

新建一个空白文件，打开“素材/网页素材1.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层1”。使用“自由变换”调整大小。

2

使用“矩形工具”将网页布局划分、颜色白色RGB为（255.255.255）、设置图层混合模式：投影

3

将形状图形载入选区。创建一个新图层“图层2”，使用“渐变工具”颜色RGB为（178.178.178）（255.255.255）填充渐变效果

4

使用“移动工具”将导航条图片移至当前画布中，得到“图层3”。使用“自由变换”调整大小

5

制作内容，打开“素材/网页素材3.jpg、网页素材4.jpg、网页素材5.jpg、网页素材6.jpg、网页素材7.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层4”、“图层5”、“图层6”、“图层7”、“图层8”。使用“自由变换”调整大小。

6

使用“横排文字工具”字体大小为14点、中文字体（幼圆）、颜色RGB为（143.86.46）输入每部电影的名称，效果如图所示。

7

打开“素材/网页素材8.jpg、网页素材9.jpg、网页素材10.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层9”、“图层10”“图层11”，使用“自由变换”调整大小。

8

使用“横排文字工具”字体大小为18点、中文字体（黑体）、颜色RGB为（143.86.46）输入每部电影。效果如图所示。

9

打开“素材/网页素材11.jpg”文件，使用“移动工具”将表格图片移至当前画布中，得到“图层12”，使用“自由变换”调整大小。效果如图所示。

10

使用“横排文字工具”字体大小为18点、中文字体（宋体）、颜色RGB为（143.86.46）输入数字制作选择菜单。打开“素材/第9章/网页素材12.jpg、网页素材13.jpg”文件，使用“移动工具”将按钮图片移至当前画布中，得到“图层13”、“图层14”，删除不需要的背景，使用“自由变换”调整大小。

11

绘制矩形选区，单击按钮创建“图层15”，使用“渐变工具”填充颜色RGB为（255.255.255）到透明的渐变效果。选择“横排文字工具”字体大小为16点、西文字体（Verdana）、颜色RGB为（255.255.255）输入字体。

12

打开“素材/网页素材14.jpg”文件，使用“移动工具”将标志图片移至当前画布中，得到“图层16”，使用“自由变换”调整大小。

13

使用“横排文字工具”字体大小为40点、西文字体（LithosPro）、颜色RGB为（188.202.112）和（143.86.46）输入标题文字。

如何做一个只有图片和文字的网页啊？

你说的是那种韩国人做的，界面很炫，效果很流畅的那种吗？是用flash画的，建议你搜索一些模版看看。

如果单纯图片跟文字的话，你可以试着用photoshop设计，添加热点做链接，这样也能实现！

如何将网页整体复制到ps中？

网页文字，直接选中然后右击复制！！如果不让复制的话，你可以把整个网页下载下来，选择文件--另存为---保存类型是网页htm，html。

ph怎么做网页？

1、在Photoshop里面打开一张要设计网站的图片

2、选择切片工具剪切网页的头部

3、用切片工具剪切网页的导航栏

4、用切片工具剪切网页的海报区

5、用切片工具剪切网页的正文部分，这样切片部分就做好了

二、网页的保存

1、点击“文件>存储为web所用格式”

2、将网页选择一种预设然后点击存储

3、将文件的存储格式“HTML和图像”最后点击保存就可以了

ps怎么存网页格式？

步骤1、启动安装好的ps软件

步骤2、打开一张图片

步骤3、找到顶部的文件-储存为Web所用格式

步骤4、在弹出的对话框里面设置输出的参数，然后点储存

步骤5、弹出储存对话框

步骤6、在里面设置要保存的位置，文件名，最重要的是将格式修改成HTML和图像格式，然后点击保存

步骤7、然后在弹出的对话框里面点击确定，完成

总结：

1.启动ps软件，打开需要一张图片

2.点击文件-储存为Web所用格式

3.设置输出图片参数，点储存

4.设置储存位置，文件名，将格式修改成HTML和图像格式，然后点击保存

5.点击确定，完成