03月 5, 2010 - Posted by admin - 0 Comments
一种简单的数码照片后期润饰
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 再新建一图层并填充蓝色背景.
3 将混合模式改为“正片叠底”
4 在背景副本的图层上在复制一“背景副本2”
5 将“背景副本2”放在最上一层，并为其添加蒙版
6 选取“渐变工具”，由上而下拖动鼠标，天空变成选定的蓝色
处理朦胧艺术照
1.复制一个原图层(Ctrl+J).
2.对复制层使用高斯模糊滤镜(+4.0).
3.做色彩调整(+50,0,-64)
4.用边缘模糊的橡皮擦擦去需要清晰的部分.
5.适当运用图层混合模式.
打造朦胧中的鲜艳(风景，生态类)
1 打开图片，复制图层.
2 将副本层的图层模式该为“滤色”.
3 使用高斯模糊（+8.6 像素）.L
4 调节色像/饱和度（Ctrl+U）(0,+12,0).
5 加些锐化，在降低透明度 .
给照片加个玻璃的效果
1 选取区域，按Ctrl+J
2 对剪切层进行高斯模糊（+3.1 像素）.
3 调整色彩平衡（-39，+29，+16）.
4 新建图层。选择玻璃的厚度区域进行渐变自定义添充（黑白灰色调，顺序是暗，高光，暗，高光），再按Ctrl+T对玻璃的厚度选区进行调整.
5 滤镜-扭曲-玻璃，选择喜欢的图案（扭曲度、平滑度为1，缩放50%）.
烧纸效果的旧照片–纯PS处理$
1 打开一张图片，执行图象-调整-色相/饱和度（+1，-58，+1）.
2 图象-调整-变化（中间色调，加深黄色，加深红色，加亮）.
3 复制背景层，执行滤镜-纹理-颗粒（9，56，垂直）.
4 新建一图层，执行滤镜-渲染-云彩.
5 再执行图象-调整-亮度/对比度（+27，+100）.
6 用魔棒工具，选定图层一中的黑色选区.
7 关闭图层一的预览，点击复制背景层，将前景色改为暗棕色.
8 执行选择-修改-扩展（5像素），选择-羽化（5像素）
9 编辑-填充（前景色），选定图层一，用魔棒选取黑色选区
10 关闭背景层和图层一的预览，选定复制背景层，执行编辑-清除.
11 图象-画布大小，高度/宽度均增加一厘米，定位（中）.
12 打开背景层预览，选定背景层，填充前景色（浅棕色）.
13 选定复制背景层，执行图层-图层样式-投影.（正底叠片，不透明度45%，角度45，距离7，扩展2%，大小10）.
14 合并所有图层.
斑驳效果艺术相框另一制法
1 新建一个文件 按D键 填充背景为白色
2 接着，滤镜—渲染—云彩 .
3 CTRL+M 调整下曲线(黑白对比度强).
4 完成好后的效果再接着 滤镜-扭曲-玻璃(扭曲度7，平滑度3，纹理-画布，缩放50%).
6 新建一个图层，背景为黑色，另新建一图层，添充白色矩形.
7 在矩形所在的层上执行滤镜-扭曲-置换，选择默认的选项。然后找到刚保存的PSD文件进行置换即可.
PS渲染你的照片气氛（风景）
1 图象-调整-色阶（RGB +29，1.0，+234）.形色主义 l2wvg.V’T@4I
2 执行色相/饱和度命令（全图 -14，+41，-1）.
3 继续执行色相/饱和度（红色，色相值降低，饱和度增加）.
4 继续执行色相/饱和度（黄色，-22，+45，-1）.www.swcool.commDZ-u
5 继续执行色相/饱和度（绿色，+15，0，0）.
6 调节亮度/对比度（亮度降低/对比度增加）.形色主义(H{T2P4ccN
简单轻松实现素描效果
1 打开图片，执行去色，调整亮度/对比度（亮度降低/对比度增加）.
2 复制背景层（Ctrl+J），选定背景层，执行滤镜-风格-查找边缘，再进行UXXXXX锐化，再将
图层模式改为叠加.
3 新建一图层，填充白色，添加杂色，再进行动感模糊，将图层模式改为正片叠底.
4 用橡皮工具（不透明度改为15%），对高光部分擦拭.
笔触素描效果的绘制
1 打开一副图片，复制背景图层，选定复制图层1执行滤镜-模糊-高斯模糊（2.0像素）
2 再次复制背景图层，选定复制图层2，执行滤镜-素描-水彩画笔（20，60，80），将图层混合模式设为变暗.
3 再次复制背景图层，选定复制图层3，将前景色设为红色，执行滤镜-素描-便条纸（25，7，10），不透明度设为30%.
4 再次复制背景图层，选定复制图层4，将前景色设为黑色，前景色/背景色设为黑/白，执行滤镜-素描-影印（1，50），执行色阶调整 （RGB,157,.0,159）,填充值30%.
用简单的方法做特别的照片
1 打开一副图片.
2 在通道中选蓝色通道，然后在蓝色通道执行滤镜-风格化-暴光过度，点回RGB通道即可.
黑客帝国特效
1.新建一个大小为500X300，RGB模式，白色背景的文件.
2.用文字输入工具随意输入一窜01代码，并按CTRL+T把它垂直旋转过来放，并多复制几个拉成不等大小，随意摆放几个。还有一种方法，是用滤镜，也可 以达到很不错的效果。就是菜单-滤镜-纹理-颗粒，把强度和对比度都调至100，颗粒类型选择垂直就可以了.
3.把那些01代码的文字层和背景层全都合并起来，并把前景色设置为R：100、G：255、B：0左右的绿色，背景色设置为黑色.
4 选择菜单-滤镜-霓虹灯光效果，发光大小设置为10，发光亮度为15.
5.选择菜单-滤镜-风格化-照亮边缘，边缘宽度设置为1、亮度设置为20、平滑度设置为1左右.
6.选择菜单-图象-调整-亮度/对比度，将亮度调至-10，将对比度调至60左右
Ps“反转负冲”人像处理一例
“反转负冲”是在胶片拍摄中比较特殊的一种手法。就是用负片的冲洗工艺来冲洗反转片，这样会得到比较诡异而且有趣的色彩。如果用在MM人像照片上，则会令 弥漫着一种前卫甚至颓颓的色彩.
1 打开图象，并让右边显示“通道面板”.
2 在通道控制面板选蓝色通道，进入“图象”菜单，选“应用图象”，选中“反相”，混合模式用“正片叠底”，不透明度为50％，确认.
3 在通道控制面板选绿色通道，进入“图象”菜单，选“应用图象”，选中“反相”，混合模式用“正片叠底”，不透明度为20％，确认.
4 在通道控制面板选红色通道，进入“图象”菜单，选“应用图象”， 混合模式用“颜色加深”，确认 .
5 在通道控制面板选蓝色通道，进入“图象”-“调整”菜单，选“色阶”（或者直接用快捷键“Ctrl＋L”调出） 在“输入色阶”三栏输入：25、0.75、150，确认.
6 在通道控制面板选绿色通道，进入“图象”-“调整”菜单，选“色阶”（或者直接用快捷键“Ctrl＋L”调出） 在“输入色阶”三栏输入：40、1.20、220，确认.
7 在通道控制面板选红色通道，进入“图象”-“调整”菜单，选“色阶”（或者直接用快捷键“Ctrl＋L”调出）在“输入色阶”三栏输入：50、1.30、 255，确认.
8 在通道控制面板选全部RGB通道，进入“图象”-“调整”菜单，选“亮度/对比度” 调整对比度亮度－5，对比度＋20，确认.
9 在通道控制面板选全部RGB通道，进入“图象”-“调整”菜单，选“色相/饱和度”（或者直接用快捷键“Ctrl＋U”调出） 调整饱和度＋15，确认
01月 11, 2010 - Posted by admin - 0 Comments
1、显示属性
display | position | float | clear | cursor …
2、盒模型
margin | padding | width | height
3、排版
vertical-align | white-space | text-decoration | text-align …
4、文字
color | font | content
5、边框背景
border | background
12月 22, 2009 - Posted by admin - 0 Comments
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
============================================
CSS设置不转行:
overflow:hidden 隐藏
white-space：normal 默认
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象
设置强行换行
word-break:
normal ; 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法
============================================
看了以上的介绍，赶快试一下，看看效果吧！
英文不换行
CSS里加上 word-break: break-all; 问题解决。这个问题只有IE才有，在FF下测试,FF可以自己加滚动条，这样也不影响效果
建议大家做Skin时，记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题
以下引用word-break的说明, 注意word-break 是IE5+专有属性
语法：
word-break : normal | break-all | keep-all
参数：
normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明：
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文，应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。
示例：
div {word-break : break-all; }
12月 15, 2009 - Posted by admin - 0 Comments
Color Tool 2.0.8 Alpha
自动和谐的颜色搭配，进入页面后点击：Click here to start，就可以看到调色板了。
Palette Generator
为你上传的图片（该网站还可以从 Flickr 和 URL 地址里直接获取图片）生产和谐的颜色搭配。非常适合经常在图片上加文件的蛋友们。
Average Photo Color
计算出上传图片的平均颜色值。（sein 前不久介绍过。）
Colr Pickr
按照颜色分类，查看 Flickr 上的图片
Whats Its Color
类似上面的 Palette Generator ，可以分析出上传的图片的颜色组合。
Color Blindness Simulator
你的图片在色盲（这里没有讽刺或歧视的意思，Protanopia：红色盲，Deuteranopia：绿色盲，Tritanopia：第三色盲）的眼里是什么样子的？
Sherwin-Williams Color Visualizer
一款有 Flash 技术构建的混色工具。载入较慢，请耐心等待。专门用于室内的颜色搭配与混色。
Colour Selector
多款在线调色工具。如下：
pic2color
类似上面的 Palette Generator ，只能分析网络上图片的颜色组合。
Color Wheel Calculator
Flash 技术构建
Color conversion
颜色转换器，可以转换以下颜色类型： RGB/CMYK/HSV/HSL/YUV/YIC
colordb（我这里无法访问，可能要穿墙）
颜色生成器，特色是颜色用多种值显示。
Behr.com Explore Color
非常棒的在线调色器。要注册。
Online Color Scheme Generator
界面非常友好，它还有一个离线工具，可以在小众这里下载。
100 Random Colors
Ajax 颜色生成器。颜色会随机生成。
ColorToy 2
又一个 Flash 技术构建的调色板。转换效果非常 cool。
kuler
Flash，我打不开。(我差点错过这款一级棒的工具，还好今天早上我再去逛了一次，原来是需要下载最新的 Flash Player 才能打开。)
这款工具来自 PhotoShop 的东家 Adobe 优秀的 web 2.0 界面，是用 Flash 技术构建！这也是一个社区，一个专门用来分享和交流颜色搭配的社区。有三个大频道：Popoluar，最流行的，RSS；Highest Rated，投票最多的，RSS；Newest，最新分享的，RSS。
查看某个颜色组合，还可以编辑这个颜色组合哦。编辑方法是：点击颜色名字右边的图标。
GenoPal Online
这个调色盘非常不错。
ColorJack: Sphere
我很喜欢这个调色盘。
Color palette creator v1.6.1
一个中规中矩的调色盘，特色：随机生成系列单色颜色。
ColorMixers
一个简单实用的调色器，调出来的颜色会有运用于网页的效果预览（做网页必备）。有离线版本（PHP版，JavaScript 版）。
ColorBlender
一款不错的调色盘，界面非常直观。提供颜色表（.act、.eps）下载。还可以把颜色表发送到你的邮箱哦。
Web Color Combinations Testing Tool
可以随机产生颜色盘。
Color Palette Generator
又一款把照片转化成颜色盘的工具。特色：图片可以分区获得颜色。讲不清楚，大家看看我测试的效果就知道了，我选择了把图片分解成 3X3 。
Color Palette Generator
又一款分析在线图片颜色表的工具。没什么特色。
Color Scheme Generator 2
非常简洁实用，推荐。用法很简单，你乱点就知道了。
colr.org
看到名字我就觉得很 web 2.0 的网站。果然不错，大家试试把鼠标移动到网站右边的图片上。嘿嘿。
EasyRGB
名字和工具刚好相反， easy？我试用了一下，找不着北。
HTML Color Code Combination Chooser
一款比较有特色的调色盘。你可以在你的网站上使用这款调色盘哦。
I Like Your Colors
我喜欢你的颜色。可以把某个网站的颜色偷过来用。大家可以试试煎蛋的网址。
ColorJack: Studio
一款非常 web 2.0 的调色盘。点击“ spin ”会产生随机颜色组合。
调色软件
ColorPicker
免费的调色工具。[下载]
使用提示：运行软件，把鼠标移动到你要取色的点，可以用“↑↓←→”进行一像素一像素地微调。然后按下 Ctrl + G 获取该点颜色。F1~F12 是用来切换调色盘上的调色区域。
Color Schemer
这里有多款调色软件，其中一款就是上面提到的软件Color Schemer Studio，要花钱的。可以在小众这里下载到绿色破解版，很专业的一款软件。适合做网页的人使用。有苹果版本。
该网站其他软件介绍：
Color Schemer ColorPix(免费抓色工具，有多种值：RGB，HEX，HSB，CMYK 显示。)
Color Schemer Galleria（苹果 Widget，展示各种颜色搭配。）
Anry Color Picker
只能用来抓取屏幕点的颜色，不推荐使用。
Pixie
一般般，不推荐使用。也是只能抓取屏幕点的颜色。
ColorImpact
收费软件。我没有测试。调色工具。
Pantone to RGB and CMYK
又一款收费软件，界面看起来一般般。
ColorZilla Extension for Firefox
火狐扩展，用于从网页上获取颜色值。我觉得没必要安装。
ColourMod Colour Picker
苹果上的一款 Widget。煎蛋读者有多少有苹果的？
颜色搭配
web2.0配色表
Screenalicio.us
按照颜色分类浏览用户提交的网页，可以查看该网页用了什么颜色搭配。
Color Schemes (Standards for Life)
一个分析网页颜色搭配的分类页面。
Daily Color Scheme
一个N久没有更新的网站。
Kolur.com
颜色与灵感。展示艺术家的作品颜色搭配。
Darkeye
一个收藏分享网页的颜色搭配的社区。
Grammy Award Winning Album Colors
2007 年格莱美奖获奖唱片封面颜色搭配分析。
Color palette predictions for the 2007 home
室内颜色设计，来自 Pantone 公司。
Fashion Trendsetter
关注每年最流行的颜色搭配。
Web Color Combinations Library
展示用户生成的颜色。
Website-ready color schemes
Color Schemer 制作的颜色搭配展览室。
Sherwin-Williams Color Trends 2006
又一个介绍室内设计的颜色搭配趋势的网站
ColorBurn Winning Schemes
Firewheel Design’s “ColorBurn” 比赛获奖者的颜色搭配。
Colorcell Ranking
利用“进化”技术，查看颜色搭配，大家有兴趣的话点击链接去看吧，我说不清楚。
Colour Lovers
查看用户提交的颜色搭配，有投票功能，提供RSS。
独特的颜色
Purple
就是紫色！
Hair and Skin Color Charts
皮肤和头发的颜色。
Web 2.0 Gradients (v1.0)
Photoshop 渐变颜色（Web 2.0），下载(.grd)。
rgb.txt
展示叫得出名字的 RGB 颜色。
moreCrayons – Web-Smart Palette
查看网页安全色
VisiBone Webmaster’s Color Lab
经典的颜色搭配表。需要邮购。
Color Blender
找到两种颜色之间的过渡颜色。蛮有创意的。
Skin Color Charts[穿墙]
穿着颜色的搭配。从唇膏到头发……
Hues to Use in 2005
Adam Polselli 的颜色流行预测。文章是 2005 年的。
Fashion in Colors
西方人服饰颜色的分析。
Color Codes Matching Chart HTML
Pantone，CMYK，RGB 对照表
ColorWhore
按照分类浏览颜色。
Color in Motion
展示颜色内涵与代表意义的互动 Flash。做得不错。我已经全部打包上传到 51files 了。这里下载。
Web 2.0 Colour Palette
Web 2.0 网站最流行的颜色。
Color Shades
颜色与它们更浅的颜色。
Color List
伽玛校正和无伽玛校正的同一颜色比较。CRT 和 LCD 上显示的颜色都是经过伽玛校正的。
List of colors
维基百科的颜色条目，无法访问。
技术文章与参考
（这一部分我估计没几个蛋友想看的，所以我就不翻译了）
Choosing color combinations
Explanation of how to select color combinations for websites
Color Glossary
A dictionary of terms related to the science of color
Colors on the Web
Articles about color usage online for designers
Color theory (Wikipedia)
Great article about general color theory principles
Why Color Matters
Explanation of the importance of color in marketing and business
List of palettes (Wikipedia)
List of computer color palettes
Colors Found in Nature
Explanation of how to find color schemes from photographs
Colour (Web Page Design for Designers)
Article about colors, schemes, inspiration, and design
Colour Schemes
Article about different ways to create color palettes
CMYK (for Those Who Do RGB)
Explanation of CMYK colors and how they’re used
Color Rules of Thumb
Simple color theory and tips, with examples
The Art of Camo
Article about the fine art of creating camouflage
Instant Color Schemes
How to pick create a color palette from an image
Color Theory
A simple introduction to color theory
Color guidelines for brands
Cultural and psychological connotations of individual colors
