photoshop网页，如何用photoshop制作网页

时间：2023-02-02 17:12:34来源：整理作者：佚名投稿手机版

1，如何用photoshop制作网页

网页背景设计好之后,使用切片工具划分,然后使用Dreamweaver制作表格,之后将图片逐个加入单元格,或作为背景,或作为图片显示.简单的就是这样啦.

如何用photoshop制作网页

2，photoshop网页切图怎么用

Photoshop软件，简称“PS”，是由AdobeSystems开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，其众多的编修与绘图工具，可以有效地进行图片编辑工作。用Photoshopcc2014软件将做好的网页平面图切图的详细制作方法是：1、打开ps软件，“文件--打开”做好的网页平面图；2、打开“切片工具”，设置“样式”正常；3、用“切片工具”在图片上右键打开--划分切片，根据实际需要，设置“切片”数，“水平划分为”2，“垂直划分为”2，确定；4、“文件--存储为web所用格式”，存储，取好文件名，保存；5、打开电脑“文档”，可以看到一个专门文件夹“images”，打开文件夹即可看到切好的图片了。

photoshop网页切图怎么用

3，photoshop如何制作网页

photoshop里可以设计网页外观，然后切片，最后输出成网页。但这样出来的所谓静态网页就是个个小图片的集合。真正要形成个网页，需要用网页软件做后期的很多调整，ps其实只做网页外观设计工作。

photoshop如何制作网页

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可以设计网页的的效果图，

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 网页如何