ps网页设计教程.docx

ps网页设计教程设计网页的方法很多,常见的有直接编写代码方法,利用可视化软件设计(例如DreamWeaver)法,利用中间软件实现格式转换法(例如Word生成HTML代码),还有就是PS设计网页法。综合各种设计方法的优缺点,可以得出利用 PS设计网页通常可以达到意想不到的效果,这不只是取决于他可以随意布局图片,更得意于其专业的图像处理能力。下面小编就给大家展示一下PS设计网页的独特之处。工具/原料AdoboPhotoShopIE浏览器方法/步骤1打开PS,新建空白文档,名称设置为“feifei工作室”,从预设大小下拉列表中选择 “1024x768”,模式设计为“RGB颜色”,内容设置为“白色”,点击“好”按钮完成文档的创建工作。2新建一名称为“框架”的图层,利用该图层实际整个网页的整体布局。首先选择“矩形选择工具” ,然后将矩形的宽度设置为1024,高度设置为80,在文档的上下两侧各框选一部分内容并填充为黑色, 从而使整个网页呈现“宽屏幕”效果。3在背景图层的上方新建一新图层, 并命名为“背景颜色”点击“矩形选择工具”,设置“宽度为400,高度为768,然后在窗口的左侧框选一部分内容,填充一种深绿色。然后点击“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口的右侧框选一部分内容,填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色,目地是产生较为明显的对比。4在“框架”图层之上再新建一图层,名称为“主体元素”。打开一张事先准备好的白合花图片,双击“背景”图层将其转换为“图层0”,点击“魔术棒”工具,在图片白色区域内点击,选择白色区域后,按下DEL键删除白色区域。然后拖放图片到图层“主体元素”上,位置