如何ps制作一个好网页(如何ps制作一个好网页设计)-编程之家

如何制作

photoshop

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点、西文字体(Lithos Pro)、颜色RGB为(188.202.112)和(143.86.46)输入标题文字。

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

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

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

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

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

就可以下载下来了!!然后选择里面的文字,再打开ps,选择文字工具T–右击粘贴复制即可!!

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.点击确定,完成