用Photoshop制作网页背景图

2022-05-13 10:13:18   文档大全网     [ 字体: ] [ 阅读: ]

#文档大全网# 导语】以下是®文档大全网的小编为您整理的《用Photoshop制作网页背景图》,欢迎阅读!
Photoshop,背景,网页,制作
Photoshop制作网页背景

网页背景图的制作

一、建立新文件1.建立一个250 X 150(72像素/英寸)的新文件,不要太大,因为背景图一般是平铺在底面上的。然后把背景填充上浅浅的颜色如淡黄色:

(图txt5_step1

二、输入文字1. 选择你喜欢的字体和颜色输入文字,我这里输入“我的酷站”,然后调整字的大小和位置。这里有几个注意事项:

第一,字的大小和字型最好不要太死板,最好用另外的字体和不同的尺寸突出你想突出的一个或几个字,必要时可以拉长或压扁。

第二,字和背景的颜色搭配要得当,这没有什么规律可言,一般只要看着顺眼就行了。如图:

(图txt5_step2

2.然后选择“图层(Layer)->新建(New...)->图层(Layer)”两次,建立两个新层,如图所示:




(图txt5_step3

3.分别在两个层上随便选择一定形状(什么形状?你自己随意啦。)的范围,填充合适的颜色后,将这两个层的透明度降到35%

三、技术处理1. 下面的步骤很随意,你随便试几个滤镜,只要得到自己满意的效果就行了。我这里的操作是这样的:

绿色方块第一次滤镜:“滤镜(Filter)->模糊(Blur)->动感模糊(Motion Blur)”(角度:0度,距离:20像素)

绿色方块第二次滤镜:“滤镜(Filter)->模糊(Blur)->径向模糊(Radiou Blur)”(数量:52方法:转动)

紫色方块第一次滤镜:“滤镜->纹理->颗粒”(强度:77,对比度:50,颗粒类型:软化) 紫色方块第二次滤镜:“滤镜->模糊->径向模糊”(数量:60,方法:缩放) 这里的操作能真正体现出你个人的审美观点。

(图txt5_step5

3.在层面板上点击背景层前面的小眼睛,隐藏背景层,然后点击层面板右上方的小三角,择“合并可见层”,如图:


(图txt5_step5

4. 在层面板上点击背景层前面的空白区域,让小眼睛出现,重新显示背景层。这样,这个图就算做完了。

顺便说一句,现在似乎很流行斜斜的文字,如果你也很喜欢的话,按下"Ctrl+T"(自由变换的快捷键)文字旋转一定的角度,然后在旋转框内双击鼠标确定就行了。 这时你可以选择“文件->保存副本”,将它保存为gif或者jpg格式的文件,就可以在制作网页的时候使用了。

(图txt5_final

重要注意事项:背景图的颜色一定不能太深!否则就看不到前面的字了!切记!!




本文来源:https://www.wddqxz.cn/620983365a8102d276a22f71.html

相关推荐