Tell Her 我站在这边等
我爱小清新
茉莉幻 发表于 2010-12-02 09:03:10
最近，在网上搜罗了一些皮肤美白（也称磨皮）和日系小清新的一些教程，都试了一下。觉得其中有很多过程比较繁琐，所以自己又总结了一下，整理出下面这套对于大多数照片来说都比较实用的方法，在此记录下来，怕时间久了自己会生疏记不起来。也供感兴趣的朋友参考！
先上对比图：
以上为原图
以上为磨皮美白后效果
以上为日系小清新风格效果
皮肤美白处理步骤如下：
1、用PS打开原图，双击背景层解锁，然后按ctrl+j复制背景层（养成复制图层的习惯，避免做过多修改后无法回复到原来的状态）；
2、对图层复本用“仿制图章工具”去斑。具体做法是选中“仿制图章工具”，按住alt键取斑点附近颜色相近的点，然后松开alt键用鼠标覆盖斑点处即可；
3、基于图层复本，在工具栏里找到“滤镜”→“杂色”→“中间值”，半径选为2（这一步可视情况而定半径值，效果不要太过模糊），对图像做基本处理；
4、对图层复本做：“滤镜”→“模糊”→“高斯模糊”，半径选为2（同样视情况而定半径值）；
5、将背景色设为黑色，前景色设为白色，在图层复本上添加蒙板，“添加图层蒙板”按钮在图层窗口左下方第三个图标位置；
6、选中蒙板，用适当大小的柔和黑色画笔，涂抹五官、头发、衣服、耳环、戒指等皮肤之外的部分，使其清晰可见（注意：皮肤边缘处一定要清晰，如发稍、指缝、指节的手纹、脸的轮阔、眼睛、睫毛、眉毛、鼻孔和鼻子两边的曲线、嘴角处都要稍加涂抹使其清晰，否则会造成模糊不清的后果，所以多涂抹一点点边缘皮肤并无大碍。此步骤的目的就是只让需美化的皮肤模糊，而其他部分则保持清晰）；
7、选中图层复本，ctrl+j复制图层复本，得到图层复本2，之后的操作均在图层复本2上进行；
8、用鼠标激活背景图层，打开“图层”窗口中“通道”选项卡，按住ctrl键点击红色通道，得到高光选区；
9、保留选区，回到“图层”选项卡并激活图层复本2，再次执行“高斯模糊”命令；
10、放弃选区，基于图层复本2，放大图片，在蒙板上对五官等需使其清晰的地方再次涂抹修改直至满意；
11、“滤镜”→“杂色”→“添加杂色”，数量选为1，高斯分布。这一步的目的就是让皮肤有质感，更自然；
12、合并所有图层，再ctrl+j复制合并后的图层，添加“曲线”图层，对画面的颜色和亮度调整至满意，合并所有图层，完毕（注：添加“曲线”图层在图层窗口下方左边第四个按钮的下拉菜单里）。
日系小清新风格处理步骤如下：
1、同样，复制图层，得到图层复本，选择“通道”选项卡，选中蓝色通道，ctrl+a选中整个图片，然后ctrl+c复制整个图片，然后让所有通道可见（即点上RGB、红色通道和绿色通道前面的小眼睛）；
2、回到图层选项卡，工具栏里“图像”→“模式”→"LAB颜色"，在弹出的对话框中选择“不合并”；
3、基于图层复本，打开“通道”选项卡，选中“b通道”，ctrl+v，粘贴刚开复制的蓝色通道，这时你会看到，lab通道的颜色非常的艳丽；
4、回到“图层”选项卡，选中图层复本，调节不透明度，一般在15%至25%之间即可，这时便可看到整个图片都是青蓝色调；
5、添加“曲线”图层，调整亮度（补充：一般的小清新风格都是利用高光来使画面达到唯美的效果的）；
6、最后一步，工具栏里“图像”→“模式”→"RGB颜色"，把模式调回到RGB颜色模式，合并所有图层，保存，完毕（补充：在LAB颜色模式下不能存储为JPG格式的文件）。
总结一下，并不是那么的复杂。主要还是要多练，才能熟能生巧。
Bless一下，自己的PS技术快快进步！！！
网页导航的质感运用技巧
茉莉幻 发表于 2010-07-07 09:01:04
一直都有朋友在问质感方面的问题,很多朋友也一直希望记忆能做一期质感方面的教程,但是由于一直很忙,所以到今天才简单为大家带来一期质感方面的教程!
首先来看一个标准的导航质感如何展现吧！
导航在网站设计中占有举足轻重的地位，导航是整个站点中（特别是门户站）视觉的焦点和中心，其影响力仅次于Banner!导航的成败直接影响了整个站点的表现，不管是企业站，还是Flash站点，都不应该轻视导航的设计！
在这里我就大概讲一下质感类导航的制作方式！
我个人总是把导航的质感分为好几层，例如高光，泛光，点光，投影等，也就是基本一个实物应该具备的一些效果，把他们综合到界面上，就可以比较好的展现出界面的质感，详细请看下图！
上图中所举例就是我常用来体现导航质感的方式了，当然方法很多，实现效果也可以千变万化，如何去实现更好的效果。咱这里就不多罗嗦了，呵呵！
然后我在举一个带有复杂质感导航的实现方式，例如下面的玻璃质感导航是如何实现的！
玻璃是一种带有复杂高光反射的材料，所以要用更多的光去体现他的质感，我简单举例了一个制作，大家可以看下图我是怎么去实现玻璃效果的！
其实大家应该可以从我这两个例子里看出来，打底的无非就是一个渐变色图层，其他效果都是靠不断的新建图层来实现的。而且质感的体现总是会在一定的高光，暗光，投影里形成！所以我个人总结的是多参照实物。多参考别人的设计，把自己学到的多换方式运用，这样就可以制作出非常多质感丰富且漂亮的导航了！
下面为大家带来一些实例!
导航上的质感应用
Photoshop CS5 新功能介绍
茉莉幻 发表于 2010-07-01 14:20:15
http://tech.sina.com.cn/s/2010-04-12/15281312302.shtml
Photoshop CS5新功能教程：混合器画笔轻松圆你画家梦
http://www.jcwcn.com/article/2010/0511/photoshop_32193.html
人物凭空消失！PhotoShop CS5新功能详解
http://pcedu.pconline.com.cn/sj/pm/photoshop/rm/1006/2137683.html
如何将Photoshop模糊图片变清晰
茉莉幻 发表于 2010-06-19 17:46:43
在Photoshop CS2刚发布的时候，看到英文的资料里有一个能将模糊变清晰的滤镜，当时我们戏称它为“反高斯模糊”。没有想到，拿到Photoshop CS2用了以后，才知道还真的可以反高斯模糊，不信？我们这就来看看效果吧。
步骤一、打开一张不够清晰的照片。
步骤二、执行“滤镜>锐化>智能锐化”命令，在弹出对话框中设定如图所示。
步骤三、将“背景”图层进行复制，在“背景副本”图层上执行快捷键“Ctrl(Win) / Command(Mac) + F”，将“智能锐化”再执行一遍。
步骤四、将“背景 副本”的图层混合模式改为“柔光”，不透明度改为70%。
步骤五、重复步骤三和步骤四的操作，将新得到的图层不透明度改为50%。
Photoshop用户必知必会的28个快捷键
作为Photoshop用户，如果你想加快操作速度，提高工作效率，使用快捷键是一个有效的途径。下面介绍的28个Photoshop操作快捷键，分为10大最常用快捷键、7个色彩校正快捷键、8个图像编辑快捷键、3个界面快捷键四个部分，希望你能够在使用中逐渐的记住它们。
化模糊为清晰！用Photoshop修正模糊图片（一）
简单使用PS的高级锐化（一）——提高锐化精度
锐化水平：只要你明白点Photoshop图层，能找到“编辑”、“滤镜”菜单，会把PS的图像存储为JPG格式就行。
锐化注意：一定在其他后期处理都整完了再进行。
锐化要点：宁可不那么锐，也不要锐过。
锐化参数：各值只作参考，图的大小决定参数的大小。笔者示例用图为1024×768像素。
序：锐化，对那些PS高手来说是不值一提的，但对一用PS就觉得头疼的影友来说就要费一翻周折，什么高反差保留、边缘锐化、什么USM锐化，进一步锐化......。当然有很多小的数码图片处理软件有锐化功能，但我告诉你，那能和Photoshop相比吗，要不它整那么多锐化干啥，用PS锐化就是来提高锐化精度。当然有很多大师在杂志或论坛上讲解PS的锐化方法，但那是大师级的，说的是术语并长篇大论，他还告诉你PS是咋实现锐化的，有时你需翻来覆去地看才能整明白。咱们用不着知道咋就能够锐，咱们知道咋锐就行了。今天笔者就总结大师们的经验，照虎画猫，用白话帮你整整锐化，让不咋敢用PS锐的影友努力把片子秀出精彩。
锐化的目的是让片子更清楚些，但如果拍时整虚了，那是错位了，也想用锐化弄清晰，个人认为不大容易。它是用在相机动态范围小啦、锐度低啦、图片缩小后什么的。下面介绍两招笔者认为作用大的，较精确的锐法，大师们可别笑，笔者是和初学者共同学招。开始！
一、USM锐化
USM，啥意思？笔者也说不太清，反正它是PS滤镜里带的一种锐化法，你就记住肯定比小软件锐的精就行了。
USM锐化拢共分五步。
第一步，把要锐的图像打开。
第二步，复制一层，把原图层的小眼睛关上，把图放大到100％。
第三步，在【滤镜】菜单中找到【锐化】——“USM锐化”，开。
第四步，移动“数量”、“半径”、“域值”的滑块儿，左眼看大图整体，右眼看小窗口局部，左顾右盼地调整。
但是，这疙瘩我得说一下，因为你想锐的图大小不同，而且这几个值还挺不好理解，这地方整明白了对锐化精度有用。
数量——准备让多少个像素发生变化。就是有多少像素想增加对比度来起到锐化作用，越多效果越强，图大也要弄多些；
半径——发生变化的像素中，不能一起变，是以几个像素的范围开始，使靠近它的像素再跟着逐渐变。也就是在“数量”栏所确定的像素中，作为边缘的像素是以几个像素为范围来开始变化，半径值越大，锐的范围越大，锐的越强，这也得看图大小设定。
域值——让啥模样的像素变化。是让软件知道，边缘有多大反差的像素是用来锐化的。有一摄影杂志里介绍说这个值越大锐化越强，俺认为说的是不准确的，应该是：值越大，在上面两项确定的像素里，锐化范围越大，过渡自然；数值越小，反差越大，针对边缘更有用。
如真看不明白就干脆看图的效果试着来吧，反正这几个值的意思让笔者实在转的头疼。
对比：
笔者觉得：风光建筑，数量整200、半径整1－1.5、域值整10－20；花草人像，数量整150、半径不整大于1、域值整2；猫啊狗啊，就整150、1、15，其它的自己试试吧。
第五步，到【文件】菜单，“存储为”啦。
二、高反差保留锐化
笔者觉得这个锐人像挺好的，那眼睛不是很亮而是相——当地亮，不过脸上的疙瘩、褶子也是相——当清楚，那你就不能自己琢磨琢磨只整眼睛？不全告诉你，怕你印象不深，呵呵。
第一步，把图整进来。
第二步，复制二层，把原图层眼睛关上，选中最上图层，把图放大到100％。
第三步，打开【图像】菜单，找【调整】——点“去色”。
第四步，打开【滤镜】菜单，找【其他】——“高反差保留”，蹦出对话框。
第五步，调“半径”，在1－4为佳，根据你图片大小和需锐的程度，自己拿主意吧。
第六步，在图层面板“图层”俩字下面的小口里选“叠加”，再整整右面的不透明度（也可省事儿，用小键盘9、8、7....试，0是回到100％。
对比：
化模糊为清晰！用Photoshop修正模糊图片（二）
简单使用PS的高级锐化（二）——降低锐化噪点
较大的图片虽然精度高，有时照顾不周，也会整出噪点，但人家PS哪能没招呢，你可用混合方法去锐，就能降低噪点啦，使你锐得更精。
方法一、使用消退命令：
第一步，把要锐的图像打开。
第二步，复制一层，把原图图层的小眼睛关上，把图放大到100％。
第三步，通过【滤镜】中的【锐化】，哪种都行，俺还是用【USM锐化】。（高反差保留用这招降噪不好使)
第四步，USM后，【编辑】菜单里出现一项【消退xxx】命令或用快捷键“Shift＋Ctrl＋F”（偷偷告诉你，使用滤镜后，最后用的就会出现消退后面，这可有别的用处），开。
第五步，在蹦出的【消退】对话框中调整，“模式”选择“亮度”，不透明度笔者调到了90（根据你片子的情况调）。
对比：
第六步，存！
方法二、使用LAB明度通道
这法只对图像明度锐化对色彩没影响，你说高不高，噪点怎能不低呢。
第一步，怎样把图整进去就不说了，按上面一、二做；
第二步，打开【图像】菜单，选【模式】中的lab颜色；蹦出对话框点“不合并”；
第三步，在【图层】面板点【通道】选项卡，再点“明度”；
第四步，打开【滤镜】菜单，【锐化】——“USM锐化”
第五步，再到【图层】面板，把lab通道的眼睛点亮；
第六步，必须整的，打开【图像】菜单，选【模式】中的RGB颜色，蹦出对话框点“不合并”，把图转回RGB来呀；
关于中文字体设计排版的一点见解
茉莉幻 发表于 2010-06-02 12:54:10
不过，对于在西方现代设计熏陶下成长起来的部分设计师来说，中文字确是一个时常难以处理好的角色。个别设计师对中文有一种排斥态度，我们经常可以看到一些英文很突出、中文缩一隅的设计。甚至有些设计为了“好看”和所谓的“国际化”，干脆不要中文，这是严重的误区。笔者认为，凡是针对中国境内的设计物品，中文在画面中的显著性总是不应低于英文的。毕竟我们的设计要传达的受众是中国人，我们不应违背视觉传达的基本原则。
对于中文难处理的情况，我们不妨分析一下个中可能的原因：首先，拉丁字母只有26个，却有千万种变化的字体，相对于汉字来说，字母造型简洁，可塑性强，符合现代设计的审美；其次，英文单词横向线性排列、长短不一，在轮廓造型上具有韵律的变化，不象方块字一个个独立较呆板；再者，可能就是心理作用了，用英文字的设计是“国际化”的、现代的。而中文字则只适合在传统的对象上表现……其实，以上的种种理由都是片面性的，如果觉得西洋的设计如此，那么东洋的呢？日本人怎么处理文字的？韩国人呢？
日本设计师处理文字的方法值得我们借鉴和学习。其实从理论上说，日文比中文更难处理，因为日文中的汉字和假名造型差异较大，如何统一是个难题。但在日本这个处处讲究“道”的国家，对一切物品的设计都有一丝不苟的程式化态度。（因为“道”是一种“精神” ）。日本设计师设计出了许多优秀的日文字体，而且，他们在文字大小的、疏密对比、排列的方式上都极尽讲究。相比之下，许多中国同行总是忽略了文字在一幅画面中的作用，认为它只是“配图的”，有的甚至于“先空出来”，最后再上。而且在排列上并未注意文字的字体、大小、间距、行距、走向、顺序和周围的空间等效果。只是顺着排下来，手法单一，毫无情趣。另外，我们不要忘了，还有西洋人无法和我们相比的，那就是——书法，这一点，也可以再看看日本人，我不再赘述了。
值得说说的，是现在的电脑中文字库。记得在学生时代，老师教我们以数小时甚至几天的时间去手写一个美术字，当时就有人提出异议：将来都用电脑了，谁还去手写美术字？老师则说：“练字不是为了写字，而是培养你对图形形态的理解和处理能力。你不去亲自用手写，你就感受不到字体笔型与结构之间怎样才能和谐和美观。”后来我从写美术字当中找到了书法的感觉……现在当然大家都用电脑了，不过电脑里的字库，也是由人一个个的写出来的。笔者使用PC，简体中文操作系统，常用文鼎与汉鼎字库。但笔者对于目前中文字库的开发设计者们，实在不敢恭维。以文鼎为例，本身属于字体种类较多的字库，繁简都有。基本字体（宋体、黑体、楷体等）尚可，变化也较多，但经不起推敲，作为一般使用还不如WINDOWS自带的字体。较有“创造性”的诸如“古印、海报、堪亭流、琥珀等”多为繁体，也不宜用作印刷字体，而且适用范围也较少。令人惊愕的是，文鼎后来推出了一批我可能一辈子也不会用上一次的诸如“贱狗体、火柴体、石头体……” 这等“烂字”，不但造型怪诞，而且意趣粗鄙，完全偏离了字体设计的初衷和方向。甚至有一种类似于钢笔手写的字体（当然很难看），不知道是谁写的，干脆就起名叫“谁的字体”。也不知这些人是怎么想的！实际上电脑里的字库大部分主要是印刷字体（即可以成篇地使用）。所以新字库的开发设计不应求奇、求怪。可以在笔型的结构、笔画的粗细、结构的组织上稍有变化则可。还要注意整体的美观。目前有个别新开发的字体还算不错的，如汉鼎的“黑变”、“圆新”、“特楷”，方正的“粗倩”（压扁一些较好）等。另外，日文中的许多字体是我们可以借鉴的榜样。
最后，我想针对一般常用的几种中文字体的特性和应用补充一点看法。不过事先声明，以下想法仅代表个人经验的理解和使用习惯，笔者无私奉献出来，大家千万不可教条。
宋体：延展出“仿宋、老宋、标宋、书宋、报宋”等，其中有些种类的宋体单独看起来差别不大，但如果一行排列起来则有不同，设计时应注意其中微妙差别。另外，较粗的宋体字（如老宋、标宋等），具有较强的传统文化气息，在传递现代感的对象中慎用。
黑体：由不同的粗细延展出“等线、粗黑、大黑、特黑”等字体。“等线体”也还分粗细，笔者认为这是一种很不错的字体，它的笔型和黑体略有差别，相对更简洁，外形结构也更方整，更具有现代感。“等线”总体笔画较细，成篇地排列，感觉清爽、精致。
宋体和黑体就象英文中的罗马体和无饰线体一样，永远是最基本的印刷字体。它们如同服装装设计中男装的西服和夹克，造型已臻成熟，不宜过多改动。如果你在给企业、商标设计标准字时没有把握设计更好的字体，不如就直接用它们吧。至少还算“大气”，不会让人别扭！
楷体：一种温和的字体，我喜欢用它来写信和辅助说明。楷体还透着一种文化感的雅致，许多设计类的物品上时常见得到它。“行楷”是演化出来的，本身字体造型还可以，但我不怎么喜欢它，一股革命旧时代的气息，很少用。
圆体：一种曾经很泛滥的字体。貌似“等线”，却又圆头滑脑，面条般软软的，没有力度。不过，较粗的圆体具有亲和力，“细圆”也较方整精致。在食品、药品类物品上也能常见到它。
综艺体：也是一种曾经很泛滥、而且现在好象还是很泛滥的字体。不知道是谁发明的，我不明白为什么许多人喜欢动辄就用它，也许因为它在字体中是最方整的？其实它的字型很难看。（如果把它那些弯的拐角去掉也许会好些。）不过，出于综艺体造型的方整，笔画也够粗，可以由它比较容易地变化出新的标识性标准字体，也算综艺体的最大贡献吧。
隶书：古老！比老宋还古老的一种字体。即使是在传统物品的设计上，我们也可打破脑中印象常规，不去用它。但是隶书沉稳有力，许多企业老板喜欢它。 “细隶”也还算优雅而不失风度，作为少许几个字的点睛也还不错。
总之，字如人一样，每种都有自己的性格。用好文字，在设计中起着至关重要的作用，不要对自己必须使用中文抱怨（那是无能的表现）。同时也期待字库的设计开发者们能做出更好的、便于设计者们使用的字体。
心情好❤修饰脸型
茉莉幻 发表于 2009-03-20 10:39:03
我的ps效果
瑞丽的效果
我承认跟瑞丽的美工还是有很大差距的
从我的到瑞丽的效果
需要做得就是磨皮（我很懒，懒得做）
还有色相选黄色，饱和度减淡就ok了
我又改善了一下，用了柔光
再来一个水嫩的效果，有点梦幻
