网页设计师会经常使用photoshop的哪些功能?

科技网编2023-03-05 10:462360

我以Photoshop来简单对网页进行布局操作。看完后,你就清楚了。

1、新建文件,参数如下图所示。

网页设计师会经常使用photoshop的哪些功能?

2、我简单模拟一下网页首页。上部左边是小鸡图是logo,右面台球图代表公司产品展示图。

下面是导航条。

网页设计师会经常使用photoshop的哪些功能?

3、选择使用切片工具(这步千万别忘了)

网页设计师会经常使用photoshop的哪些功能?

进行框选切片,我切成了四个部分。

网页设计师会经常使用photoshop的哪些功能?

4、保存为网页文件点选:文件菜单下的“存储为Web和设备所用格式”

网页设计师会经常使用photoshop的哪些功能?

在弹出信息框中直接点击“存储”

网页设计师会经常使用photoshop的哪些功能?

文件名改为:index.html、格式选择:HTML和图像,后点击保存。

注:我们模拟做的是首页,文件名一定要起:“index”,不然服务器是不会识别这是首页的。首页之外的其他页,文件名可以随便起,但也要起英文名。

网页设计师会经常使用photoshop的哪些功能?

5、点开计算机或我的电脑,看到在刚存储的路径中已经生成了网页文件。

网页设计师会经常使用photoshop的哪些功能?

双击点开,发现真正网页已经生成了。

网页设计师会经常使用photoshop的哪些功能?

后续可以用其他网页编辑软件打开该文件,来做进一步的处理,如:dreamweaver

综上所述,Photoshop对图片的处理上具有巨大的优势所以对网页页面上的图片进行编辑,可以用Photoshop打开来处理图片。对网页上其他部分如添加大段的文字内容,添加超级链接等操作,用网页编辑软件打开处理。两者可以灵活的互动,美化、优化我们的网页。

评论区