您现在的位置: 店盟 >> 网店资讯 >> 网店装修 >> 装修教程 >> 正文

Photoshop打造霓虹灯网店招牌动画效果

更新时间:2010-4-1  来源:Dianmeng.com  作者:店盟

  本例向朋友们介绍运用PS制作漂亮的霓虹灯网店招牌,主要学习如何通过文字工具、PS内置滤镜模拟霓虹灯字效,对多个图层进行渐变填充处理,最后对动画帧进行处理完成最终效果,希望能给朋友们带来帮助。

  效果图:

Photoshop打造霓虹灯网店招牌动画效果

Photoshop打造霓虹灯网店招牌动画效果

Photoshop打造霓虹灯网店招牌动画效果

  素材:

Photoshop打造霓虹灯网店招牌动画效果

Photoshop打造霓虹灯网店招牌动画效果

Photoshop打造霓虹灯网店招牌动画效果

Photoshop打造霓虹灯网店招牌动画效果

  制作过程

  1、新建文件600*300,RGB颜色,白色,分辨率72,用横排文字工具打上文字,调整位置大小。SHIFT+CTRL+ALT+E,得到盖印图层

Photoshop打造霓虹灯网店招牌动画效果
图1

  2、滤镜---模糊----高斯模糊,半径2-4

Photoshop打造霓虹灯网店招牌动画效果
图2

  3、图像---调整---曲线,注意曲线可以随便拉,但是一定要是很大波浪的。

Photoshop打造霓虹灯网店招牌动画效果
图3

  4、图像---调整---反相,画面变黑色。

Photoshop打造霓虹灯网店招牌动画效果
图4

  5、新建图层命名为外框,选择路径,用圆角矩形工具画一个矩形。 进入路径,选择将路径作为选区载入,然后回到图层面板。

Photoshop打造霓虹灯网店招牌动画效果
图5

  6、选择编辑---描边,颜色自定,宽度15—20px,位置居中。

Photoshop打造霓虹灯网店招牌动画效果
图6

  7、对外框图层执行滤镜---模糊—高斯模糊,半径2-4。

Photoshop打造霓虹灯网店招牌动画效果
图7

  8、在外框图层上面用移动工具拉入花朵作为装饰。

Photoshop打造霓虹灯网店招牌动画效果
图8

  9、新建图层,用你喜欢的渐变色拉渐变(也可以用颜色填充),把图层模式改为“颜色”。

Photoshop打造霓虹灯网店招牌动画效果
图9

  10、再新建4个图层,拉各种渐变色,图层模式都改为颜色。

Photoshop打造霓虹灯网店招牌动画效果
图10

  11、进入动画,复制4帧,总共5帧,每一帧只打开一种渐变色。

Photoshop打造霓虹灯网店招牌动画效果
图11

  12、复制第一帧得到第二帧,把第二帧的填充改为50%。

Photoshop打造霓虹灯网店招牌动画效果

[1] [2] 下一页


您正在阅读的装修教程:Photoshop打造霓虹灯网店招牌动画效果来自“店盟-网店资讯”,转载请注明出处。
  • 上一个资讯:

  • 下一个资讯: 没有了

  • 资讯评论

    查看全部评论