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

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

《Photoshop 网页设计实例糖果特效文字.docx》由会员分享，可在线阅读，更多相关《Photoshop 网页设计实例糖果特效文字.docx（12页珍藏版）》请在冰豆网上搜索。

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

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

糖果网站一般都在网页上放置一副精美的糖果图片来突出产品主题，简单字体概不可少。

为了衬托和配合糖果图片，本案例通过运用通道和【滤镜】中【位移】、【高斯模糊】等命令制作一种带有甜味的糖果字。

并通过【色相/饱和度】命令对绘制后的文字更改其颜色，使其文字像糖果一样颜色丰富，如图1-91所示。

图1-91糖果网页

1制作糖果文字

（1）建一个【宽度】和【高度】分别为1100和800像素，白色背景文档。

使用【横排文字工具】

，分别输入S、W、E、E、T字母。

并按Ctrl+T快捷键，对每个字母进行旋转、透视，使其凌乱排列，如图1-92所示。

图1-92栅格化文字

提示

如果要将文字进行扭曲、透视变换操作，首先必须将文字栅格化。

选中文字图层，右键单击，选择【栅格化文字】命令，将文字栅格化。

（2）打开【通道】面板，复制“蓝”通道，将副本通道命名为“原始”通道。

选择该通道，按Ctrl+I快捷键，进行反相，如图1-93所示。

图1-93复制通道

（3）删除字母图层，新建图层“糖果”，将该图层填充白色。

设置前景色为黄色（#FFE100），执行【图像】|【图像旋转】|【90度（顺时针）】命令，将画布旋转。

执行【滤镜】|【素描】|【半调图案】命令，设置参数，如图1-94所示。

图1-94绘制纹理效果

（4）执行【图像】|【图像旋转】|【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像素缩小选区。

将选区填充黑色，取消选区，如图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加强高光

（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快捷键，将两图层合并。

（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）将选区反选，填充黑色，取消选区。

执行【半径】为2像素的【高斯模糊】命令，调整色阶，参数设置，如图1-110所示。

图1-110绘制高光区域

（20）载入“高光”通道选区，新建图层“高光”。

将选区填充为白色，设置【不透明度】为60%，如图1-111所示。

向下合并图层为“糖果”图层。

图1-111加强高光

（21）载入“原始”通道选区，并将选区反选后删除，取消选区，如图1-112所示。

图1-112删除字母背景

（22）双击当前图层，打开【图层样式】对话框，启用【投影】选项。

设置【阴影颜色】为橘黄色（#FF9805），【不透明度】为100%，设置参数，如图1-113所示。

图1-113添加投影

（23）启用【外发光】选项，对文字添加外发光效果。

设置【混合模式】为“正常”；【外发光颜色】为50%，设置参数，如图1-114所示。

图1-114添加外发光效果

（24）新建“图层1”，并与“糖果”图层合并为“糖果字”图层。

复制“原始”通道，并命名为“雪”通道。

【垂直】1-8【位移】命令。

载入“原始”通道选区，填充黑色，取消选区，如图1-115所示。

图1-115绘制“雪”区域

（25）执行【滤镜】|【模糊】|【高斯模糊】命令，设置【半径】为6像素。

按Ctrl+L快捷键，调整色阶，设置参数，如图1-116所示。

图1-116扩大区域

（26）新建图层“雪”，填充土红色（#AB4400）。

载入“雪”通道，填充白色，取消选区，如图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字母颜色