ps网页设计教程?

2024-02-12 23:56

1个回答

1、打开PS,新建空白文档,名称设置为“feifei工作室”,从预设大小下拉列表中选择“1024x768”,模式设计为“RGB颜色”,内容设置为“白色”,点击“好”按钮完成文档的创建工作。

2、新建一名称为“框架”则迅的图层,利用该图层实际整个网页的整体布局。首先选择“矩形选择孙郑此工具”,然后将矩形的宽度设置为1024,高度设置为80,在丛慧文档的上下两侧各框选一部分内容并填充为黑色,从而使整个网页呈现“宽屏幕”效果。

3、在背景图层的上方新建一新图层,并命名为“背景颜色”。点击“矩形选择工具”,设置“宽度为400,高度为768。

4、然后在窗口的左侧框选一部分内容,填充一种深绿色。然后点击“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口的右侧框选一部分内容,填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色,目地是产生较为明显的对比。

5、在“框架”图层之上再新建一图层,名称为“主体元素”。打开一张事先准备好的百合花图片,双击“背景”图层将其转换为“图层0”,点击“魔术棒”工具,在图片白色区域内点击,选择白色区域后,按下DEL键删除白色区域。

6、然后拖放图片到图层“主体元素”上,位置如图所示。

7、然后选择“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口中选择花朵右侧的一部分内容,并调整其亮度和对比度,使花朵的左右两侧呈现明显的对比。

8、对该页面进行细节的调整,增加一些导航栏,信息提示内容和版权信息等内容,最终制作完成的页面如图所示。

9、选择“切片”工具,然后对内容进行切分。切分的好处是有利于文件在网络上传输,同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果如图所示。

相关问答
怎么进行网页Banner设计_网页banner设计教程
1个回答2024-02-07 07:42
1、突出产品主题,避免繁琐 关于广告的主题,很多人会犯一个错误,认为传达的信息越多,用户越有兴趣,其实不然,现在人们的时间很有限,信息泛滥的时代,如何能突出产品主题,让用户一眼就能识别广告衡顷告含...
全文
织梦网页设计教程
1个回答2024-02-03 23:49
xhtml ->css+div -> php+mysql -> dedecms 上面4个对应的作用是 网站基础 -> 网站样式 -> 动态网站 -> 二次开发 XHTML网页基础教程-DIV&CSS
ps作业设计说明怎么写
1个回答2024-01-24 12:10
就是围绕作品做解释
网页设计分几种设计,谢谢大家
1个回答2023-03-22 22:07
没有搞懂你的意思
ps怎么排版平面设计
1个回答2024-02-02 01:04
ps怎么排版平面设计风格。ps怎么排版平面设计风格?1.通常来说,平面广告常用的颜色是红色,红色也是在平面设计中最流行的颜色之一,很多人都会说这是平面广告中的常见颜色颜色,可以说是非常常见的一种色彩...
全文
ps中文字排版怎样设计
1个回答2024-03-12 16:00
ps中文字排版怎样设计?ps设计字体的教程,希望大家喜欢。ps设计字体方法教程:1、设置一个矩形选框工具,在矩形选框里点击一下。选择对象,按确定。2、打开一张图片,在菜单栏里点击选择剪贴蒙稿简孙版。...
全文
网页设计
1个回答2024-01-30 06:57
body{ background:url(1.jpg); background-attachment: fixed; background-position: center 0; bac...
全文
哪里可以学网页设计
1个回答2022-11-16 00:19
网上,你可以自学,
网页设计
1个回答2024-02-05 05:49
这样写有问题啊,首先id要用英文的,然后你做的是页内的链接也就是锚点链接还是站内的链接(从一个页面跳转到另一个页面),如果是业内的链接你需要在你想到达的地方定义锚点! 有什么不懂再问!
网页设计
1个回答2024-02-27 06:30
哪有那么多的问题啊。。。网页你把他当成一门技术学习就可以了,就好比学驾驶一样,知其然即可,无需知其所以然。。。。。。。会做即可。。。