使用Photoshop制作Web2.0风格字体

所在位置：论坛首页 -> ┈┋电脑网络┋┈ -> 图象媒体技术应用 -> 使用Photoshop制作Web2.0风格字体

标题:使用Photoshop制作Web2.0风格字体

冰心雨

等级:光明使者

权限:管理员

积分:1578

金钱:20093

声望:1645

经验:1514

发帖数:6147

2008-6-9 17:03:29

web2.0崇尚简洁明快，所以本案例相当简单。通过本例学习，让大家熟练使用文字工具、选框的修改以及认识渐变和描边的效果；还要意识到，网页中的图片不一定要绚才受欢迎，简单的效果也很有应用价值。本例的风格很多著名网站的LOGO都在采用。例如：

好了，我们开始！

新建文档，400×400，白色背景，这个大小足够我们操作，做好后可以通过裁切工具裁切为我们需要的大小。

选择文字工具，输入我们需要的文字，本例以raysky.com.cn为例，关于字体选择的原则，边缘光滑，较粗;设定好我们需要的大小，本例为48像素。选择边缘处理模式为平滑

执行图层-栅格化-文字，将文字层转化成了普通层，这样，我们可以用更多的工具，但不能修改字体属性了，所以上一步一定要先设置好。

按住ctrl键，点击该层，目的是为文字建立选区，执行选择-修改-扩展-2.0px，将选框扩大2像素。

将工具栏中的背景色改为黑色，按住ctrl键，在按backspace键（退档键），这个快捷键作用是将选区填充为背景色，现在，得到如下图所示结果。

取消选择，给该层添加图层样式，方法：图层-图层样式-混合选项，这时，弹出了图层样式的解析对话框，我们先勾选渐变叠加模式正常，不透明度100%，样式：线性，角度：90度，缩放：100%，然后编辑渐变颜色，设置可按下图所示。

别关闭图层样式对话框，继续添加下一个效果-描边，参数设置：大小3像素；位置：外部；模式：正常；不透明度：100%，填充类型：颜色；颜色：#e4d8d8。
好了，如果前面操作都正确，那么现在应该可以看到最终效果：

当然，渐变叠加这一步的颜色我们可以更具自己的喜爱设计，原则是同一色系、相差范围不大。
自己整理一下思路，掌握制作此效果的技巧。

2008-6-9 17:03:29

第1页共页共0个回复

<< >>

快速回复

支持UBB,HTML标签


首页 \| 购买指南 \| 虚拟主机 \| 特色介绍 \| 下载中心 \| 支付方式	Copyright 2004-2008 BBSGood.com Powered By: BBSGood.Speed Version 5.0
咨询电话：0575-85513832、0575-85513825(传真)、7*24小时咨询服务：13606552007	不良信息举报中心浙ICP备05029817号
业务QQ:38958768、客服QQ1:415896239、客服QQ2:343896043、MSN:jccsxx@hotmail.com