王尘宇王尘宇

研究百度干SEO做推广变成一个被互联网搞的人

Photoshop制作网页的方法


Photoshop制作网页的方法

设计网页的方法很多,常见的有直接编写代码方法,利用可视化软件设计(例如DreamWeaver)法,利用中间软件实现格式转换法(例如Word生成HTML代码),还有就是PS设计网页法。我们为大家收集整理了关于Photoshop制作网页,以方便大家参考。

首先,用Photoshop建立空白画布,载入一张网页图片 利用切片工具,把图片切片(切成你想要的效果) 然后打开“开始”菜单,找到另存为web格式 然后全选,全部储存为JPG格式,保存图像和HTML网页 保存好的HTML在Dreamweaver打开即可进行其他编辑了,也可直接在网页中打开。

PS切图的流程(网页制作)

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

如何用photoshop做网页

很多朋友不知道用ps做网页的规范,下面来介绍一下。 01 打开电脑中的Photoshop界面,我们先创建一个宽度为1200,高度任意,分辨率为72的画布。

02 画布创建完成之后,我们在1200px的左右两侧都拉一根辅助线固定。

03 接着打开画布大小,取消“相对”,将宽度调整为1920px。 04 设置完成之后,在红色的区域内也就是1200px区域之内进行编辑操作设计就行了,具体就看你个人网页设计能力了。

PS制作网页图片

先制作一个纯色。使用蒙版设置半透明。

裁切成你想要的那种形状。

然后下面放上深底色。 然后复制几层,排列一下 最后把需要的区域裁切出来就好。    大体原理就是这样。

  实际操作的时候可以不同裁切,直接调整需要的大小就好。

相关文章

评论列表

发表评论:
验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。