覆盖是改善各类图片最直接简单的方法。方法步骤:
1)复制图层
2)高斯模糊(Gaussian Blur)应用于被复制的图层
3)将混合图层模式改设成覆盖图层
[...]
February 7th, 2008
本文来自网络,欢迎提供原文出处和作者
1. 按下 Tab 可以隐藏工具栏和调板,按下 Shift+Tab 只隐藏调板; 2. 按住 Shift 并点击工具栏顶部的标题栏可以将它移动到最近的边缘; 3. 在任何工具栏和调板的标题栏上双击,可以使其最小化; 4. 双击灰色的背景可以打开文件,按住 Shift 双击背景可以打开图片浏览器; 5. 讨厌默认的灰色背景吗?选择填充工具,按住 Shift 并点击灰色的背景,你可以用前景色来替换它; 6. 在 Photoshop 的对话框中,按住 Alt 键,所有的取消按钮都会变成重置; 7. CapsLock 键可以将你的鼠标光标切换为精确模式; 8. 按 F 键你可以使工作区在三种不同的查看模式间切换; 9. 需要画一条直线?在起点点击,然后按住 Shift 键在终点点击即可; 10. 按住 Ctrl 键可以让任何工具临时变为移动工具; 11. 按住 Ctrl+Alt 并拖拽一个图片,你可以复制它; 12. 按住空格键,任何工具可以临时变成拖拽工具; 13. 选中缩放工具后,按下 Ctrl+Space 放大,Alt+Space 缩小; 14. 按住 Ctrl [...]
February 7th, 2008
原文来自 天涯海阁
CSSArtillery是一个提供优秀CSS设计网站分享和交流的平台。在这里你可以浏览很多优秀的网络设计,给相应的设计评分,发表评论;也可以提交你喜欢的或者你自己的优秀的CSS设计作品。
目前 CSSArtillery上面收集的优秀的CSS设计网站主要分为以下几类:
Associations (3)
Blogging (19)
Business (17)
CMS (30)
Colors (69)
Entertainment (14)
Featured (3)
Institutions (3)
Media (3)
Portal (1)
Web Design (38)
More Categories
如果你喜欢这个收集优秀网站设计的网站,你可以通过RSS Subscribe 和 Twitter了解其最新的情况。
链接:http://www.cssartillery.com/
February 7th, 2008
一种简单的数码照片后期润饰 1 打开图片,执行色像/饱和度(-40)降低饱和度。 2 新建一图层,将图层模式改为柔光,用画笔工具将需要润饰的部分画几下,这里可以利用色板方便的提取颜色 3 图片色彩过渡不够柔和,再执行一下滤镜下面的高斯模糊(+85)
简单处理照片爆光不足 1 打开图片,复制背景层,对背景层的模式改为滤色 2 对背景层的色阶进行调整
30秒搞定Plmm艺术照 1 打开图片,复制背景层两次 2 对复制背景层一进行高斯模糊(半径4~6),将复制背景层二的模式改为强光 3 新建一图层,添充图案(预先作好并定义的半灰半白的横条纹图案),设置混合模式为正片叠底
图象错位效果 1 打开图片,新建一图层,选择视图-标尺,选择移动工具,分别从上方和下方拖曳出两条蓝色标线(9格) 2 利用矩形选取工具,填充方格(1,9暗灰,5,7黑,3亮灰),以psd格式储存,然后关闭文件 3 执行滤镜-扭曲-置换,选择刚才储存的psd文件 备注(“置换滤镜”是利用置换图的颜色值使选区发生位移:白色(色调值=0)是最大负位移,即将要处理图象相应的象素向左和向上移动;黑色(色调值=255)是最大正位移,即把图象中相应的象素向右和向下移动;灰色(色调值=128)不产生位移)
照片底纹效果 1 打开图片,执行选择-全选,然后编辑-复制,建一新通道,编辑-粘贴将拷贝图象贴入新建通道中] 2 执行图象-调整-反像,回到RGB通道,编辑-清除,删除原图象 3 执行选择-载入选区,调用新通道,执行编辑-填充(所需颜色)
雾化效果 1 打开图片,新建图层一,设前景色/背景色(黑色/白色),执行滤镜-渲染-云彩,将图层添加图层蒙版 2 重复执行滤镜-渲染-云彩,图象-调整-亮度/对比度(80,0,图层一模式改为滤色)
人物插画效果 1 打开图片,复制背景层,执行图象-调整-通道混合器(灰色,+30,+60,+10,单色),执行滤镜-风格化-查找边缘,用色阶去掉杂点 2 将混合模式设为“叠加”,填充不透明度打到50% 3 背景层上加一个色阶调整图层,调整输出色阶(0,+155)形色主义 4 执行图象-调整-可选颜色,对色彩进行微调(红色,0,+100,+100,-75;黄色,0,-40,+100,-40)
利用颜色叠加给旧照片添加光色效果 1 打开图片,复制背景层,执行图象-调整-去色,调整亮度/对比度(-42,+18) 2 添加“颜色叠加”图层样式,混合模式改为“正片叠底”,点小色块,选择需要颜色(红色),再合并可见图层 3 添加滤镜-镜头光晕(亮度+100) 4 复制背景图层,再次添加 “颜色叠加”图层样式,混合模式改为“正片叠底”(黄色)
给照片添加蓝天 1 打开图片并复制一"背景副本". 2 再新建一图层并填充蓝色背景. [...]
February 7th, 2008
1、使用仿制图章工具去除文字。
这 是比较常用的方法。具体的操作是,选取仿制 图章工具,按住Alt键,在无文字区域点击相似的色彩或图案采样,然后在文字区域拖动鼠标复制以复盖文字。要注意的是,采样点即为复制的起始点。选择不同 的笔刷直径会影响绘制的范围,而不同的笔刷硬度会影响绘制区域的边缘融合效果。
2、使用修补工具去除文字。 如 果图片的背景色彩或图案比较一致,使用修补工具就比较方便。具体的操作是,选取修补工具,在公共栏中选择修补项为“源”,关闭“透明”选项。然后用修补工 具框选文字,拖动到无文字区域中色彩或图案相似的位置,松开鼠标就完成复制。修补工具具有自动匹配颜色的功能,复制出的效果与周围的色彩较为融合,这是仿 制图章工具所不具备的。
3、使用修复画笔工具去除文字。 操作的方法与仿制图章工具相似。按住Alt键,在无文字区域点击相似的色彩或图案采样,然后在文字区域拖动鼠标复制以复盖文字。只是修复画笔工具与修补工具一样,也具有自动匹配颜色的功能,可根据需要进行选用。
4、某些情况下,框选无文字区域的相似图形(或图案),按Ctrl+j键将其复制成新的图层,再利用变形工具将其变形,直接用以复盖文字会更为快捷。
5、对于一些透视效果较强的画面(如地板),可以应用“消失点”滤镜进行处理。 图 例中的操作的方法是,框选要处理的文字区域(防止选区以外的部分也被覆盖)执行菜单命令:滤镜→消失点,进入消失点滤镜编辑界面。然后:(1)选取左边工 具栏中的创建面板工具,由地板砖缝交汇处开始,沿着缝隙,依次点四个点,连成一个有透视效果的矩形。然后拖动其边线向右方及下方扩展,令面板完全复盖文 字。(2)选取左边工具栏中的图章工具, 按住Alt键点击选取源图像点,绿色十字变红后,在文字区域拖动便完成复制。
6、某些背景色为垂直线性渐变颜色的图标,有一个方便的方法去除文字。 用矩形选框工具在无文字区域中作一个选区,选区不宜太宽,高度应高于文字。然后按住Ctrl+Alt键,连续按方向键(→或←),直至完全复盖文字则可。
转载自 X-Beta 世纪资讯 [ http://www.X-Beta.cn ]
February 7th, 2008
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>我的滑动门</title>
<style type=”text/css”>
body{
color: #000;
font-family: “宋体”, arial;
font-size: 12px;
background: #fff;
text-align: center;
margin: 0;
}
.nTab{
float: left;
width: 960px;
margin: 0 auto;
border-bottom:1px #AACCEE solid;
background:#d5d5d5;
background-position:left;
background-repeat:repeat-y;
margin-bottom:2px;
}
.nTab .TabTitle{
clear: both;
height: 22px;
overflow: hidden;
}
.nTab .TabTitle ul{
border:0;
margin:0;
padding:0;
}
.nTab .TabTitle li{
float: left;
width: 70px;
cursor: pointer;
padding-top: 4px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
list-style-type: none;
}
.nTab .TabTitle .active{background:#fff;border-left:1px #AACCEE solid;border-top:1px #AACCEE solid;border-right:1px #AACCEE solid;border-bottom:1px #fff solid;}
.nTab .TabTitle .normal{background:#EBF3FB;border:1px [...]
February 7th, 2008
原作者不明,欢迎提供出处
平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为
1. IE无法调整那些使用px作为单位的字体大小;
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
em有如下特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
所以我们在写CSS的时候,需要注意两点:
1. body选择器中声明Font-size=62.5%;
2. 将你的原来的px数值除以10,然后换上em作为单位;
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。
但是12px汉字例外,就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点。这个问题 Jorux已经解决,只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时,对于浮点的取值精确度有限。
February 7th, 2008
一、网页设计类
-------------------------------
1。网站名称:蓝色理想
网站地址:
http://www.blueidea.com/
简介:[…]