网页制作的基本步骤ps

首页 > 经验 > 作者:YD1662022-11-07 02:50:29

为什么要使用1200px的宽度呢,因为目前主流的网页设计主体内容宽度为980px和1200px,而1200px可以显示更多的内容,网页也可以显得更加的高端大气。


网页制作的基本步骤ps,(5)

该网页的头部是由一个黑色背景导航条,一个logo和右侧的文字排版加上banner图片渐变按钮。

二、使用矩形工具制作黑色背景导航条:

1.选择“矩形工具”,设置填充色为“#333”,描边设为空;

2.创建“图层1”点击画布,在弹出的窗口中设置宽度1920,高度25,点击创建;

3.使用移动工具将导航条移动到左上角;

网页制作的基本步骤ps,(6)


三、logo图片导入

1、使用文件->打开(ctrl o),将logo图片打开;

2、ctrl A选中图片,然后复制粘贴到当前页面中;

3、移动图片到指定的位置;


四、导航文字的书写

点击左侧工具栏中的“横排文字工具”

1、在指定位置点击并书写文字;

2、调整文字字体为“微软雅黑”,字号为16px,颜色为#333;

网页制作的基本步骤ps,(7)


五、banner图制作-按钮渐变效果

1、首先导入我们找好的一张背景图片;

2、使用“文字工具”来写上对应的文字;

3、使用“矩形工具”来创建一个宽度200,高度45的矩形;

4、选中矩形图层,右击选择混合选项,然后创建一个从#28aace到#38dff2的线性渐变。参数如下图所示。

网页制作的基本步骤ps,(8)

上一页123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.