当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

banner教程,用ps制作960*90的广告图片

来源:站酷 作者:MIKY猫 学习:11251人次

分享一个简单的banner制作教程,教程不难,都是一些基础应用,适合初学者学习。大家可以跟着教程一起做,做完记得交作业。

这是我整理的课后作业制作的详细步骤,面向的是对photoshop有点了解但不太熟悉的编辑,所以教程写得很基础。例子虽然简单,不过初学者可以从中学到:
1、钢笔工具及矩形工具的简单实用
2、图层混合模式的简单了解
3、简单动态效果的制作

先看看效果:

banner教程,用ps制作960*90的广告图片

新建一个文档,设置好Banner尺寸,这里设置的是960X90

banner教程,用ps制作960*90的广告图片

填充底色,色值为#f08678

banner教程,用ps制作960*90的广告图片

选择合适的排版方式,这里就可以用前面说的两栏排版,为了突出方案,采用左文右图的形式。然后先把文字和奖励都摆上去。

banner教程,用ps制作960*90的广告图片

用钢笔工具画出奖励的区域,这边要注意上面属性栏的下拉框选中的是形状。

banner教程,用ps制作960*90的广告图片

CTRL+J复制一层刚画的形状,双击前面的框修改为图层的颜色为黑色,让图层往左边移动几像素。

banner教程,用ps制作960*90的广告图片

设置图层混合模式为柔光,填充为70%,以此制作投影。

banner教程,用ps制作960*90的广告图片

经过以上调整,可能觉得以上的投影形状过于规整,不够活泼,这时我们可以通过直接选择工具,选择单个锚点改变下投影的形状。

banner教程,用ps制作960*90的广告图片

现在banner的基本雏形已经出来了,我们还需要对左边的文字做下调整,这里重新设置下字体,修改文字的颜色为白色。

banner教程,用ps制作960*90的广告图片

换了个字体和颜色后,是不是看起来小清新了许多,接下来继续绘制“免费领取”按钮,首先用圆角矩形工具画一个带圆角的矩形。

banner教程,用ps制作960*90的广告图片

画好按钮形状后,开始设置按钮样式,这样处理很简单,就是把按钮的填充变为0%,然后直接描边。

banner教程,用ps制作960*90的广告图片

到这里banner已经制作得差不多啦,为了让奖励看起来更生动些,这边可以给他们加上一个类似摄影的选中框,具体做法如下:

banner教程,用ps制作960*90的广告图片

banner教程,用ps制作960*90的广告图片

好吧,满足大众要求,我们这边做一个简单的动态效果。首先

banner教程,用ps制作960*90的广告图片

banner教程,用ps制作960*90的广告图片

banner教程,用ps制作960*90的广告图片

banner教程,用ps制作960*90的广告图片

保存时按CTRL+SHIFT+ALT+S,保存为WEB格式的图片,最终效果如下:
banner教程,用ps制作960*90的广告图片

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
秃头小宝贝儿2020-12-25 10:40

20882980422018-12-14 04:42
给力
18522**43682018-12-14 03:51
给力
花样锦年2018-05-25 02:15
给力
尽欢2016-08-22 09:22
尽欢2016-08-22 09:08
叶子2016-08-10 04:29
index.html
叶子2016-08-10 04:08
index.html
冷眼792015-11-29 04:56
165624xe4qq5vmvowdk59m.jpg
冷眼792015-11-29 04:11
165624xe4qq5vmvowdk59m.jpg
中国新疆好姑娘2015-08-26 05:38
173842qx1w3qqq1wwoq00o.gif
中国新疆好姑娘2015-08-26 05:08
173842qx1w3qqq1wwoq00o.gif
嘻嘻哈哈_Cherry2015-07-07 10:34
好教程,多谢分享! (*^__^*) 嘻嘻……照着葫芦画了个葫芦~ 103322mz0lqjsnonqaaazf.gif
嘻嘻哈哈_Cherry2015-07-07 10:07
好教程,多谢分享! (*^__^*) 嘻嘻……照着葫芦画了个葫芦~ 103322mz0lqjsnonqaaazf.gif
遥远的祭司2015-04-30 05:44
真棒真棒真棒

关注大神微博加入>>

网友求助,请回答!