ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

如何用Photoshop去制作一张质量高的banner(轮播图)?

2021-12-11 11:33:42  阅读:287  来源: 互联网

标签:Photoshop Adobe 轮播 界面设计 设计 banner 文案


首先先介绍一下Photoshop这款软件:

        简介:           

        Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。

  2003年,Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月,Adobe公司推出了新版本的Photoshop CC,自此,Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。

  截止2016年12月Adobe PhotoshopCC2017为市场最新版本。

  Adobe支持Windows操作系统、安卓系统与Mac OS,但Linux操作系统用户可以通过使用Wine来运行Photoshop。

       功能:(以Photoshop cc 为例)

(Photoshop cc 基本的功能)        

1、图像处理:Photoshop的专长在于图像处理,而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果,其重点在于对图像的处理加工。

2、平面设计:平面设计是Photoshop应用最为广泛的领域,无论是图书封面,还是招帖、海报,这些平面印刷品通常都需要Photoshop软件对图像进行处理。    

3、广告摄影:广告摄影作为一种对视觉要求非常严格的工作,其最终成品往往要经过Photoshop的修改才能得到满意的效果。    

4、影像创意:影像创意是Photoshop的特长,通过Photoshop的处理 可以将不同的对象组合在一起,使图像发生变化。 

5、后期修饰:在制作建筑效果图包括许三维场景时,人物与配景包括场景的颜色常常需要在Photoshop中增加并调整。    

6、界面设计:界面设计是一个新兴的领域,受到越来越多的软件企业及开发者的重视。在当前还没有用于做界面设计的专业软件,因此绝大多数设计者使用的都是该软件。  

 (Photoshop cc 附加的功能)        

01. Behance连通 

02. 智能锐化 

03. 生成机技术 

04. 保存到云 

05. 智能采样 

06. 拓展功能 

07. 多形和路径选择  

08. 有条件的动作  

09. 可编辑的圆角矩形 

10. 更好的3D工具 

11. 图层中的CSS 

12. 从网页中导入颜色 

13. 改良字体风格 

14. 相机防震 

15. 扩大智能对象支持

       

介绍完后就来制作一张高质量的banner:

1、了解需求

2、明确需求来确定要设计的风格

3、根据提供的素材和文案确定板式       

4、构成banner的元素的设计

01 了解需求

       做任何设计的前提就是了解设计需求,只有弄明白需求方到底想要什么,我们才能少改几次           稿。我刚参加工作的时候就没少吃这方面的亏,那时候刚进公司脸皮薄,别人让干啥就立马           撸起袖子打开ps开始工作。不明白的地方也不敢问太多,怕打扰别人工作。事实证明,这种           想法是多么大的错误。

02 依据需求确定设计的风格

       当接到Banner的设计需求后,我们就要依据需求方提供的主题内容、品牌调性、所投放的平           台尺寸等关键信息提取出设计的风格走向。

       Banner也分很多风格:        

       如文艺雅致、时尚高冷、传统国风、青春活力、可爱甜美、促销活动、未来科技、政治相关           等等。

       如图:

03 确定板式

       文案:    · 一级标签   · 二级标签   · 其他文案

       配图:    · 模特    · 商品图    · 其他

       背景:    · 背景    · 修饰元素

从布局来讲,文案和配图之间有如下的排版类型:

·  左文右图

 ·  左图右文 ·  图文居中

 ·  倾斜构图

 04 构成banner元素的设计

       文案:一般分为左对齐、居中对齐、右对齐和无规律等。

       背景:纯色背景、场景合成、打造舞台效果、自由形状等。

    点缀:如字体渐变、添加小插图、点和线等。

 根据这些点,我们设计出来的Banner图也就变得丰富多彩了

分享最走心的设计心得,期待与你一起进步,我们下次再见!

标签:Photoshop,Adobe,轮播,界面设计,设计,banner,文案
来源: https://blog.csdn.net/qq_52109531/article/details/121869660

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有