第3讲 利用路径制作霓虹灯
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
任务1 利用路径制作霓虹灯
【制作步骤】
(1)我们首先新建一个画布,大小为10×10厘米,分辨率为300像素/英寸。画布背景色设为黑色,即#000000,如图4-1:
图4-1 新建文件
(2)新建一个图层。将前景色设为:#62b4cb,如图4-2
图4-2 设置前景色图4-3 画正圆
(3)执行菜单命令“视图>标尺”,调出标尺,并从上表尺和坐标尺分别拖出辅助线,如图4-3所示。单击“形状工具”按钮中的“椭圆工具”,在属性栏中选择“路径”按钮,然后按住【Shift+Alt】键,从画面中心向外拖动,创建一个正圆,正圆半径大小为3厘米,如图4-3所示。
(4)选择画笔工具,按F5键,弹出“画笔参数”设置面板,如图4-4和图4-5设置画笔的参数。
图4-4画笔参数设置图4-5 形状动态参数设置
(5)打开“路径”面板,单击底部的“用画笔描边路径”按钮,如图4-6所示,此时,Photoshop 将使用前景色以及刚刚设置好的画笔,在路径上进行绘画,效果如图4-7所示。
图4-6 画笔为路径描边图4-7 描边效果
(6)按图4-8所示修改画笔参数,同时设置前景色为白色(#ffffff),用上面的方法再次为路径描边,效果如图4-9所示。然后调出路径面板,按住“shift”键并点击路径(或者直接点击路径面板的空白处),将路径隐藏起来。
图4-8 画笔参数图4-9 描边效果
(7)打开图层面板,点击右下角的“新建图层”按钮,新建“图层2”。如图4-10和图4-11所示修改画笔参数,之后用设置好的画笔分别将鼠标在图形中心单击,喷绘出垂直和水平的光线效果,如图4-12所示。
图4-10 画笔参数图4-11 画笔参数
图4-12喷绘图形图4-13 继续喷绘图形
(8)再次修改画笔参数中的“角度”值和“半径”值,在画面中绘制四面发散的光线(此处可以自由发挥),如图4-13所示。
(9)在工具栏中选择“渐变工具”,在其属性栏中选择渐变类型为“径向渐变”,在“渐变编辑器”中设置4个色标,分别为白色(#ffffff),紫红色(#cc7db1)、淡绿(#a9f19d)和青色(#0eae71)。如图4-14
图4-14 渐变参数设置
(10)打开“图层”面板,选择“图层2”,单击面板左上角的按钮,“锁定透明像素”,然后使用上面设置好的渐变工具,将鼠标从画面中心向外拖动,使光线产生渐变,如图4-15所示:
图 4-15渐变效果图4-16 自由变换
(11)复制“图层1”,在“图层1副本”图层上按【Ctrl+T】,进行“自由变换”,将图形缩小一些,并旋转一定角度,如图4-16所示
12、打开图层面板,新建“图层3”。将前景色设为白色,选择画笔工具,按F5调出画笔参数选项面板,设置画笔大小,在画面中适当位置单击(可自由发挥),绘制出白色光点,如图4-17所示。
图4-17 绘制白色光点图4-18 变形文字设置
13、选择横排文字工具,在画面中输入“霓虹”两个字的拼音。
14、在文字工具的属性栏上点击按钮,即“创建文字变形”,按图4-18所示设置文字变形参数。文字变形后效果如图4-19:
图4-19 文字效果图4-20 载入文字选区
15、打开“图层”面板,选择文字层,按住【Ctrl】键单击文字图层,将文字载入选区,如图4-20所示:
16、在“图层”面板中删除文字图层,此时图像上仅剩文字选区,打开“路径”面板,单击右上角的按钮,在弹出的下拉菜单中选择“建立工作路径”命令,在弹出的“建立工作路径”对话框中,如图4-21所示进行设置,单击“确定”,选区转换为路径,如图4-22所示。
图4-21 工作路径设置图4-22 转换为路径
17、打开“图层”面板,新建一个“图层4”。设置前景色为紫红(#a5308c)。
18、选择画笔工具,如图4-23所示设置画笔选项。打开“路径”面板,单击底部按钮,为文字路径描上紫红色的边。修改前景色为白色,再次设置画笔为“尖笔笔头5像素”,其它参数如图4-23,单击“路径”面板底部按钮,为文字路径描上白色的边,效果如图4-24所示。
图4-23 画笔参数图4-24 为文字描边
19、新建“图层5”,将其放置到“图层1”的下面。选择渐变工具,在“渐变编辑器”中设置色标颜色从白色(#ffffff)到蓝色(#95d5f6)到透明(将不透明度设置为0%)。如图4-25所示。
图4-25 渐变参数设置 图4-26 渐变效果 20、渐变工具类型选择“径向渐变”,将鼠标从画面中心向外拖动进行颜色渐变,如图4-26所示。将辅助线拖出屏幕,最终效果如图4-27所示:
图4-27 最终效果