PS网页制作教程
PS软件运用范围广泛,包括图像编辑,使用图层蒙版设计简易网页,文字编排,网页优化,涵盖导航图,网页底部页脚,网页主体内容,特效文字制作,动作按钮设计等。今日,让我们一起学习如何利用PS设计简易网页。
如何利用PS设计简易网页
创建一个800X600像素的空白背景,颜色模式设置为RGB模式。RGB模式色彩由红、绿、蓝三种颜色混合构成,能更好地展现网页色彩。
创建新文件,点击确定,空白文件将自动显示在软件中。对于创建空白文件,图像的宽度和高度需按比例设计,也可不勾选重新定义新像素。
打开一张汽车图片,移动至白色背景画布中,选择圆角矩形工具,选择路径以方便转换为选区,设置为5个像素,像素越大,圆角矩形的四个圆角越明显。然后选择渐变工具,选中系统自带的黑白渐变,修改黑白渐变颜色,改为灰白,也可设置前景色为灰色,背景色为白色进行渐变填充,然后点击确定。
接着选择工作路径,鼠标CRL点击工作路径,设置为选区,选中线性渐变类型,然后画出渐变颜色。渐变方向为从上到下白色至浅灰色的渐变效果。
然后选择修改收缩2个像素,即将选区缩小2个像素,变小一些,然后再次从下向上渐变,然后使用alt快捷键复制2个,如图所示,然后找到汽车的一个图标按钮,然后用磁性套索工具勾勒好,然后鼠标左键拉动到合适位置,然后选择3个图层,然后水平分布,和居中分布对齐。然后选择左对齐分布,分布均匀。分布按钮在选择工具上方的工具栏中,有平均分布对齐等多个按钮。
然后再次使用钢笔工具勾画另一个汽车的图标,然后再用自由变换调整到合适位置,然后点击2个图层之后,进行左对齐分布。分布到形状中的最左边位置即可。
再次选择一个不同的汽车的图标设计图片,然后用钢笔工具进行勾画图标,或者为了方便,可以直接使用魔棒工具来选择,选中其需要图形的一部分。
然后再次选中图形,形状图形,全部选中相应图层,调整水平分布和左对齐分布。当分布不均匀,可以按住鼠标左键自动进行调整。
所有的图标都自由变换,调整到合适位置,如图。按住crl+t来实现图形的自由变换的内容。如图
输入相应的文字,文字的颜色设置为黑色,将其三个文字图层,按住shift键和左右方向键进行移动调整来改变。之后将汽车的图片进行调整,便于观看,文字进行排版即可。
如何用ps制作网页设计_如何用ps制作网页设计详细教程
根据提问者的提问可以把问题分成2块理解
第一层如何用PS软件设计网页
这个的话,一般你看上好看的网站之后保存为图片格式
导入到PS软件,调整好网页的大小,针对性的地方进行修改便可。
第二层的理解是你不知道怎么把设计好的网页导出为WEB所有格式。
简单的图片格式的保存为网页格式的话
第一、在PS里面设计好网页
第二、利用切片工具把网页切成一块一块,要想提高页面访问速度的话就切片切的小一点
第三、保存为WEB所有格式(图片及HTML)这样的话你直接打开HTML的话
就形成了页面访问的网页了。