㈠ 如何用PS制作网页模版
设计一个尺寸后,就直接设计内容就可以,注意不要合并任何图层,文字可以拿一些常用的字代替。
都做完后,保存成PSD和JPEG两种格式。前者就是模板,后者就是网上的预览!
㈡ 用PS怎么做网页啊最近在学。。
我怎么不知道PS能做出网页呢?
我只知道PS能处理图片
我用PS4年了都没听过PS能做网页...
㈢ 怎么用ps做网页设计
你是要做效果图,还是生成网页?
生成网页的话,直接用
切片工具
,切好,然后存储为web所用格式,选择格式为html就可以啦。
㈣ photoshop如何制作网页
photoshop 是可以做网页。不过做出来的是图形位主的网页。它是个图形处理工具。adobe公司提供有pagemaker做网页的
㈤ 如何用Photoshop制作网页模板
网页中的元素有很多,像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中,这样方便以后的再编辑。 不过图层一多,就显得很凌乱,可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮,从弹出菜单中选择“新建组”,在随后出现的对话框中为新建组取一个名称(如:“网页顶部”),确定即可。这时图层面板中多出一个文件夹图标,即图层组。把相关联的图层都拖放到同一组中,比如网页顶部的所有元素,标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组,在组的下面还可以建立子组。 点击图层组前面的小三角,就可以像文件夹一样展开或折叠它,这样图层面板就显示干净利落得多,要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作,如整体复制、删除、隐藏、合并等。 小提示: ★如果你想借鉴某个网页的设计,不妨把它截成图片放在最下面的图层中,再拉出多个参考线划出网页的大致版式,再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后,下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层,其实没有必要,合不合并图层对最终生成的网页没有多大影响,反而会妨碍以后的编辑修改。 第1步:我们最终需要的,只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K),把需要的每个图形独立切分出来。每切分出一个图形,在它的左上角会显示出切片编号(见图2)。 第2步:在工具箱右击切片工具,从弹出菜单中选择“切片选择工具”,用它可以选取、移动切片,并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。
㈥ 如何用PHOTOSHOP做网页的布局
首先要看布局需要多大 。然后新建一个网页大小的背景;在根据导航条,logo,栏目的大小各自新建图层。在编辑完成后将其合并。 可用ctrl+u 综合调整整体颜色;ctrl+m调整综合对比度。最后用切片导出。
㈦ 用PS做好网页图片,怎么样快速变为网页
1、先打开photoshop设计好你的网页背景,如图所示,如何设计这样的页面我就不讲了,不属于该经验的内容,下面就是要介绍如何将这样的图片转换问网页。
2、在工具栏选择【切片工具】,大部分人的工具栏只显示裁剪工具,右键单击裁剪工具就能看到切换工具,选择它即可。
3、属性栏进行设置,先来设置样式,有三种样式可供选择,正常样式、固定长宽比、固定大小。
4、正常模式下,鼠标拖动可以绘制一个矩形的切片,切片的大小和长宽比都是任意的,点击切片就会使切片的边框变成棕褐色(如下面第二幅图),并出现八个控制点(如下面第三幅图,拖动控制袋可以任意的改变切片的大小),另外,直接拖动切片也可以改变切片的位置。
5、固定长宽比模式下,拖动鼠标可以绘制切片,切片的大小是任意的,但是切片的长宽比是固定不变的。为了方便,一般长宽比和图像的的长宽比是相同的。怎样知道图像的长宽比呢,参考下面第二幅图,在图像--图像大小下,打开图像大小对话框,这里你可以找到图像的宽度和高度。
6、固定大小模式下,切片的长和宽都是你设定的,不会改变,如图所示,点击一下鼠标就可以绘制一个切片,我绘制的这些切片都是一样大小的。选中一个切片,切片变成棕色的边框,并出现了八个控制点,拖动控制点也可以改变切片的大小。
7、一般将图片切割成网页的时候,我们可以使用一种简便的方法,切换到任意一种模式下,右键单击图像,然后在打开的右键菜单中,选择【划分切片】,打开划分切片的对话框。
8、设置将图片切分为水平4个切片,垂直5个切片,点击确定按钮,下面第二幅图就是我们建立这个切片。这是建立切片最快的速度了。
9、拖动控制点可以改变整行或者整列的宽度和高度。
10、除此之外,我们还可以对某个切片进行进一步的切割,右键单击某个切片,然后选择【划分切片】,打开划分切片对话框,设置横向和纵向的切片个数,如图所示
11、最后,一个关键的设置就是,右键单击某个切片,然后在打开的右键菜单中选择【编辑切片选项】,打开切片选项对话框。
12、在这里你要设置的有切片的名称,这个名称也就是网页图片的名称,默认系统给出的名称即可。设置url,也就是图片的链接,在网页上点击图片就能打开这个链接;目标在动态图片中需要设置,即加载URL时的桢,在静态的图片中不需要设置;信息文本也就是鼠表放在网页上的图片上的时候,出现在浏览器底部状态栏的文字信息;Alt标记就是鼠标放在图片上,自动出现在图片周围的文字。设置好这些参数以后点击确定按钮。
13、最后就是要保存html文件了,在菜单栏上执行:文件--存储为web和设备所用格式
14、在打开的对话框中,点击【双联】你会看到两个图片,上面这个是处理前的原图,下面这个是处理后的图片,你可以对比两个效果以后再保存图片。
15、设置格式为jpeg,其他参数参考下面的这幅图,一般默认系统给出的参数即可。点击储存按钮。
16、最关键的步骤就是在这里,设置格式为【html和图像】,然后点击保存按钮。
17、你会看到保存后有两个文件,一个是图片文件夹,一个是html文件,双击打开html就可以看到一个网页了。
18、用dreamweaver打开网页文件可以对齐进行进一步的编辑。
㈧ 如何用ps设计网页
如果是给个人做,怎么做都无所谓。如果是在公司里给客户做。这一步不可少,出了效果图后,要给客户看。等客户确定不再修改时再做网页,目的就在于防止客户反复修改,动布局!
另外会做网页效果图,代表你的设计能力。用dreamweaver直接做的后果是边想边做,容易把设计思路搞混了!
据我所知,这样的教程基本没有。因为做网页效果图只要基本的操作,有时从别的网页截一块下来处理一下,直接用到自己的效果图上。
一般显示器分辨率
宽:1024
高:
768
宽减去滚动条的宽度,
一般为1003-1004
不会有横拉条
高度
根据页而定
网页设计需要的PS操作技术并不是很多,只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素,但是更多的是学习。
你可以从模仿别人的稿子开始,渐渐的融入自己的东西。
http://www.68design.net/
这个站每天都会有新的酷站收藏,也有设计欣赏。
http://www.zcool.com.cn/
这个站素材丰富而且也有酷站收藏。
要做好网页设计,一定要多看,拼命的看并且吸收里面的东西,看看高手们是怎么处理细节的,这样慢慢自然会有提高。
㈨ 如何用ps来做网页效果图
你可以在菜单栏里的“图像”菜单下的“图像大小”对话框来进行大小设置边框可以在批处理面进行设置
㈩ 怎么用ps制作网页
制作网页是PS、DW、FL三个软件并用的,PS只是把需要放上去的图片进行美化而已。FL是制作一些动画效果。DW才是把PS和FL处理好的素材组合成网页