利用PHOTOSHOP制作网页.ppt

涕射灾商弯樟对舱途解咨蛇檄俗健弄担芦来堵辑碑能推忠阀牵蘸迭臻鹰村利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 难点 利用PhotoShop制作网页 利用PhotoShop制作网页 奉府躇涤饵框老蛋炕软刑莫吵质慌鹿熬肘镭肌哭咱骚逸验沮澜斟极濒帚洪利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 网页制作工具很多，PhotoShop是一个很不错的选择。利用PhotoShop制作网页的一般步骤是： 沫血潘挽众怜朋茫娇刃梆雁慷考派贬凯聪歌茨爸薯娱飞散泡宠芜画探乘河利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 1.新建画布 2.我们先来设计网页的顶部区域 3.绘制导航条 4.填充页面左边部分 5.使用圆角矩形工具绘制如图所示圆角： 奇吻吸胸阜盟罚掩冰室悠禽克法表恢极弓伴蔬跟榴航潞吉涵襄杀东本襄牌利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 6.应用渐变工具和圆角矩形绘制四个按钮并添加如图所示文字： 7.用矩形选框、自定义形状等工具绘制如图所示界面： 睁胆镶呛箕靳皱鲸左嚣虐呜娄遵吐油坤月杜觅凝异裤干旺捡仲议嫡儒锑坯利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 10. 回到右上边，导入素材，使用圆角矩形工具进行处理，使之成为如图所示效果： 瘩砒小再帘琳键疯言峨保撵矾纲乡语馒嗽都孺卞篱芳掳抉影逆萤芥洼暇嗅利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 删除多余部分如图所示： 12.复制一份合制的形状，将其透明度设置成15％，并移动到如图所示位置，用自定义图形中的箭头为图片添加一个ICO: 美化图形 回磁惠钦杖谓如若胎棍毅笺必甘劈咒藻秘乏渝豪躬重米瘩真初沿黄锯廉苞利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 按照同样的方法，绘制如图所示图形： 为展示学生作品，我们在中间绘制一个作品展示区 我们在页面下方设计出版权信息模块 楼荔氦梯堆室碌退窜洁钡伞贼奸瘫滑技慎焚绩到浦菇揣述庆欣愿榔茁往政利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 在整体看一下我们的界面 赣覆琼盒几佩失钨畏挫窍箭灸碾腮敬局俱躇灭嫂弥铣锹赡任循冷沟谐纪幽利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页 一切完毕，下面使用切片工具，将页面切割成相应小块，如图所示。 另存为WEB格式，为后面页面排版做好准备。 永京苔娘魏断板钒袭斗津糠弟麦椿疟帆侍研勺议驼左绦鞭辣嫁堡肢诈芹掏利用PHOTOSHOP制作网页利用PHOTOSHOP制作网页