本文作者:三岁教程网

Photoshop Cs5制作Gif Banner广告条动画

三岁教程网 2022-11-07 00:00:00 68 抢沙发

效果图


    
     Photoshop Cs5制作Gif Banner广告条动画

1.新建文件250px*250px,分辨率设为70px,背景用#f2f2f2填充。


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画

2.放置Logo到靠近画布顶端的中间位置。


    
     Photoshop Cs5制作Gif Banner广告条动画

3.在Logo下发输入宣传标语。


    
     Photoshop Cs5制作Gif Banner广告条动画

4.绘制矩形选区,填充“#b90909”。


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画

打开图层样式面板,选择“投影”,降低投影距离和大小为2px。


    
     Photoshop Cs5制作Gif Banner广告条动画

选择“渐变叠加”,设置混合模式为“正片叠底”,不透明度28%。


    
     Photoshop Cs5制作Gif Banner广告条动画

选择“描边”,描边大小1px,描边颜色设为“#a31b1b”。


    
     Photoshop Cs5制作Gif Banner广告条动画

5.增加关键内容。


    
     Photoshop Cs5制作Gif Banner广告条动画

栅格化文字,并且为文字创建剪切蒙版。


    
     Photoshop Cs5制作Gif Banner广告条动画

6.放置一张引人注目的图片。


    
     Photoshop Cs5制作Gif Banner广告条动画

7.放入更多文字内容,摆放在图片的下方靠近画布底部的位置,所有内容均居中对齐。


    
     Photoshop Cs5制作Gif Banner广告条动画

8.创建圆角矩形选区,填充#fdfcfc。


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画

打开图层样式对话框,应用“投影”,降低投影半径和投影大小为1px。


    
     Photoshop Cs5制作Gif Banner广告条动画

应用“内发光”,参数保持默认值。


    
     Photoshop Cs5制作Gif Banner广告条动画

应用“渐变叠加”,颜色设置为#a10000到#fffff的渐变,不透明度设为6%。


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画

9.打开动画面板(窗口-动画)。用时间轴动画面板,并不是帧面板。把所有图层的不透明度设为0%。


    
     Photoshop Cs5制作Gif Banner广告条动画

10.插入关键帧和增加透明度。


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画

11.文件-存为“WEB文档格式”,进行设置并保存。


    
     Photoshop Cs5制作Gif Banner广告条动画


    
     Photoshop Cs5制作Gif Banner广告条动画

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=49778发布于 2022-11-07 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,68人围观)参与讨论

还没有评论,来说两句吧...