如何用PS软件设计出优秀的banner图

近年来,各大权威知名网站的风格发生本质的变化;包括网站的框架、轮播图、布局等等都采用平面式的视觉元素;它们主要以色彩统一、布局清晰、视觉明朗等特点成为目前主流网站的大众化风格;下面本编人员就banner设计角度讲解如何设计出大气漂亮的网站模板和图文。

操作方法

  • 01

    首先请大家先来赏析一张图,我们从图中看出几点要素: 从该图我们可以看出以下几点: 1.整张图都是以纯色(平面色)为主导 2.背景色系统一暖色,并且是两者之间的临近色 3.层次关系明确,分为背景层、中间层、主观层(主要内容层) 4.背景采用几何图形概念进行整体勾画。因为我们主要是强调该图的内容,所以背景无需做的华丽花哨,那样反而让人反感! 5.该图字体表达内容明确,不含糊,字体流畅清晰。让浏览者一目了然; 以上是针对该图做出的主要几点剖析。下面我们就开始一步步讲解如何做出这样的效果。

  • 02

    开始,打开PS软件并建立一个1400px*420px的背景,如图;

  • 03

    然后新建一层,作为图片背景层,利用《矩形选框工具》勾画出基本的几何图形,在勾画过程中可以对选框右击进行旋转、放大缩小。如图

  • 04

    在网上找一个商务人物正面素材,最好能手持物品的状态。然后进行抠图剪切,并放到居中位置,居中方法是可以先把该图层和背景层这两个层都选中,然后链接图层。完了点图层→对齐→水平居中(注意操作的时候一定要两个图层都选中并且都链接在一起)。如图:

  • 05

    最后一步,写字排版;这部就比较简单了,我用的字体是:方正正中黑简体。然后大小间距适当即可,如图: 做网页美工的,不需要太多的颜色。简简单单,大大方方;就是权威。

(0)

相关推荐

  • 如何用PS软件设计三折页广告?

    简单实用的三折页广告设计方法,学起来! 操作方法 01 打开PS软件,新建文件,新建图层,新建参考线 02 用钢笔工具绘制图中灰色区域,在路径面板下用前景色填充路径,选中"背景"图 ...

  • 如何用PS软件做封面设计

    PS软件广泛的被用在美化图像.文字排版.条幅设计.名片设计.三维立体图形设计.室内设计.建筑效果图的修饰.平面设计.动画设计等多个方面.现在越来越多的朋友们,都会采用PS软件来调整图像的色彩,修改图像 ...

  • 如何用PS来设计简单的网页

    PS软件应用十分的广泛,修改图像,运用图层蒙版设计简单网页,文字排版,网页优化,包括导航图,网页底端的页脚,网页主题内容,特效文字的制作,动作按钮的设计等.今天和小编一起来学习如何用PS来设计简单的网 ...

  • 如何用PS软件给图片设置渐变透明效果

    今天给大家介绍一下如何用PS软件给图片设置渐变透明效果的具体操作步骤.1. 打开电脑,找到桌面上的PS软件,双击打开,进入主页面后,点击上方的文件---打开,将想要设置的图片导入到软件中:2. 然后在 ...

  • 如何用PS画笔工具设计图画

    现在越来越多的大学生毕业,都没有在校期间好好的学习,所以并没有更快的掌握软件的技术本领.而现在的用人单位,对办公软件的要求是越来越多.办公软件已经成为网络领域.编辑领域.设计领域.文字排版领域的常用软 ...

  • PS软件设计中颜色的搭配技巧

    PS软件运用十分广泛,在PS软件中学会修图,还是不够完美的,最主要的就是要懂得配图,配颜色等多种技巧,不同颜色的搭配在PS软件中会起到更好的作用.所以今天小编想把这篇PS软件设计中颜色的搭配技巧这篇文 ...

  • 如何用PS软件制作放射线

    我们知道Photoshop软件可以创造一个美的世界,给我们一个新的视野.以下小编"林曌乐园"便为你介绍如何用PS软件放射线效果,带给你不一样的视野,希望能帮到你. 操作方法 01 ...

  • 如何用PS软件进行压缩较大的GIF文件

    今天给大家介绍一下如何用PS软件进行压缩较大的GIF文件的具体操作步骤.1. 打开电脑,进入桌面,找到电脑上的PS软件,打开.2. 在打开的PS主页面中,单击左上角的文件选项.3. 在打开的菜单中,选 ...

  • 如何用PS软件来处理gif文件

    今天给大家介绍一下如何用PS软件来处理gif文件的具体操作步骤.1首先打开电脑上的PS软件,进入主页面后,将需要处理的gif文件导入到软件中.2然后点击上方的窗口菜单,在打开的菜单中,找到时间轴,勾选 ...