项目四 任务4 霓虹灯字设计 课件 广东2022中职《Photoshop 图像处理》

Photoshop 图像处理 项目四 电商图像设计 1 任务1 网店店标设计 任务2 网店店招的设计 项目四 XIANG MU YI 01 02 电商图像设计 任务3 网店详情页设计 03 任务4 霓虹灯字设计 04 任务5 网店 Banner 设计 05 2 任务 4 霓虹灯字设计 项目四 电商图像设计 学习目标 ● 掌握电商中艺术字体的设计思路和方法。 ● 能熟练运用快捷键进行图层的复制和移动。 ● 进一步熟悉描边、内阴影、内发光、外发光、投影等图层样式。 任务分析 文字是网店展示商品的重要形式，是传达商品信息的主要载体，经过精心设计的艺术字体更加能吸引观众，增强视觉体验。 艺术字体不管是在电商设计中还是在广告设计中，都有广泛的应用。 任务分析 本任务以“3.8”霓虹灯字的设计为例，介绍电商文字设计的基本思路和方法，效果图如图所示。 霓虹灯字体的制作主要通过做出文字立体感，并叠加图层样式来实现。 本任务的学习重点是运用图层设计电商特效文字。 任务实施 1．新建图像文件 单击“文件”菜单中的“新建”命令，弹出“新建”对话框，命名为“霓虹灯字效果”，设置宽度为 800 像素，高度为 500 像素，分辨率为 72 像素 / 英寸，颜色模式为 RGB 颜色、8 位，背景内容为黑色，如图所示。设置完成后，单击“确定”按钮。 任务实施 2．绘制背景、添加文字 （1）新建图层，单击“画笔工具”按钮，在工具选项栏中设置画笔为柔边缘，画笔大小为 1000 像素，硬度为 0%，模式为滤色，不透明度为 100%，颜色为 #450578。调整好画笔后，在画布的中上方单击一下，单击图层面板中的“图层 1”，设置不透明度为 60%，效果图如图所示。 任务实施 2．绘制背景、添加文字 （2）单击“横排文字工具”按钮，在工具选项栏中设置字体为 Arial Bold Italic，大小为160 点，颜色为#5d00a6，分三个图层在画布中输入“3.8”三个字符，用“移动工具”调整三个字符的位置。效果图如图所示。 任务实施 3．制作立体文字 （1）单击文字图层“3”，按“ Ctrl+T”键对文字进行变形，显示“3”的变换控件，按“↓”键，再按“回车”键确认，文字就向下移动了一个像素。 （2）再按 10 次“ Ctrl+Alt+Shift+T”键，得到 10 个拷贝图层。图层面板如图所示。 任务实施 3．制作立体文字 （3）用同样的方法，做出另外两个字符的立体效果，如图所示。 任务实施 4．描边 （1）选中文字图层“3”并右击，在弹出的快捷菜单中选择“混合选项”，弹出“图层样式”对话框，勾选“描边”选项，设置大小为 2 像素，位置为内部，字体颜色为白色，如图所示。 任务实施 4．描边 （2）复制描边图层，在图层面板中复制的描边图层上右击，在弹出的快捷菜单中选择“栅格化图层样式”，增加描边效果，将图层名字改为“3 栅格化图层样式”，调整好位置。 任务实施 4．描边 （3）用同样的方法做出另外两个字符的样式，效果图如图所示。 任务实施 5．设置内部文字样式 单击图层面板中的“3 拷贝 10”图层，依次添加“内阴影”“内发光”“外发光”“投 影”4 种图层样式，具体参数设置依次如图所示。 任务实施 5．设置内部文字样式 任务实施 5．设置内部文字样式 设置图层样式后的效果图如图所示。 任务实施 6．调整线条效果 单击文字“3”图层（即描边图层样式图层），依次添加“描边”“内阴影”“内发光”“外发光”“投影”几种图层样式，其中“描边”中的渐变参数为橙黄橙渐变，具体参数设置依次如图所示。 任务实施 6．调整线条效果 任务实施 6．调整线条效果 任务实施 6．调整线条效果 任务实施 6．调整线条效果 设置图层样式后的效果图如图所示。 任务实施 7．保存图像文件 单击“文件”菜单中的“存储为”命令，在弹出的对话框中选择以 JPG 格式保存。完成后退出 Photoshop CC 2015。 注意事项 1．在设计艺术字时，最好将文字单个分开制作，以方便后期的调整。如先制作一种文字效果，再用同样的方法迅速完成其他文字效果。 2．描边类型的艺术字体应选择笔画相对较粗的字体进行处理，以便更好地展示出效果。 3.Photoshop 中的文字工具是最常用、最重要的工具之一，可以使用文字工具在图像中添加文字及各种效果的文字图片。 相关知识 图层样式是一种附加在图层上的“特殊效果”。Photoshop 中共有 10 种图层样式，这些样式既可以单独使用，又可以多种样式同时使用。本任务中用到了“描边”“内阴影”“内发光”“外发光”“投影”等图层样式。 相关知识 一、描边 描边效果可以用颜色、渐变以及图案来描绘图像的轮廓边缘。图所示为“描边”图层样式设置界面，在该界面中可以设置