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

ps设计网页Banner横幅教程(2)

来源:网络 作者:张强 学习:11472人次

4. 对文字进行排版布局

PS快速合成简单大气的网页横幅

把需要突出的主题放大并放在第一位。

同一种字体,同一颜色,我们还可以用大小做区分。在保正整体一致的前题下做出不同。

当然,我们还可以用其它选好的颜色做出主次分明,区块划分。主题用包的米黄色,中间选用了海天的蓝色,而最后用了粉色。注意,到了这里,请再看一遍图。发现了吗?"米黄背包"的背景是蓝色,这四个字非常突出。而下面两行,与背景相似的色彩,蓝字对海天,粉字对沙滩,很和谐。

最后一点,也是非常重要的,不管怎么排列文字,一定要隐有一种对齐。请看下图:

PS快速合成简单大气的网页横幅

文字的垂直方向,是底对齐的。水平方向是左对齐的(人总是喜欢有序的东西...),这样整个文字的排版就不会乱,但又不像板书那般看上去很死板。

文字与人物之间的对齐很特殊:不要让文字压到人物,并且两者之间要有一定的留白空间。如上图所示,切记不要让图挨字,会让人物有"面壁思过"的感觉。

当然,如何对齐视具体情况而定,这只是一种可能。

5. 审视并微调细节

现在主体已经出来了。现是还太"简单",这不是我们所要的那种"简单"。所以我们需要审视并调整细节,让图更"耐看"。

主题部分够突出,但有些过于独立,加些简单的修饰性内容:

PS快速合成简单大气的网页横幅

 

 

 

修饰同样简单,但却使文字区域不再是纯文字那么单调,图形的加入,带来了活力。但不要用过于复杂的修饰,那会破坏我们想要的"简单"。

嗯,现在看起来好多了,可是文字区域下面似乎有些空洞,我们再补充一点内容:

PS快速合成简单大气的网页横幅

同样是简单的文字与简单的白色矩形背景,不会破坏"简单",但图形的加入,又一次带来了活力。值得注意的是,"特价包邮"与"活动时间"仍然存在"对齐"。

嗯,嗯,现在已经可以收工了吧。再看一眼...

够简单,简单的没有一点起色-_-!!!。最后再给文字加一点小修饰,这里我给主题"米黄背包"和"特价包邮"的背景加了一点渐变色:

PS快速合成简单大气的网页横幅

也许还可以给背景加点小花样:

PS快速合成简单大气的网页横幅

OK,再次审视,可以收工了。

6. 定稿并总结

收工后总结一下,这个Banner,不是很牛掰,但也算的是简单,漂亮,大气。不用复杂高超的PS技术,只要肯用心思考,用勤奋的双手去练习。设计一个简单的Banner,很简单。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
回帖1232021-03-27 01:37
论坛需要你我他www.jzs5kao.cn
回帖1232021-03-27 01:37
论坛需要你我他www.jzs5kao.cn
1537965792021-03-14 10:11
谢谢楼主的分享。
秃头小宝贝儿2021-03-10 09:40
SO HARD

关注大神微博加入>>

网友求助,请回答!