web-游戏公司官网设计

1、本节课主要内容。

2、网站的需求。

3、新建画布1920x1080像素，分辨率72，使用【矩形工具】新建一个宽度为900像素的矩形，【Ctrl+A】全选后居中对齐，并拉出辅助线，删除矩形；【拖入】logo素材，将其与左边版心位置的辅助线对齐，离上面的高度为20像素，继续【拖入】导航的一些文字，将所有的图层并编组命名为【导航】。

4、使用【矩形选框工具】拉出20像素的距离，再拉出辅助线，确定导航栏的高度。

5、更改【首页及英文】的颜色。

6、接着我制作banner，先建立一个1920x620像素的矩形，【Ctrl+A】全选后居中对齐，添加图层样式【渐变叠加】。

7、【拖入】沙漠素材，并底部对齐，继续【拖入】火烈鸟素材，调整位置，并编组命名为banner，使用【文字工具】输入标语。

8、【复制】两层火烈鸟素材，并调整大小，放置在所需位置；使用【椭圆工具】绘制云朵，【复制】几层，调整大小与不透明度，分别放在所需位置，【复制】火烈鸟素材，调整大小及不透明度，并添加图层样式【颜色叠加】：白色，放置在所需位置。

9、编辑文字排版，并将文字【转换为形状】，【Ctrl+T】调整文字大小，并按住Ctrl键，将文字倾斜；使用【路径选择工具】对文字进行编辑。

10、接下来制作火鹤网简介；使用【裁剪工具】将画布拉大，使用【文字工具】输入标题，文字大小24像素，颜色使用logo色，使用【钢笔工具】绘制角标，【Ctrl+G】编组命名为【头部】；【拖入】文字部分， 并调整好间距。

11、使用【矩形工具】新建一个280x150像素的矩形，【填充】蓝色，与文字对齐，并向下移动40个像素；并输入文字，文字与矩形的间距为22像素。