11-1811-1711-1711-1811-1711-17
也许你感兴趣优秀设计联盟-SDC-优设网-设计师交流学习平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 3 分钟
在此篇教程中，小编将向你展示在Photoshop中如何使用简单三步打造趣味云朵字体效果。本教程主要使用自定义画笔和画笔预设来实现白云效果。不用担心，这是篇入门级教程，能够让你更好的学会利用画笔工具。打开phoposhop尝试下吧！
注：本教程是使用Photoshop CS6版本完成的，因此界面较之前的版本会有些小小的不同，部分画笔工具也是该版本独有的。
首先来看一下最终效果（点击放大）：
摩拳擦掌，让我们开始吧！想要顺利完成该教程，你需要准备以下素材：
云朵笔刷：
烟雾笔刷：
热气球素材：
新建一个像素的背景层，使用渐变工具在该背景层上拉一个从上至下的浅蓝色渐变：
渐变层的颜色需求分别是（#0895bc和#0aebff），如下图所示：
新建一个图层，用以上提供的白云笔刷在该图层上天马行空一下，涂抹出天空效果，将它作为我们的背景：
在画布上输入喜欢的文字吧，这里小编使用的是Photoshop自带的字体（Lucida Handwriting）：
载入烟雾笔刷，并选择如下一组：
按“F5”打开画笔选项，使用如下设置：
形状动态：
一定要勾选“平滑”和“保护纹理”哦，才能确保文字的质感。
使用该笔刷在字体边缘涂抹（如下图所示），适时调整笔刷大小（使用“[”和”]“放大和缩小）：
隐藏原始文字图层，怎么样？白云文字是不是有点显现出来了呢？
为该涂抹后的文字图层添加图层样式——斜面与浮雕，如下图所示：
很好！目前为止我们的文字效果是这样的：
别着急，还差一步就完成啦！
这最后一步我们需要对文字效果做一些润饰。合并图层并添加滤镜——锐化——USM锐化，设置如下：
我们也可以在文字下方添加一些云朵，让文字有一种漂浮在云朵上的感觉：
载入热气球素材，在图像中添加一些热气球：
最后，使用第二步中的笔刷在文字四周再添加一些白云使其更有质感：
最终效果：
好了，我们的白云文字特效完成了！是不是很简单呢？本教程至此也告一段落了，希望你能从中受益，熟练掌握画笔工具的基本技巧。
——————————————————————————————-
翻译：SDC翻茄匠，
9个免费的响应式网页设计模板随着PC端、平板、智能手机等终端的发展，设备环境（系统平台、屏幕尺寸、屏幕分辨率等）更加复杂，网页展示需要考虑到各个终端的具体差异。
做一款3D糖果文字，并不是想象中容易。你得非常熟悉PHOTSHOP的图层样式的各种参数和性能，这一过程也几乎完美地涵盖了全部的图层样式，值得大家深入探索。今...编者按：一边看美女帅哥一边学字体性格！今天阿里的道石同学以趣味十足的方式，给同学们科普下中文字体的性格特点，都说字如其人，你是哪一类字体，看完这篇秒懂！ 道...编者按：今天这篇超级赞！！作者从字体选择、如何与图像搭配，如何运用色彩等等下手，给了超多浅显易懂的案例示范，还有动手操作后的效果展示，有条有理，层次分明，作...上周发的文章对字体设计进行了初步了解，并以「铁甲钢拳」四字作为案例进行了演示。 上期回顾：《零基础做字体？巧用字库做出你的第一款字体设计！》 看完本文你会学...编者按：今天的教程效果特别萌，创建过程也不难，重点依然是图层样式的运用，截图清晰全中文，练习起来非常方便，老规矩，评论交作业 ，&&& 1...编者按：字体设计基础入门篇！今天阿里的同学把字体设计的嫁接技术分享给大家，不仅有超赞的实例演练，而且改造过程清晰明了，包学包会 &&& 想...编者按：今天这枚字体效果，有一个迅速提升字体效果的技巧，前后视觉大不同，另附曲线工具的强大用法，力求让同学们不仅学会某种效果的绘制，更能举一反三，掌握捕鱼之...编者按：有同学问魔兽海报中的这种酷炫的立体字效果是怎么做出来的，其实临摹起来不难，今天刘远航同学就从头开始带大家做一遍，8个步骤轻松搞定。源文件已打包，学起...@豁牙子的阿昕 ：准备就要过年啦！在过去的一年，设计神器小分队分享了很多字体资源库。让我们在面对甲方爸爸变幻莫测的需求时，都能够有所应对。 然而，字体资源就...
我们的团队
大家在关注
一扫"掌"握！
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里查看: 1257|回复: 0
字体折笔圆滑设计方法
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
才可以下载或查看，没有帐号？
& && &折笔不仅仅是指 笔画 的折笔处，还包括笔画相交处。先例举一些搜集的例子，如下图：
& & & & & & & & & & & & & & & &
将直角的笔画处理圆滑，可以改换文字生硬的气质，文字的同类笔画，或同方位的折笔、笔画的交接处，处理成圆角，本身就是一种调和呼应的手端。 这种手法就像把文字放在一个圆角矩形里一样。
虽然，圆滑可以增加女性化气质，但是只有笔画很细，圆笔弧度很大时的才会体现出很女性的感觉，如上图的“水兰伊”，而粗的字体，并不会改变很多。
折笔与交接处的圆滑，不仅仅是字体风格的追求，这种婉转直角的处理手法减少了字体笔画直角处和交接处的视觉噪点（笔画交接处产生的视觉黑点），可以让字看起来更流畅，清晰。原理示意图如下图：
& & & & & & & & & & & & & & & &
在笔画的交接处，如上图出现的情况，都可以通过适当的折笔圆滑来处理，圆滑而细化的笔画，让字体不再产生很多噪点。 面对一些笔画交叉多，又想保持很粗的笔画，这种方式处理，可以减少视觉的不少噪点， 例子很多请大家自己收集观察。
折笔圆滑的处理，对于很细的笔画就没什么特别的，只要处理圆滑的弧度，就可以决定字体的气质。 针对较粗的笔画， 还可以 有 一些可变的情况，如下图：
& & & & & & & & & & & & & & & &
常见的有 外园内方，外圆内圆，还可以内圆外方，这只是手法技巧的扩展，当然这种折笔，写出来的字并不圆滑，但是设计出来是字体也比较好玩，如上图的“你”，很多设计师都在尝试字体笔画上的可能性，大家可以去收集归纳，都可以总结到几种思路之下，字体笔画上的变化很多，但都是基本的思路变化及交错运用，模仿训练时，就要细分，单项训练，才能尽快提高。
所谓的字体视觉上的创意，基本跑不出，字体笔画字形，色彩，笔触材质，书写技法，及与图形符号同构的方法范畴，掌握住大框架，剩下就是选择哪种处理手法更适合解决客户单子的问题了，这里不做过多的赘述。
折笔不仅仅可以改变字体的形态，还主要用来使字体感觉统一呼应，常见的折笔呼应处理，无外乎，字的上下左右四个方位，方块字的每个角度都可以折笔圆滑，（如下图中的，四个角落的例子） 也可以整体的圆滑（如下图中间的例子），还可以只是内部交接触的折笔圆滑。
还有很巧妙的折笔圆滑呼应方式，但基础思路都是折笔的圆滑处理，为了方便练习和把握，不再一一列举，复杂的都是有简单的组合得到的，练习时抓住一点训练即可。
& & & & & & & & & & & & & & & &
在具体设计时，还是比较好分析的，拿到字体，看下要设计的字体是否在统一的某个方位存在折笔或交接处，然后统一的圆滑处理就行了，汉字多是方块字，几个汉字排在一起，四个角落，总有统一的地方，如果有个别不行，那就先做我们前面一篇文章说的“笔画方直”使字体充满四个角落，如果笔画少，就通过回折增加笔画的折笔，最后再做折笔圆滑。
方法总是有的，我们是一种种的介绍，大家训练时，要考虑把前面学过的都运用起来，这样可以慢慢解决更复杂的字体问题。
&&教程编号:134919 作者：精思巧形 出处：站酷
Powered by当前位置： >
如何让字体和图片搭配得更加好看？
来源/作者：优设网/飞屋睿UIdesign
有人说，中文网页的设计其实没有 字体设计 这一环节，因为在网页中能用到的中文字体非常有限，能用的也只有黑体、宋体、微软雅黑等，这给中文网页的美感带来了折损。相比英文
有人说，中文网页的设计其实没有字体设计这一环节，因为在网页中能用到的中文字体非常有限，能用的也只有黑体、宋体、微软雅黑等，这给中文网页的美感带来了折损。相比英文对字体的斟酌，网页上的中文字体显得太随意。
当然，这种说法有一定的正确性，但我们应该换个角度看。中文的网页中的字体的确是局限在这几款字体中，但不代表中文网页就没有字体设计这一环节。
认识网页设计中的&字&
首先，我们简单将网页里的文字分为可替换和不可替换两个部分。
可替换的文字也就是能通过后台管理进行编辑的文字，例如博客文章、产品说明等。不可替换的文字是在网页制作过程中所定下的，后台管理并不提供文字的编辑条件，通过网页代码才能修改，例如导航、Banner等。不可替换的文字并非完全不能修改，只是修改一次会耗费一定的成本，因此修改的间隔时长，比如导航的修改需要经过代码，而Banner里的文字的修改也需要重新设计Banner 图片。
可替换的文字只能使用网页所允许给定的字体，因此中文字体的选择面较窄。但不可替换的文字则可以通过图片等方式展示，将其制作成透明背景的图片，这时，字体的使用和排版都是灵活的，设计师就会有足够的创作自由度。
下面这个设计中所使用的字体就经过了一定的设计，字体更换并不十分容易。
新手可以来这篇文章学一下基础技巧：《创意字体有妙招！教你四招晋级字体达人》
这里所谓的与图片的搭配，也是指的这类可以经过设计的文字。
字形的观察
字体首先是一种图形，然后再是可承载信息的文字，因此，当你挑选一款字体来搭配图片的时候，你需要集中去观察文字的形态特征是否和图片协调。
在挑选字体之前，首先观察图片里的形态特征。如果配图是以插画的方式呈现，那么插画里的风格细节，以及此类风格所表达出的年代感和空间氛围，都提供给你挑选与其所搭配字体的依据。比如英文中的无衬线体通常较为现代，而衬线体较为古典。
下面的页面中的配图经过曲线造型，因此，与此搭配的文字采用了Adelle无衬线体，可以看出字体中的圆弧处理和配图中曲线的流转造型相呼应。
如下设计里的配图都是零散的矩形，因此与此相应采用的字体为graphik，这个字体的特点也是表现出非常清晰的几何边缘。
以上的字形所带来的形态特征与配图相呼应即是一个能让图文实现完美搭配的方式之一，此外，我们知道一些特殊的风格化字体也能表达出特别的氛围。
例如下图中的机器看上去非常有80年代的机械感，而这种造型也营造一种技术世界里的怀旧感，因此像素文字最适合与此相搭配。
从这几款英文字体的实例图文配中，我们需要配以对&形&的观察解构能力。也同时需要对字体所承载的风格特征作出一定的归类。非但英文需要精挑细选，中文也需要认真的斟酌，而不能以期待偶遇一款好看的字体，以好看为目的进行设计，最终结果都是失败之作。
字体还可以经过一定的设计，在原有的字体基础上进行一定的&变形&，这当然就更不能频繁更换。根据主题而进行一定的&微调&，让氛围表达得更加丰满立体。
如将圆圆的字母中空的部分填实增加了可爱感，与配图的角色形象也非常搭配。
字距和行距
观察字形，用你敏锐的设计师的眼光来区别不同字体的特征，这是挑选比较大的字体时需要具备的能力。因此，非常适合用在首图、Banner等需要将文字做成图片所展示的情况下。而我们的字体还有形成段落进行展示的时候。这时，形的特征逐渐隐去，我们更多关注字与字之间的关系，即字距。
一般情况下，字距的选择总是根据字体本身以及其和空间的关系来决定，当字距较小时，传递出一种紧凑感，而字距宽松又能表达出一种轻松感。
比如大型展示字体的距离总是以相互靠近为佳，因为字体本身已经占据了足够的空间，如果再在字体间增加空间就会让整个空间被填满。因此，我们也可以说，字距根据整个空间进行调整确定。与此同时，配图也是以较为集中感的方式展示，所有箭头真是&万夫所指&，因此字距缩小，略有集中感。
而相对较小的字体，略带轻松和闲适，与此搭配的图片也是一堆木材，联想到木匠的自然惬意感。
在中文的世界里同样适用，然而不同的是，中文字体的距离应该更加远一点，以保持单个字体的独特展示度。因为中文的每个单字都可以看成一幅图画，拥有一定的意境，因此，保持字距是中文展示能保持美感的一个关键。
当字体变为垂直展示时，更应该拉宽上下字距。这是由于我们人眼并不熟悉上下顺序的阅读习惯，如果字距较近则容易形成字与字的视觉粘连。
而行距则不同，当你考察行距时，这时字体已经变成了段落，成片出现的字体则是段落，你要关注的就应该是整个段落的灰度值。所谓灰度值就是字体的疏密。
较大的行距和较大的字距一样都能传递出紧凑和轻松的不同之感，同时，行距也关联着字体本身的色彩、字距以及字体大小以及字体最终的形态。英文的行距可以以1.5倍作为标准尺度，然而一切规则都是依靠条件而存在，如果在特殊的场合，依然可以选用更大或更小的行距展示。
这一段落的字体等安排配合了配图中所传递出的儿童的教育成长这一主题，选用较为圆润的字体，字距较宽松，体现出轻松的氛围。字体本身采用和LOGO一样的色彩，比黑色字体更透露出趣味。
厘清字体的字距所创造的疏密，行距带来段落的灰度几何，配合字体本身的展示形态，你才能更好的选择与此相称的配图。多了解字体，对不同风格的字体的形态有大致的了解，在使用时才不会手忙脚乱去盲目找寻适合的字体，平时对字形的积累极为重要。记得为自己建立一个字库，才会在图文搭配时得心应手。
原文地址：http://www.ifeiwu.com/blog/design/1441
(责任编辑：极限)
*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）
更多精彩内容
从空间/变化/形式3个方面
中文字体应如何挑选与排
10种字体排板设计技巧，让
如何让字体和图片搭配得这种文字边缘的模糊怎么弄？求大神教【photoshop吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：1,099,025贴子：
这种文字边缘的模糊怎么弄？求大神教收藏
ps上的字太清晰了，我需要这种效果
文字 图层效果 外发光。总感觉是画质不好失真
我想把放大的字体边缘锐化清晰处理？怎么完成呢？
文字里有平滑犀利锐利等设置的啊
截图，对截图进行截图，以此类推多试几次，失真后就差不多了
滤镜，添加杂色
是我撸太多吗，我怎么看不出来这文字有模糊特效啊
我默默的呵呵了
photoshop选用金山毒霸软件管理工具,用毒霸下载photoshop一键可靠无忧.
下班了不是没事干吗！！！！
将文字复制出一层，下层的 滤镜 马赛克，再把上层的文字调下不透明度，看起来效果就差不多了。
你试一试上传到贴吧，下载下来保存，然后上传，如此反复，连续30遍，差不多就是这个样子了
加个外发光就好了
大哥们，两年前的帖了
当初应该是用的一个边缘模糊的办法
登录百度帐号}