绘制首页页面.docx

绘制首页页面.docx

《绘制首页页面.docx》由会员分享，可在线阅读，更多相关《绘制首页页面.docx（24页珍藏版）》请在冰豆网上搜索。

绘制首页页面

1、打开PS，新建文件

2、新建图层1

3、填充渐变工具，左边为白色，添加渐变滑块（在中间偏左边部分），设置渐变如下，中间和右边的渐变滑块如图表1和图表2

图表1

图表2

4、按住shift拖动鼠标，效果图如下：

5、执行“文件——置入”，将素材logo.png置入画布中，调整位置并栅格化素材图像（图层——栅格化智能对象），用同样的方法置入图像120201.png。

6、新建图层2，单击工具箱中的“多边形工具”按钮，在选项栏上设置“边”值为5，单击“路径”按钮，单击“自定形状工具”，分别设置如下：

7、绘制一个五角形状的图，单击工具箱中的“直接选择工具”，进行大概的调整，如下

8、将绘制的图形转换为选区，填充白色。

9、给图层2添加图层样式为“投影”，设置参数如下：

10、新建图层3，执行“选择——修改——收缩”，设置收缩量为4像素，单击“确定”。

11、单击“渐变工具”，设置三个渐变滑块的值分别为RGB（255，4，57），RGB（255，143，139），RGB（255，224，184），按住shift拖动鼠标填充渐变颜色，消除选区。

12、新建图层4，单击工具箱中的“圆角矩形工具”，设置工具箱中的“前景色”为黑色，设置半径为30PX，将桌布放大，绘制一个圆角矩形如下：

13、新建图层5，选择“椭圆工具”，“前景色”设置为RGB（247，204，5），，按住Shift绘制一个正圆

14、新建图层6，单击“直线工具”按钮，设置前景色RGB（182，130，0），设置“粗细”为2PX，在画布中绘制直线，用同样的方法绘制其他图形如图（图层7、图层8）：

15、在合适的位置输入“CS版重出江湖”，并设置合适的字体大小、颜色、字体。

16、新建图层9，单击矩形工具，设置工具箱中的“前景色”为RGB（144，23，49），在画布中绘制矩形，并执行“编辑——描边”设置“宽度”为1PX，“颜色”为RGB（179，0，0），单击“确定”，如下图

17、根据签名的制作方法，绘制其他图形并输入文本，如下图

18、新建图层31，选择椭圆工具，设置“前景色”为RGB（255，255，255），绘制一个正圆，设置图层样式为“投影”，参数及效果如下：

19、按住ctrl，点击图层31，调出“图层31”的选区，“选择——修改——收缩”，设置收缩量为3像素。

20、单击渐变工具，设置参数值分别为RGB（126，197，0），RGB（33，80，10），RGB（125，196，0），按住shift,在选区中填充渐变。

21、新建图层33，设置工具箱中的前景色为白色，填充前景色，设置“图层混合模式”为“柔光”，设置“不透明度”为35%

22、“选择——修改——收缩”，设置收缩量为12PX，单击delete，删除选区中的图形，再次执行“收缩”，设置12PX，设置前景色为白色，填充前景色。

相同的制作方法，制作如下图表3效果，输入文字，并设置相应的文字效果，如图表4.

图表3

图表4

23、按住CTRL，将“游戏”图层至“图层31”全部选中，并拖到图层2的下边。

24、在图层30的logo（放在五角星上的）上面新建图层34，选择“圆角矩形工具”，设置“前景色”为RGB（255，255，255），在选择栏上设置“半径”值为10PX，绘制一个圆角矩形，设置图层样式为“投影”参数如下：

25、“文件——置入”文件120205.png，栅格化素材图像，输入文字，设置合适的文字格式，并设置文本图层为“渐变叠加”。

效果如图

26、新建图层35，“圆角矩形工具”，设置前景色为RGB（213，213，213），半径为20PX，，用相同的方法绘制图形并输入文字。

27、执行“文件——置入”，将文件120202置入画布中，栅格化图像，选择120202图层，执行“编辑——描边”，设置“宽度”为1PX，“颜色”RGB为黑色，描边位置选择“居外”，相同的方法绘制其他图形并输入文本。

如下图所示。

28、相同的方法制作出页面左侧的页面效果

29、输入页面的文字

30、新建图层48，前景色设置为白色，单击多边形工具按钮，在选项栏中设置“边”值为5，在画布中绘制图形如下

31、用同样的方法绘制多个星形

32、新建图层53，单击钢笔工具，前景色设置为RGB（213，213，213），选择“形状图层”，绘制下图，并进行栅格化处理，同样的方法绘制其他图形。

33、将图像120210.png置入画布中，并栅格化，并输入相应的文字和设置文本图层的图层样式。

34、新建图层55，设置前景色为RGB（254，269，58），设置半径为20PX，绘制图层并输入相应的文字

35、新建图层57，单击“圆角矩形工具”，在“路径”中设置半径为15PX，绘制好路径，转换为选区，执行“编辑——描边”，设置宽度为3PX，颜色为“213，213，213），

36、新建图层58，单击“圆角矩形工具”，在“路径”中设置半径为15PX，绘制好路径，转换为选区，执行“渐变工具”，设置左右渐变滑块值分别为RGB（253，185，201），RGB（251，98，134），填充后进行“编辑——描边”，设置宽度为3PX，颜色值为RGB（254，172，192），输入相应的文字，置入相应的图像

37、新建图层60，单击工具箱中的“椭圆工具”按钮，设置前景色值为RGB（23，98，197），绘制一个正圆，用同样的方法绘制其他正圆，如下图

38、输入相应的文字

39、用同样的方法绘制另一个广告栏

40、相同的方法制作另一个版面

41、新建图层69，单击“圆角矩形工具”，设置前景色为RGB（255，255，255），设置半径为8PX，在画布中绘制图形，取消选区，执行“编辑——描边”，弹出“描边”对话框，设置宽度值为1像素，颜色为RGB（224，145，7）。

位置为“居外“。

42、新建图层70，单击工具箱中的“自定义“按钮，设置工具箱中的前景色为RGB（255，297，0），单击形状右侧的下三角形，在弹出的列表框中选择中形状，同样的方法绘制另一个图层

（后一个是在前面图形上面叠加一个比较小的，颜色比较深的图形）

43、相同的方法制作如下图：

44、使用相同的方法制作其他板块

45、置入文件120230.jpg，栅格化图像，调整图层顺序。

输入其他的文字等，制作完成。