您好!欢迎您光临用Photoshop制作网页背景图 _雨后竹林! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>教材.园地>>>用Photoshop制作网页背景图
用Photoshop制作网页背景图
发表日期:2007/11/29 15:55:00 出处:未知 作者:未知 发布人:yhzlb 已被访问 166
用Photoshop制作网页背景图


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

085.gif (1576 字节)(图txt5_step1)

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

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

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

086.gif (2839 字节)(图txt5_step2)

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

  087.gif (6119 字节)(图txt5_step3)

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

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

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

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

  紫色方块第一次滤镜:“滤镜->纹理->颗粒”(强度:77,对比度:50,颗粒类型:软化)

  紫色方块第二次滤镜:“滤镜->模糊->径向模糊”(数量:60,方法:缩放)

  这里的操作能真正体现出你个人的审美观点。

088.gif (14212 字节)(图txt5_step5)

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

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

  顺便说一句,现在似乎很流行斜斜的文字,如果你也很喜欢的话,按下"Ctrl+T"(自由变换的快捷键),把文字旋转一定的角度,然后在旋转框内双击鼠标确定就行了。

  这时你可以选择“文件->保存副本”,将它保存为gif或者jpg格式的文件,就可以在制作网页的时候使用了。

090.jpg (2398 字节)(图txt5_final)

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

 

双击自动滚屏 【打印本页】 【关闭窗口

上篇文章:喜庆边框 特效

下篇文章:开花效果及教程

 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

雨后竹林 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:307011125 474327988 联系人:辛缘 静语

琼icp备09005167