photoshop打造光芒四射的五角星

photoshop打造光芒四射的五角星(1)回顶部

更多精彩平面及网站设计图文教程、视频教程，尽在PConline创意设计栏目。

　　本文由中国教程网 玄烜 原创，转载请保留此信息！

　　在photoshop的自定义形状里一般都有五角星的图案,但是如果我们自己来画应该怎么做呢?我在网上搜过,目前并没有画五角星的教程。因此，下面我们来学习怎样用路径画五角星。这个教程教我们如何使用路径画图以及标尺和参考线的使用。先看下效果图:

效果图1

效果图2

　　一、建立一个宽600、高450，白色背景的文件。见图1：

图1

　　二、用快捷键ctrl+r调出标尺，点击视图——新建参考线，分别按标尺刻度设置垂直、水平参考线在背景的中心，（参考线可以用移动工具移动位置）见图2：

图2

2photoshop打造光芒四射的五角星(2)回顶部

　　三、用多边形工具（属性设置见图3）设置前景色只要不是白色就可以, 以十字对准参考线中心拉出五角星图形。见图3、图4：

图3

图4

　　四、双击路径面版中的路径存储路径,点好确定,出现形状矢量蒙版。见图5：

图5

　　五、用钢笔工具（属性设置见图6）画出一个角的半径。见图6、图7：

图6

图7

3photoshop打造光芒四射的五角星(3)回顶部

　　六、用路径选择工具框选钢笔画出的路径，点击组合。见图8、图9：

图8

图9

　　七、按快捷键ctrl+t进行自由变换，用移动工具将自由变换的中心旋转点移动到五角星的中心,设置属性栏的旋转角度为72,回车取消自由变换，按shift+ctrl+alt+t连续4次，使其复制出4个角的半径。见图10、图11、图12：

图10

图11

图12

4photoshop打造光芒四射的五角星(4)回顶部

　　八、双击图层缩略图，弹出颜色对话框，选红色点好确定。见图13：

图13

　　九、点击填充调整图层，选纯色调出颜色对话框选金黄色点好确定，取消参考线，保存OK。见图14、图15：

 
图14

图15

　　最终效果：

效果图

点击下一页开始学习射线效果背景的制作

5photoshop打造光芒四射的五角星(5)回顶部

　　根据大家的需要，现在我来教怎样用路径制作这个背景。其实这种“背景”有好多种效果，我们来学习第一种效果——射线效果。先看效果图：

效果图1

效果图1

　　一、新建一个宽600高600，RGB颜色，白色背景的文件。填充一个较深的蓝色。调出标尺，点击视图——新建参考线，设置中心位置。见图1：

图1

　　二、用直线工具（属性设置见图2）按住shift键用鼠标从左上角至参考线中心分别画出4——5个小直线，切记直线要短。然后双击路径里的矢量蒙版，存储路径。见图2、图3：

图2

图3

6photoshop打造光芒四射的五角星(6)回顶部

　　三、用路径选择工具框选画好的直线，点击组合。用快捷键ctrl+t自由变换，把自由变换中心的旋转点移动到参考线中心，设置旋转角度5.0。见图4、图5、图6：

图4

图5

图6

　　四、回车取消自由变换，同时按住ctrl+shift+ait+t连续复制一周，使其重合，切记复制接近重合的时候不能  少一个，也不能多一个，否则影响效果。见图7：

图7

7photoshop打造光芒四射的五角星(7)回顶部

　　五、点击填充或调整图层——选纯色——出现拾色板——选白色，确定。见图8、图9：

图8

图9

　　六、用鼠标点击图层上面的颜色填充图标使射线变成白色。用鼠标在“颜色填充”上右键单击，合并可见图层 。见图10：

图10

　　七、用ctrl+l色阶调整射线亮度，使其变得清晰。点击滤镜——模糊——径向模糊，设置见（图13）点击确定 。见图11、图12、图13：

图11

图12

8photoshop打造光芒四射的五角星(8)回顶部

图13

　　八、需要说明的一点是：径向模糊之后，射线和背景颜色变淡了，可以用色相饱和度加深蓝色背景，用色阶加亮射线，如果效果不好可以多次“径向模糊”。反复调整色相饱和度和色阶。如果蓝色背景不能调的很深，还可以在前景色加一个深蓝色，用“颜色替换工具”涂抹蓝色背景。

　　九、用椭圆选框工具按住shift键拉出一个合适的圆，用方向键移动至中心，羽化100，用色阶或者曲线调亮，使其出现一个渐变的效果。存储OK。(用色相饱和度适当调整色相可以调出不同的颜色效果，见开始的效果图。)见图14：

图14

　　最终效果：

效果图