photoshop怎样制作网页首页
制作网页其实很简单,在中可以用到很多方法来制作,今天就举例制作网页首页。很多刚学习的新手小伙伴可能还不知道,下面是店铺带来关于photoshop怎样制作网页首页的内容,希望可以让大家有所收获!
photoshop制作网页首页的方法
打开PS,新建空白文档,名称设置为“feifei工作室”,从预设大小下拉列表中选择 “1024 x 768”,模式设计为“RGB颜”,内容设置为“白”,点击“好”按钮完成文档的创建工作。
新建一名称为“框架”的图层,利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”,然后将矩形的宽度设置为1024,高度设置为80,在文档的上下两侧各框选一部分内容并填充为黑,从而使整个网页呈现“宽屏幕”效果。
在背景图层的上方新建一新图层,并命名为“背景颜”。点击“矩形选择工具”,设置“宽度为400,高度为768,然后在窗口的左侧框选一部分内容,填充一种深绿。然后点击“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口的右侧框选一部分内容,填充一种浅绿
。填充两种颜饱和度有一点差别的颜,目地是产生较为明显的对比。
怎么制作网页图片在“框架”图层之上再新建一图层,名称为“主体元素”。打开一张事先准备好的百合花图片,双击“背景”图层将其转换为“图层0”,点击“魔术棒”工具,在图片白xx域内点击,选择白xx域后,按下DEL键删除白xx域。然后拖放图片到图层“主体元素”上,位置如图所示。
然后选择“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口中选择花朵右侧的一部分内容,并调整其亮度和对比度,使花朵的左右两侧呈现明显的对比。
对该页面进行细节的调整,增加一些导航栏,信息提示内容和版权信息等内容,最终制作完成的页面如图所示。
选择“切片”工具,然后对内容进行切分。切分的好处是有利于文件在网络上传输,同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果如图所示。
到保存文件的位置,打开"feifei工作室.html"文件,然后在内容区域内点击鼠标右键,选择“查看源文件”,就会发现对应的网页内容已经生成。至此,利用PS设计网页内容完成。
[photoshop怎样制作网页首页]
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论