Photoshop 网页设计实例糖果特效文字.docx
- 文档编号:24004244
- 上传时间:2023-05-23
- 格式:DOCX
- 页数:12
- 大小:2.69MB
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字母颜色
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Photoshop 网页设计 实例糖果特效文字 网页 设计 实例 糖果 特效 文字