photoshop网页,如何用photoshop制作网页
作者:本站作者
1,如何用photoshop制作网页
网页背景设计好之后,使用切片工具划分,然后使用Dreamweaver制作表格,之后将图片逐个加入单元格,或作为背景,或作为图片显示.简单的就是这样啦.
2,photoshop网页切图怎么用
Photoshop软件,简称“PS”,是由AdobeSystems开发和发行的图像处理软件,Photoshop主要处理以像素所构成的数字图像,其众多的编修与绘图工具,可以有效地进行图片编辑工作。用Photoshopcc2014软件将做好的网页平面图切图的详细制作方法是:1、打开ps软件,“文件--打开”做好的网页平面图;2、打开“切片工具”,设置“样式”正常;3、用“切片工具”在图片上右键打开--划分切片,根据实际需要,设置“切片”数,“水平划分为”2,“垂直划分为”2,确定;4、“文件--存储为web所用格式”,存储,取好文件名,保存;5、打开电脑“文档”,可以看到一个专门文件夹“images”,打开文件夹即可看到切好的图片了。
3,photoshop如何制作网页
photoshop里可以设计网页外观,然后切片,最后输出成网页。但这样出来的所谓静态网页就是个个小图片的集合。真正要形成个网页,需要用网页软件做后期的很多调整,ps其实只做网页外观设计工作。
4,怎么用PS做网页设计
先去学习一下ps的相关 点线面的关系 以及联系方法
做好一个网站 ps是比较关键的!PS只能制作网页上的图片,制作网页不用PS做,要dreamweaver用PS可以把一个网页切片后导入Dreamweaver,这样就形成了html格式的网页了!用PS做主页,也是先用PS把主页画好,布局好,在导入Dreamweaver(导出html和图像)后,就变成html格式的主页了http://www.wzsky.net/html/Photo/Photoshop/
5,ps怎么做网页
我这样说,你应该能理解,你把你喜欢的网页截屏,然后打开PS,粘贴进去,用PS的各种工具修改为你喜欢的样式,然后用切片工具切成一块一块的,比如导航栏、菜单栏、滚动横幅等等如此,完了用dreamwaver或者其他网页制作工具,写点简单的代码把这些切片一块一块的连接起来,这样就完成了一个简单的静态页面,如果你学会了这一步,那么恭喜你你已经入门了!接下来就可以进一步学习网页制作的其他内容,一般从HTML+CSS+JAVASCRIPT学起,配合你的PS技术做网页前端比较容易入手!PS是修图的,DW才是做网页的软件,都是一个公司弄出来的
6,如何用photoshop进行网页设计
先在ps里设计好前台,然后用dreamweaver布局出来 设计前台就是划分好区域,搭配好颜色,再就是做一些小修饰、效果,看起来美观就行 如果自己没有灵感的话,就多浏览别人做的网页,就会有思路了。新建一个页面778×2000高度,当然高度还可以自己定,在你做好的图片中选择所有的图层前面的连接按钮,也就是让所有的图层都连接成在一起,然后把他们拖到新建立的图层中,适当调整位置即可。你是想要在原来的设计下面加上一块空白,那可以选择“图象”-“画布大小”,在弹出的对话框中,先设置定位,如果在下面加长就点击向上的键头,这样就会在原图的下方加入空白,现在再输入设定高度数字就OK了!
7,教您怎样用Photoshop制作一个漂亮的网页
第一步 首先新建一个文档。我创建的是宽1100px高1100px的文档。这个文档可以用于宽为1024px的站点,仍然还有空间去决定在可视区域之外如何布置,这样在更大屏幕下也很好的适应。现在第一步先创建一个美观抽象背景。我们使用从#1b204c到#472373这两种颜色按照线性递减绘制背景。第二步 现在我们要一个吸引眼球的背景,足够抽象到不会干扰人阅读文字。很走运,在GoMedias Arsenal站点里有一张很棒的免费水彩图片,点击“freebie(免费赠品)”区,你就能找到两张水彩图片;我们要的是绿色那张。现在这样很开心了,你按下CTRL+I将图片反置,会在黑色为底的背景上呈现漂亮的粉紫色,这样就更酷了!第三步 现在把处理过的水彩图片拷贝到主画布上,按下CTRL+T键,将其调整到适当大小。这里我们要将右边淡化为黑色(这样在后面我们可以更方便地编辑我们的 HTML代码)。另外,我们也不想在竖直方向过长,因此最好擦掉一些超出的地方。选取一个画刷,选用黑色擦去底下部分。注意最好选取带有一些纹理的画刷,这样擦去部分不会显得很明显。如果你向下滚动画刷列表,有一个Photoshop自带的像图例中的画刷。这个画刷也能用,当然你可能有其他更漂亮的画刷,用起来更加自如。你选中以后,在右边和底下区域黑色填充,这样这层就覆盖在整个画布上了。
8,怎样用PS做网页
800*600我一般宽会设成780px,1024*768 宽度会设成 1000px,高度当然要看内容多少来定。
布局就不好说了 要看设计者的喜好、习惯、网站的功能、设计风格来定了。
接下来就是切图了,切图是个很麻烦但又很关键的步骤。切图前必须考虑好图片大小(大图为了浏览时能顺利打开最好切割成N小快),是否为背景图(有的图很大,但实际上都是小图片的平铺效果,所以遇到这种图只取小图,在网页中设为背景就可以了)。除此之外还要考虑是否可以用图片以外的元素代替,比如有的纯色块完全没必要用图片,只要在网页中调整表格的颜色就可以得到相同的效果。photoshop有专门的切割工具,按需要把设计好的网页切割好后用ctrl+alt+shift+s保存,就会生成一个html文件了,你会发现html的图片文件夹里已经有你切好的一块一块的小图片。浏览这个web页面,显示的效果和ps中的完全一致,似乎布局已经完成了。
但Dreamweaver现在才刚刚开始排的上用场,因为网页毕竟不是纯粹的图片,还需要文字、flash、声音等元素的添加,Dreamweaver要做的就是继续完善你的页面,图片越少越好,该删的删、该设背景的设为背景该用表格颜色代替的用颜色代替。
哇塞 想想都麻烦
归根结底 photoshop 是用来构图设计的,而Dreamweaver是为了完成并完善图片到网页的转换过程。
以上虽然也是我从网上找来的,不过跟我用的方法差不多。如果你有这个基础,应该能看懂的。
文章TAG:
photoshop网页 如何用photoshop制作网页 Photoshop 网页 如何