当前位置:首页 >教程首页 > U I 设计 > Adobe创意设计特训营 >Photoshop创建闪电图标

Photoshop创建闪电图标

发布时间:2018-11-17 19:57:24

 

        导言
        首先,感谢Negreu Andreas先森,这篇教程是和他一起共同完成的。作品的灵感来自于电影《Bolt》的海报。下面将会讲授如何使用Photoshop的图层和形状工具创作一个有趣的立体光泽闪电图标。

         步骤1:新建文件
         新建一个1000*60大小的画布,使用多边形套索工具[快捷键L]创建闪电的形状。


图01 

 

        步骤2:着色
        新建图层,在仍为激活状态的多边形选区内进行颜色填充[#ff9c00]。


图02

        步骤3:创建3D效果
        复制图层两次,分别在两层的闪电形状内填充#ffc66c的颜色。然后,将它们放置在最先创建的图层的下方,按照如下图所示的位置放置。


图03

 

        步骤4:
        然后,将步骤3中创建的两个图层进行合并,再次使用多边形套索工具框选下图所示的区域,将它们填充为与整体一致的颜色。


图04

 

        步骤5
        使用加深工具,设置阴影,曝光度设置为60%——将第4步中创建的图层形状的拐角处进行处理。


图05


图06

 

        步骤6:颜色加深
        再次使用颜色加深工具[快捷键为O],对最上面图层中的闪电拐角进行颜色加深。


图07

        步骤7:边缘处理
        按住Command键,单击第一层的缩略图,框选闪电所在的范围,创建新层,然后使用套索工具,右键单击屏幕,为闪电形状创建一个3px宽度的边框,将颜色选为#ffab45。使用模糊工具[快捷键为R],将边框的边缘进行柔化处理。

 


图08


图09 

 

         步骤8
        在最顶端创建新层,使用笔刷工具[快捷键B],颜色选为#ffab45(与步骤7中制作的边框颜色相同),将闪电拐角处修改为与边框一致的颜色。        


图10

 

        步骤9:阴影
        现在,是添加更多阴影的时间了。选用颜色#800300,用笔刷在初始的闪电形状下面添加阴影,如下图所示。


图11

        步骤10
        将步骤7中制作的闪电边框复制两次,使用Image > Adjustments > Brightness/Contrast[图像>调整>明度>对比度]命令,将明度设置为-150,对比度设置为+30。将图层向右偏移几个像素值的距离,如下图所示。

 


图12

        步骤11
        使用橡皮擦工具[快捷键E],擦除边框的拐角处,选用模糊工具[快捷键R],使边框与闪电形状的其余部分融合在一起。

 


图13

        步骤12:亮部颜色
        用笔刷[颜色为#ffa93c]为闪电绘制亮部。选中下图所示的区域。在所有层上方新建图层,涂抹颜色。注意要使用柔性笔刷。

 


图14

 

        步骤13
        新建图层,选中如下图所示区域。在该区域内用#6b000进行绘制,将图层设置为叠加模式。


图15

        步骤14:优化形状
        下一步中,进一步调整闪电层下层的图形形状。在如下图所示的区域中用画笔为所选区域绘制更丰富的颜色和阴影。


图16

 

        步骤15
        新建图层,选中如下图所示的区域,将选取顶部涂成红色[#e20001],底部涂成橘黄色[#ffa739]。


图17

        步骤16:细节
        使用橡皮擦工具擦除边框中如下图所示的区域。


图18

 

        步骤17:增加光泽
        下面来为闪电赋予光泽。新建图层,放置在最上方,选择如下图所示的区域,使用黄色的柔性笔刷绘制高光区域,将图层设置为叠加或柔光模式。亦可以擦除部分区域,减淡颜色。然后,进一步绘制边框,进行涂抹并降低透明度。
        注意,对于闪电上每一块光泽区域,都需要创建不同的选区。


图19

 

        最终效果


图20

 

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定