当前位置:主页>教程>Photoshop教程>Photoshop教程:打造极富创意网页效果图

Photoshop教程:打造极富创意网页效果图
更新时间:2007-05-05 点击:

制作文字LOGO牌。找来图5-1中的灰色材质,在"LOGO边框"下面新建一层,然后在其之上新建一层,放置沙漠图片,将其混合模式修改为"颜色"然后打开一开始制作的文字LOGO,CTRL+T变性调整到合适的角度,,双击文字层,调节内阴影、外发光、内发光、斜面浮雕、光泽,渐变叠加,具体数值可自由设定。如图5-1。

photoshop打造极富创意网页效果图
(图10)  

  形象LOGO的制作方法和文字LOGO的制作方法一致。

  6、广告牌路灯制作。钢笔工具勾勒出路灯形状,放在文字LOGO上面,将路灯颜色调整为沙漠黄。新建一层,用多边型工具勾勒出图6示"路灯发出的光源"形状,填充从左上到右下、白色到透明渐变;用同样方法制作"牌子上反射的光源"如图6和图6-1。

photoshop打造极富创意网页效果图
(图11)

photoshop打造极富创意网页效果图
(图12)

  7、电力系统制作。发电机边框下放置一张发电机的图片就可以。(这里用到了移花接木的拼接)。
  还要用到制作LOGO时候的那张"灰色材质"和"沙漠黄"颜色的材质。菜单部分在最初设计时要做出反光的感觉,立体感很重要,所以用了6个图层来表现。最下面的图层是区域分布,随后是反光层,然后加条标线,清楚的分界。为了更能熔入整体背景给它的边缘加上点阴影,不至于矩形的菜单破坏整体效果,最后是颜色层,注意图层模式。如图7及7-1。

photoshop打造极富创意网页效果图
(图13)

photoshop打造极富创意网页效果图
(图14)

  将刚才制作的灯分别复制两张,放到"显示区域"的下面,用来照亮菜单上的字,右边的灯要制作一个倒影,用钢笔工具或笔刷,制作几跟电线连接灯。如图7-2。

photoshop打造极富创意网页效果图
(图15)

  灯光的制作如图7-3。

photoshop打造极富创意网页效果图
(图16)

  最后,用笔刷刷出类似血迹的样式,加上文件散落的特殊效果,加上网站要求的特定菜单,一张完整的效果图就制作完毕。

  三、 网页的裁剪及样本站制作。

  网页的制作方法有很多,制作工具也很多,这个部分只提供基本网站表现形式的理论知识,具体制作网页制作方法不在此讨论了。我们知道一个网站的制作,一般是要靠网页设计师、动画设计师以及后台程序师三部分工作小组一起完成的。当然,作为个人主页,一般使用HTML静态网页就行了。现在我们来裁剪网页效果图。这里要根据动画特效、菜单位置等等预留好位置。网页的具体裁剪方法《非FW专利,PS也能裁剪网页》教程中已经介绍了,这里只给出裁剪的布局。如图8。

photoshop打造极富创意网页效果图
(图17)

  2、在得到样本站后是做纯FLASH站、静态站或是程序站完全看自己的技术水平了。

  总 结:本次教程主要针对示例网站的创意,收集所需材料,效果图的制作,效果图裁剪等做了介绍,希望能给广大PS爱好者特别是网页制作爱好者一点帮助。


tags:

您可以: 点评它!(0条点评) 分享它!

ARTHD.COM网友点评共有0条点评,点击这里可查看):不能超过250字,请自觉遵守互联网相关政策法规。

广告位



合作伙伴

广告也精彩……

广告也精彩……