Photoshop 网页设计实例糖果特效文字.docx

1、Photoshop 网页设计 实例糖果特效文字Photoshop 网页设计 实例糖果特效文字糖果网站一般都在网页上放置一副精美的糖果图片来突出产品主题，简单字体概不可少。为了衬托和配合糖果图片，本案例通过运用通道和【滤镜】中【位移】、【高斯模糊】等命令制作一种带有甜味的糖果字。并通过【色相/饱和度】命令对绘制后的文字更改其颜色，使其文字像糖果一样颜色丰富，如图1-91所示。图1-91 糖果网页1 制作糖果文字（1）建一个【宽度】和【高度】分别为1100和800像素，白色背景文档。使用【横排文字工具】，分别输入S、W、E、E、T字母。并按Ctrl+T快捷键，对每个字母进行旋转、透视，使其凌乱排列

2、，如图1-92所示。图1-92 栅格化文字提示如果要将文字进行扭曲、透视变换操作，首先必须将文字栅格化。选中文字图层，右键单击，选择【栅格化文字】命令，将文字栅格化。（2）打开【通道】面板，复制“蓝”通道，将副本通道命名为“原始”通道。选择该通道，按Ctrl+I快捷键，进行反相，如图1-93所示。图1-93 复制通道 （3）删除字母图层，新建图层“糖果”，将该图层填充白色。设置前景色为黄色（#FFE100），执行【图像】|【图像旋转】|【90度（顺时针）】命令，将画布旋转。执行【滤镜】|【素描】|【半调图案】命令，设置参数，如图1-94所示。图1-94 绘制纹理效果（4）执行【图像】|【图像旋

3、转】|【90度（逆时针）】命令，将画布复位还原。执行【滤镜】|【扭曲】|【切变】命令，设置参数，如图1-95所示。图1-95 纹理扭曲 （5）按Ctrl键，载入“原始”通道选区。执行【选择】|【修改】|【收缩】命令，设置【收缩量】为2像素，设置参数，如图1-96所示。图1-96 创建选区 （6）按Shift+F6快捷键，羽化选区，设置【羽化半径】为6像素。按Ctrl+Shift+I快捷键，将选区反选后，填充橘黄色（#FF9805）。取消选区，如图1-97所示。图1-97 填充选区 （7）新建图层“高光1”，填充白色。载入“原始”通道选区，设置【收缩量】为4像素缩小选区。将选区填充黑色，取消选区

4、，如图1-98所示。图1-98 显示文字（8）执行【滤镜】|【模糊】|【高斯模糊】命令，设置【半径】为8像素，模糊图像，如图1-99所示。图1-99 模糊文字图像（9）载入“红”通道，反选选区。执行【滤镜】|【其它】|【位置】命令，设置【垂直】和【水平】分别1-8像素，移动选区图像。取消选区，如图1-100所示。图1-100 移动选区图像（10）执行【半径】为2像素【高斯模糊】命令。执行【滤镜】|【风格化】|【浮雕效果】命令，添加立体效果，设置参数，如图1-101所示。图1-101 添加立体效果 （11）按Ctrl+L快捷键，打开【曲线】对话框，调整曲线，如图1-102所示。图1-102 加强

5、高光 （12）载入“原始”通道选区，设置【收缩量】为1像素缩小选区。并设置【羽化半径】为2像素羽化选区。然后将选区反选后删除，如图1-103所示。图1-103 删除选区 （13）设置该图层【混合模式】为“滤色”，【不透明度】为70%，设置参数，如图1-104所示。图1-104 对图像添加立体效果（14）向下合并图层为“糖果”图层。载入“原始”通道选区，设置【羽化半径】为10像素羽化选区，并将选区反选。按Ctrl+L快捷键，设置【色阶】为0；0.5；255，取消选区，如图1-105所示。图1-105 加深背景颜色提示按Ctrl键，同时选中“高光1”和“糖果”两图层，然后按Ctrl+E快捷键，将两

6、图层合并。 （15）复制“原始”通道，将副本通道命名为“高光”。执行【滤镜】|【其它】|【位移】命令，设置【水平】和【垂直】各1-2像素，设置参数，如图1-106所示。图1-106 复制通道（16）载入“原始”通道选区，将选区反选后填充黑色，取消选区，如图1-107所示。图1-107 填充选区 （17）执行【水平】和【垂直】各1-6像素【位移】命令。载入“原始”通道选区，填充黑色，取消选区，如图1-108所示。图1-108 填充选区 （18）执行【水平】和【垂直】各位8像素【位移】命令。再次载入“原始”通道选区，设置【收缩量】为2像素减小选区，如图1-109所示。图1-109 缩小选区 （19

7、）将选区反选，填充黑色，取消选区。执行【半径】为2像素的【高斯模糊】命令，调整色阶，参数设置，如图1-110所示。图1-110 绘制高光区域（20）载入“高光”通道选区，新建图层“高光”。将选区填充为白色，设置【不透明度】为60%，如图1-111所示。向下合并图层为“糖果”图层。图1-111 加强高光 （21）载入“原始”通道选区，并将选区反选后删除，取消选区，如图1-112所示。图1-112 删除字母背景（22）双击当前图层，打开【图层样式】对话框，启用【投影】选项。设置【阴影颜色】为橘黄色（#FF9805），【不透明度】为100%，设置参数，如图1-113所示。图1-113 添加投影 （2

8、3）启用【外发光】选项，对文字添加外发光效果。设置【混合模式】为“正常”；【外发光颜色】为50%，设置参数，如图1-114所示。图1-114 添加外发光效果 （24）新建“图层1”，并与“糖果”图层合并为“糖果字”图层。复制“原始”通道，并命名为“雪”通道。【垂直】1-8【位移】命令。载入“原始”通道选区，填充黑色，取消选区，如图1-115所示。图1-115 绘制“雪”区域 （25）执行【滤镜】|【模糊】|【高斯模糊】命令，设置【半径】为6像素。按Ctrl+L快捷键，调整色阶，设置参数，如图1-116所示。图1-116 扩大区域 （26）新建图层“雪”，填充土红色（#AB4400）。载入“雪”

9、通道，填充白色，取消选区，如图1-117所示。图1-117 填充选区 （27）执行【半径】为2像素【高斯模糊】命令。执行【滤镜】|【杂色】|【添加在色】命令，添加杂色，设置【数量】为2%。再次载入“雪”选区，将选区反选后删除，如图1-118所示。图1-118 添加杂色 （28）双击“雪”图层，打开【图层样式】对话框，启用【投影】选项，设置参数，如图1-119所示。图1-119添加“雪”图像投影2 调整整体效果 （1）将“背景”层以外的图层合并为“糖果字”图层。打开糖果图片，使用【移动】，将字母放置到图片文档中，如图1-120所示。图1-120 放置字母 （2）载入字母选区，使用【椭圆选框工具】，通过减选的方法，单独选中W字母，如图1-121所示。图1-121 对单独字母建立选区 （3）执行【图层】|【新建调整图层】|【色相/饱和度】命令，更改字母颜色。设置参数，如图1-122所示。图1-122 调整W字母颜色 （4）如同上述方法，绘制E字母，设置参数，如图1-123示。图1-123 调整E字母颜色