网页设计
什么是网页?
网页的类型?
推荐网址:设计路上
文件--另存为图片,存为PNG格式
为什么所有的网页LOGO总是放在左上角。
人们的视线,有主次顺序
依次是上中下,左中右
网页的宽度:网页的尺寸是由电脑显示屏的宽度来决定的,现代电脑的显示屏尺寸越来越宽,设计的网页就应该做较大的尺寸以适合各种显示屏大小。
2560*1500
网页可视范围的宽度:
网页设计师18日速成 - 大话设计师
http://www.zcool.com.cn/article/ZMTQxOTE2.html
在设计网页的时候,使用矩形工具,一定要将选项栏“自定义形状工具”下拉列表的“对齐像素”勾选。否则画出来的矩形会有虚边。
信息面板:F8
查看选框区域的尺寸:W宽,H高
改变尺寸的单位:右击标尺(CTRL+R)勾选
图层文件夹的管理
1、先建文件夹,后建图层
2、先建图层,选中这些图层,CRTL+G
网页文字可选择的字体:
宋体:不能低于12点,可以在字符面板里设置加粗,设置消除锯齿的方法:一定要选“无“。双数的点比单数的点好看。
微软雅黑:正常设置,能看清就行。
调整文字间距:全选文字,按住ALT+左右方向键
调整文字行距:首先要打文本字段(文字工具拖一个框出来,在这个框里打字),全选文本,按住ALT+上面方向键
复位字符:打开字符面板,点击右上角下拉列表,点击”复位字符“。
如果一定要使用一些特殊的字体,做成图片上传。
图标:
1、自己画,用钢笔工具或规则形状工具勾
2、下载
3、图标搜索引擎,输入英文,会有更多的惊喜。
忠告,图标一定要是一个系列
网页内的元素有:LOGO、搜索、按钮、图标、导航、banner、标签、栏目、标题、分隔线等
剪切蒙版:CTRL+ALT+G
图片在上层,形状在下层,选中上层的图片按快捷键CTRL+ALT+G,图片即被放进形状里了。
LOGO
图形+文字(不能直接用字体,字体是有版权的,必须要进行字形改造)+英文
左右结构
上面结构
网页如何才能设计得好看?
1、框架布局合理,根据内容来定。模块互相对齐,放小看,才能看出是否整齐。
2、颜值还得靠图片素材。
当图片素材颜色太多太杂乱的时候,就得分别对这些素材进行处理。首先,把整个网页的主色饱和度(鲜艳度)降低。对于每个素材也要进行饱和度的处理。
参考线:可以隐藏、显示。(不会被打印出来的)
视图--显示--参考线勾选。CTRL+;
选中需要对齐的图层,可以是两个或两个以上的图层。
图层--对齐--各种对齐方式
自动选择图层:
1、选中选择工具,在选项栏上设置,勾选自动选择:图层。
如果要选择组:勾选自动选择:组
色相/饱和度:CTRL+U
图像---调整---色相/饱和度
截屏:快捷键Print
回到PS,CTRL+N---回车确定--CTRL+V,选择裁剪工具,把需要的区域框住,然后回车确定。
给图片去色(CTRL+SHIFT+U),再此图层之上新建图层填充黑色。再把黑色图层透明度降低一些即可。
合并图层:选中将要合并的两个或两个以上的图层,CTRL+E。
合并所有图层(关闭了眼睛图标的图层除外):CTRL+SHIFT+E。
忠告:图片素材不要强行拉大。否则品质会变差,会变模糊。
九宫格构图:
抠头发丝:所有图片中最难抠的部分就是头发。
这里我们用两种方法抠:
1、快速选择工具
(1)选择快速选择工具(W),它的笔触用[ ]改变大小。然后,在素材图片的头发上抹选,点击选项栏上“调整边缘”按钮。弹出“调整边缘”对话框,设置“视图模式”、半径、移动边缘、输出到:“新建图层”。复制素材图层,把身体的部分单独抠出来,与头发图层合并,变成一个整体图层。
推荐教程:http://www.68ps.com/jc/big_ps_tp.asp?id=20495
2、通道抠图
通道:储存颜色信息的地方。
RGB通道以下的部分,理解为储存选区。
(1)打开通道面板
(2)观察RGB这三个通道,哪个通道,明暗对比最明显,将此通道复制(将此通道拖动到新建图层快捷图标按钮上,放开左键即可)。选中此通道副本,打开色阶(CTRL+L)面板,将左右两端的三角形滑块,向内拖动,让暗的更暗,亮的更亮,使其明暗分明。然后,把通道副本里的所有需要抠出来的区域(除了头发边沿),全部用画笔涂黑(不能用深灰,必须是最深的黑色)
。接下来,加载选区(按住CTRL键,鼠标点击通道副本缩览图),选区就出现了,如果选区选中的是白色区域,反选(CTRL+SHIFT+I)就可以选中黑色区域。最后,一定要点回通道最顶部的RGB层。
再打开图层面板,复制选区区域的内容(CTRL+J)。就抠出来了
推荐教程:http://www.68ps.com/jc/big_ps_tp.asp?id=26281
图层叠放顺序:
向上一层:CTRL+]
向下一层:CTRL+[
到顶层:CTRL+SHIFT+]
到底层:CTRL+SHIFT+[